/*
Theme Name: Avatar
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: thematic
Version: a-number--optional
.
General comments/License Statement if any.
.
*/





#index {margin: 0 auto; width: 775px; }


#wrapper {
	width: 877px; 
	margin: 0 auto;
	background: url('../avatar/images/bg.jpg') repeat-y center center;
padding: 0px 10px -0 10px;
	}



	
#main_top {
	background: url('../avatar/images/bgtop.jpg') no-repeat 0px center;
height: 18px; 
margin: 0 auto; 
width: 855px; 
padding: 0;
overflow: hidden;
}



#mainbottom {
	background: url('../avatar/images/bgbottom.jpg') no-repeat center center;
height: 10px; 
padding: 0;
overflow: hidden;

 }


#main a {color: #0165a3; }



#main #searchform {float: right; clear: both; list-style: none; }

#main #trader-login {

float: right; margin-right: 25px;
padding: 10px 0 0 0; 
}

#wrapper #contact-us {

color: #383838; 
font-weight: bold; 
}


#content {border-right: 1px solid #EEE; 
  width: 100%;
  padding: 0 20px 20px 5px; 

}



#index #container {margin-top: 0; }
#container {
	width:  500px;
     margin-top: 10px;
     padding-top:0px;
}



 

#container2 { width: 775px; margin: 0 auto; }
.container2 {width: 775px; padding: 0 20px;  }

#copyright { color: #ccc; padding: 5px; font-size: 11px; text-align: right; }




.main-aside {width: 220px; }
.container {margin: 0 auto; width: 775px; }



#index #content {width: 755px; clear: both; border: none; padding-left: 0;    }

#menu {float: left; clear: both; position: relative; top: 0px; background: #383838; width: 775px; border-bottom: 1px solid #fff; height:20px;  overflow:hidden; }



#menu ul {float: right; padding: 0px 0 0 20px; margin: 0 auto; width: 100%; }
#menu li {float: left; padding: 0 10px 0px 38px; margin: 0; }
#menu li a {background: none; color: #E1DFDE; border: none; text-transform: uppercase; font-size: 11px; padding: 0; margin: 0;  }
#menu li a:hover {text-decoration: none; color: #A9D7F3; background: none;  }
#menu .current_page_item a {color: #A9D7F3; background: none !important; }
#menu a:focus {background: transparent; #000; }


#logo {text-indent: -999em;
background: url('../thematic/images/avatar_logo.jpg') no-repeat; 
width: 180px;
height: 70px;
float: left;
padding: 15px; 
margin-left: 20px; 
margin-top: 10px;  
 }

#index-bottom { margin: 10px 0 20px 0; float: left; }
#index-bottom .widgetcontainer ul li {list-style:none; margin: 0; padding:  0;}
#index-bottom .widgetcontainer .textwidget ul li {list-style: square;  }
#index-bottom .widgetcontainer{ margin: 0; padding: 0 0px 0 11px; width: 246px; 
_font-size:12px;
min-height: 100px;
/*z-index:1000;*/

 }
 

#index-bottom hr {
margin:  20px auto;
background:  #bbb;
height:  1px;
padding:  0;
border: none;
	

}

/*#hpsb { position: relative; }*/

#index-bottom .widgetcontainer:first-child {border: none; padding-right: 0; }
#index-bottom li {float: left; width: 230px; border-left: 1px solid #eee; }
#index-bottom li li {float: none; padding: 0; margin: 0; border: none;}


 


#bottom_footer {
background: #383838;
height: 30px;
padding: 0 10px;
width: 755px; 
clear: both; 
margin-top: 20px;   
 }




.entry-title {margin: 10px 0; }


h2 {

    color: #00538F;
	font-size: 15px;
	font-weight: bold;


}

h3 {

    color: #000;
	font-size: 13px;
	font-weight: bold;


}

h3.widgettitle {

       color: #000;
       margin: 0 0 5px 0;

 }





ul, ol {


	color: #000;

}

ul {

	list-style: square;

}

li {

	margin-bottom: 10px;

}

li a {

	text-decoration: underline;

}





