/*XXXXXXXXXXXXXXXXXXXXXXXXX*/
/*X HEADER/DOC PROPERTIES X*/
/*XXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Many thanks to http://www.famfamfam.com/lab/icons/silk/ for my forum icons ;) */

body{
margin:0;
padding:0;
color: #494949;
background: #fff url(images/body_bg.jpg) top repeat-x;
font: 13px/20px verdana, sans-serif, Arial;
}

.wrapper{
margin: 0 auto;
width: 920px;
}

#header{
height: 130px;
margin-bottom: 20px;
border: 0px;
width: 920px;
}

.clearall {clear: both; display: block;}





ul#menu { 
list-style: none;
 margin: 100px 0 0 0;
padding: 0;
float:right;
top: 80px;
}

ul#menu li {
float: left;
}

ul#menu li a {
line-height: 30px;
height: 30px;
display: block;
color: #fff;
font-weight: normal;
font-size: 12px;
margin: 0 0 0 5px;
padding: 0 10px;
background: #96c71e url(images/menu_bg_green.gif);
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}

ul#menu li a:hover {
background: #63ad02; 
}





.video {
border-top: 1px solid #b6d8ee;
width: 48%;
margin: 2% 2% 2% 0;
padding: 1% 0;
float: left;
clear:  none;
display:block;
height: 110px;
}

.video p {
height: 58px;
overflow:hidden;
}


.right {
margin: 2% 0 2% 2%;
}





object {
margin: 0 auto; 
display: block;
float: none;
}



/*XXXXXXXXXXXXXXXX*/
/*X OTHER STYLES X*/
/*XXXXXXXXXXXXXXXX*/


.codeblock {
    width: 98%;
    padding: 5px;
    overflow: auto;
    margin: 10px 0 10px 0;
    border: 1px solid #b6d8ee;
    background: #fafdff;
    font-size: 14px;
}

img {border: 0px; float: none;}
fieldset { font-size: 10px !important; }
.description, .tips { font: 10px verdana, Arial, Helvetica, sans-serif;}
ul, li {list-style: none; margin: 0px; padding: 0;}
#blocks { font-size: 10px;}
.indent p {text-indent: 30px;}
b{font-size: 110%;}
em{color: red;}
pre{ font-size: 120%; }

.info_box { 
    font-size: 10px;  
    background: #fafdff; 
    padding: 5px 10px 5px 10px; 
    text-align: center;
    margin: 15px 0 15px 0;
    border: 1px dashed #b6d8ee;
}

.msg_box { 
    background: #fafdff; 
    padding: 5px 10px 5px 10px;
    margin: 0;
    border: 1px solid #b6d8ee;
}



.copyright {
    border: 1px solid #b6d8ee;
font-size: 12px;
padding: 1em;
margin: 1em 0;
width: auto;
clear: both;
}







h1 {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 32px;
    color: #fca800;
    background: transparent;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    padding:0 10px;
    margin:2em 0 0 0;
line-height: 43px;
font-weight: normal;
    color: #fff;
    background: transparent;
background: #96c71e url(images/menu_bg_green.gif);
background: #fff url(images/body_bg.jpg) bottom repeat-x;
clear: both;
}



a { 
    color:#2ea4e1;
    text-decoration:none;
    font-weight: bold;
}
a:visited {color:#07a; }
a:hover { color:#a8ed4c; }

.green { color: #a8ed4c; background: transparent;}
.orange { color: #fca800; background: transparent; }
.pink { color: #ff3e97; background: transparent; }
.blue { color: #2ea4e1; background: transparent; }
.yellow { color: #fff200; background: transparent; }
.bb-quote-body { color: #918D8D; }
.darkgreen { color: #008040; background: transparent;} 
.darkblue { color: #2ea4e1; background: transparent;} 
/*
.movie_link { border: 1px solid #ddd; background-color: #EEEEEE; padding: 5px 10px 5px 10px; margin: 20px auto 20px auto;}
.movie_link:hover { border: 1px solid #000; background-color: #ddd; color: #000;}
*/