/*
*  CODE BOX LAYOUT
*
*/

#codeBox {
position: relative; /* CODE BOX POSITION */
top: 10px; /* DISTANCE FROM LEFT OF SCREEN */
left: 10px; /* DISTANCE FROM TOP OF SCREEN */
width: 300px; /* BOX WIDTH */
height: 100px; /* BOX HEIGHT */
border: #006699 1px solid; /* PROPERTIES OF BORDER AROUND BOX */
background: #FFFFFF url(link_filename.extension) no-repeat center; /* PROPERTIES OF THE BACKGROUND OF THE BOX */
font-family: "Comic Sans MS"; /* CODE BOX FONT - MAKE DIFFERENT TO YOUR SITE NORMAL BODY FONT TO DIFFERENTIATE CODE FROM TEXT */
font-size: 9px; /* FONT SIZE */
color: #494949; /* FONT COLOUR */
font-weight: normal; /* FONT WIEGHT - BOLD, ITALICS ETC */
text-align: justify; /* TEXT ALIGNMENT - CENTER, LEFT ETC */
padding: 5px 5px 5px 5px; /* PADDING AROUND TEXT SO IT DOESN'T TOUCH BOX SIDES */
}

#codeBox2 {
position: relative; /* CODE BOX POSITION */
margin: 5px, 5px, 5px, 5px;
border: #006699 1px solid; /* PROPERTIES OF BORDER AROUND BOX */
background: #FFFFFF url(link_filename.extension) no-repeat center; /* PROPERTIES OF THE BACKGROUND OF THE BOX */
font-family: "Comic Sans MS"; /* CODE BOX FONT - MAKE DIFFERENT TO YOUR SITE NORMAL BODY FONT TO DIFFERENTIATE CODE FROM TEXT */
font-size: 12px; /* FONT SIZE */
font-weight: normal; /* FONT WIEGHT - BOLD, ITALICS ETC */
text-align: justify; /* TEXT ALIGNMENT - CENTER, LEFT ETC */
padding: 5px 5px 5px 5px; /* PADDING AROUND TEXT SO IT DOESN'T TOUCH BOX SIDES */
}
.codeBoxOutline {
position: relative; /* CODE BOX POSITION */
margin: 5px, 5px, 5px, 5px;
border: #006699 1px solid; /* PROPERTIES OF BORDER AROUND BOX */
background: #FFFFFF url(link_filename.extension) no-repeat center; /* PROPERTIES OF THE BACKGROUND OF THE BOX */
font-family: "Comic Sans MS"; /* CODE BOX FONT - MAKE DIFFERENT TO YOUR SITE NORMAL BODY FONT TO DIFFERENTIATE CODE FROM TEXT */
font-size: 12px; /* FONT SIZE */
font-weight: normal; /* FONT WIEGHT - BOLD, ITALICS ETC */
text-align: justify; /* TEXT ALIGNMENT - CENTER, LEFT ETC */
padding: 5px 5px 5px 5px; /* PADDING AROUND TEXT SO IT DOESN'T TOUCH BOX SIDES */
}
/*
// xmp tag is deprecated for some reason
#xmp {
font-family: "Comic Sans MS"; /* CODE BOX FONT - MAKE DIFFERENT TO YOUR SITE NORMAL BODY FONT TO DIFFERENTIATE CODE FROM TEXT */
font-size: 12px; /* FONT SIZE */
font-weight: normal; /* FONT WIEGHT - BOLD, ITALICS ETC */
}
*/

/*
* FOR HELP WITH CSS GO TO ...
* http://www.w3schools.com/css/
* OR IF STYCK, JUST ASK ON OZZU.COM
*/


#codeBox2Original {
    margin: 5px, 5px, 5px, 5px;
    background: white;
    border: 1px solid #999;
//    font-size: 0.7em;
    padding: 3px;
}