#footer {

    padding: 0px 10px !important;
    clear: both; 
    border-top: 2px solid #FFF;
    font-size: 11px;
    background-color: #FFF;
    color: #999999;
    text-align: left;
}


#siteinfo {width: 755px; padding: none !important; clear: both; }






 /**

 * Random useful classes

 */



.shim {
	float: none !important;
    clear: both !important;
    height: 0 !important;
    line-height: 0 !important;

}
.none {

	display: none;

}


.display {display: inline;}



div.expander{
color: #FFF;
overflow:hidden;
height: auto;
width: 785px;
margin: -1px 0 0 -2px; 
padding: 0; 
  
}

div.expander a {color:#6DA5D6;}

span.expandercollapsed{		

        background:  #383838;
	float: left;
	position: relative;
	width: 256px;	
	height: 45px; 
	padding-bottom: 3px; 
 
}






span.expandercollapsed.open{
	background-position: bottom;

}

span.expandercollapsed.shrink{

	background-position: -80px 0px 

}




span.expandercollapsed .heading{

	padding: 20px 0px 20px 20px;
	font-weight: bold;
	text-align: center; 
}

span.expandercollapsed .normal{

	color:#FFF;
	clear: none;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	margin: 0;
	text-align: center;
}

span.expandercollapsed .expand{

	color: #FFCC33 !important;
	font-size:24px;
	font-weight:bold;
	line-height:26px;
    text-align:left; 
 }

div.expand
{
   
   margin-left:10px;
}


 
span.expandercollapsed .heading.shrink{

	color:#FFF;
	font-size:13px;
	
	

}



span.expandercollapsed .heading{

	padding: 10px 0 15px 0px;
	font-weight: bold;

}

span.expandercollapsed .collapsedText{

	color: #FFF;
        
}



#collapsedText0 p,#collapsedText1 p,#collapsedText2 p{
	color:#FFF;
	font-size:12px;
	line-height:20px;
	margin: 10px 10px 0 20px;

}


/*span.open div.heading {color: red; }*/

#expanderDiv0,#expanderDiv1,#expanderDiv2{position: relative; margin: 2px; }



p.expandedText{

	color: #FFF;
	font-size:13px;
	font-weight:normal;
        text-align:left; 
	line-height:18px;	
	margin: 0 20px 0 20px;	

}

p.expandedtextbig{	
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 10px 20px;		

}


span.expandercontrol{
float: right;
background: url('../thematic/images/control.png') no-repeat;
height: 30px;

position: absolute;
right: 0px; 
top: 0px; 
width: 30px;	


}



ul#submeta {
margin: 15px 10px 0px 0px; 
padding: 0;
float: right;
width: 200px;
height: 40px;  }

ul#submeta li {list-style: none; padding: 0px; margin: 0px; float: right; clear: both;  }

 
.clear
{
clear:both;
float:none;
}


.expandedtextbig

{

color: #dec06a;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 20px;
}


#flashcontent {width: 775px; }

.box {
	width: 835px;
	margin: 0px auto;
}

.box .blah {
	margin: 0.5em 0 0 -4em;
}

.box div.topleft {
	display: block;
	background: url("../avatar/images/box-bg.jpg") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

.box div.topright {
	display: block;
	background: url("../avatar/images/box-bg.jpg") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 1.0em;
}


.box div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("../avatar/images/box-bg.jpg") bottom left no-repeat white;

}


.box div.bottomright {
	display: block;
	background: url("../avatar/images/box-bg.jpg") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
	margin-top: 0em;
}


img.bdr {
       border: 1px solid #989898;
       margin: 0;
       padding: 0;
}


div.hlight {
      width:  450px;
      padding: 20px 15px 10px 20px;
      float:  left;
      background: #F0F0F0;
      border-width: 1px;
      border-style: solid;
      border-color: #E0E0E0;
}
     


span.subtext {
     width: 480px;
     padding: 20px 0px 0px 0px;
     float: left;
     color: #999999;
}


span.subside {
     width: 200px;
     padding: 0px 0px 3px 0px;
     float: left;
     color: #999999;
}