/*********
 * Layout *
 *********/
body { margin:0; padding:0; background:#fff; color:#ffffff; font:14px Verdana,sans-serif; background-image: url('/images/body_bg.png');background-repeat:repeat-x;}
#container {min-width:60em;width:960px;}
#left_border {position:relative;margin-left:auto;margin-right:auto;width:970px;background-image: url('/images/left_border.png');background-repeat:repeat-y;padding-left:10px;background-position:0% 0%;}
#right_border {max-width:1000px;background-image: url('/images/right_border.png');padding-right:10px;background-position:100% 0%;background-repeat:repeat-y}
#header {  position:relative; height:299px; background:#310f02; background-image: url('/images/header/header_5.jpg');background-repeat:no-repeat;}
#header #logo {font-size:5em;color:#000;padding:30px;text-decoration:none;}
#section_intro {background:#590a01;margin:0px;vertical-align:middle;font-size:130%;height:68px;}
#section_intro p {padding:1.0em;margin:0px;}
#footer { position:relative;  min-width:60em; margin-left:auto;margin-right:auto;padding:0px;width:960px;clear:both; color:#555; background-image: url('/images/footer_bg.png'); background-repeat:repeat-x;padding:0px; text-align:center; font-size:90%;padding-top:1px;}
#wrapper { background:#ae3114; padding-bottom:10px;}
#wrapper { background:#fff; padding-bottom:10px;}
#sub_wrapper { width:45%; float:left; padding-bottom:10px;}
#content { float:left; width:100%; background:white; color:black; }
#content * { margin-left:20px; margin-right:20px; }
#content * * { margin-left:0; margin-right:0; }
#right_column { float:right; width:50%;border:0px solid #333; color:#000;margin:10px;padding:10px;}
#content_bottom { clear:both; background:#f1cd75; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:-10px; padding:10px 24px;  }
#content_bottom { clear:both; background:#fff;border-top:2px solid #333; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:-10px; padding:10px 24px;  }

.left_half {float:left;width:45%;margin-right:0px;padding-right:0px;}
.right_half {float:right;width:45%;padding-left:0px;margin-left:0px;}


#login_box {float:right;background: url('/images/transparent_60.png'); padding:10px;}
#login_box p {margin:5px;}
#login_box a {color:#fff;}
#login_box .button {font-size:100%;padding:2px;}
#login_error {background-color:#FFDFDF;border:2px solid #990000;padding:5px;color:#990000;}

/* boxes with rounded corners */
.box {min-height:1px;padding-bottom:10px;margin-bottom:10px;background: url(../images/box_bg.gif) 0 0 repeat-x}
.t {background: url(../images/dot.gif) 0 0 repeat-x;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

/************
 * Navigation *
 ************/

#navigation { position:absolute; margin:0; bottom:0; right:0; font-size:125%; white-space:nowrap; }
#navigation li { display:block; float:left; list-style-type:none; margin:0; padding:0; }
#navigation a { display:block; float:left; padding:12px 18px 12px 18px; color:#fff; background: url('/images/transparent_60.png')}
#navigation a:hover {background: url('/images/transparent_80.png')}
#navigation a.active { color:white; background:#590a01;}

/*************
 * Tag cloud *
 *************/
#tag_cloud span {white-space:nowrap;color:#333;margin-left:10px;margin-right:10px;}
.size7 { FONT-SIZE: 0.9em }
.size6 { FONT-SIZE: 1.1em }
.size5 { FONT-SIZE: 1.5em }
.size4 { FONT-SIZE: 1.8em }
.size3 { FONT-SIZE: 2.3em }
.size2 { FONT-SIZE: 2.5em }
.size1 { FONT-SIZE: 3.0em }

/*****************
 * General stuff *
 *****************/
h1 {font-size:150%}
h2 {font-size:130%}
h3 {font-size:120%}
h1,h2,h3 {padding-top:10px;margin-top:0px;}

a {color:#000;}
a.larger {font-size:110%;font-weight:bold;}
ul {margin-left:0px;padding-left:40px;list-style-image:url('/images/arrow.png')}
li {margin-left:00px;padding:0px;margin-bottom:10px;}
p {line-height:180%;margin:10px 0px;}

span.description {padding-left:30px;color:#777;font-style:italic;}
div.example_box {float:right;width:40%;background:#f3dfad;margin-bottom:40px;padding-left:10px;}
div.bg_box {background:#f3dfad;padding:10px;}

#notice {background-color:#DDFFDD;border:2px solid #88cc88;padding:5px;}

.left {float:left;}
.right {float:right;}

.video {margin-left:auto;margin-right:auto; width:760px;}
.video .inner {padding:0 10px 10px 10px;}

.photo_set {padding:20px; width:200px; float:left;height:200px;}
.photo_set a {padding-top:10px;height:3em;}
.photo_set img {border:none;}

/*************
 * Layout fixes * 
 *************/
.clearboth {clear:both;}
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper{display: inline-block;}

/* Hides from IE-mac \*/
* html #wrapper { height: 1%; }
#wrapper { display: block; }
/* End hide from IE-mac */

#sub_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sub_wrapper { display: inline-block; }

/* Hides from IE-mac \*/
* html #sub_wrapper { height: 1%; }
#sub_wrapper { display: block; }
/* End hide from IE-mac */om IE-mac */