* {margin:0;padding:0;}

body {
background:#f3f3f3;
}

.alignright{float:right;}
.alignleft{float:left;}
.clear{clear:both;height:0}

#page {
background:#fff;
width:100%;
position:absolute;
}

#topcolor{
width:100%;
height:10px;
z-index:0;
}

/* ---------------------------------> Header */
#header {
position:relative;
width:940px;
left:50%;
margin:-10px 0 0 -470px;
overflow:auto;
padding-bottom:20px;
z-index:20;
}

#header h1{
float:left;
}

#mainmenu{
float:right;
}

#mainmenu li{
float:left;
list-style:none;
}

#mainmenu li a{
background:#e9e9e9;
display:block;
padding:70px 20px 20px 20px;
border-right:1px solid #dcdcdc;
}

#mainmenu li.last a{
border-right:0;
}

/* <----------------------------------------- */


/* ---------------------------------> Content */

#content {
position:relative;
width:100%;
padding-bottom:80px;
}

#content .wrapper{
position:relative;
width:940px;
left:50%;
margin-left:-470px;
overflow:auto;
}


/* -------------------------------------*/
#movie{
clear:both;
width:940px;
height:341px;
background:#373737;
margin-bottom:20px;
}

#puff {
width:578px;
border:1px solid #dddcdc;
float:left;
margin-right:20px;
padding:16px 20px 12px 20px;
}

.editorial #puff {
background:#fff;
}

#puff .alignleft{
width:324px;
}
#news {
width:280px;
float:left;
padding:15px 0 12px 15px;
}

.editorial #news {
width:258px;
float:left;
padding:16px 20px 12px 20px;
border:1px solid #dddcdc;
background:#fff;
}

.editorial #news .alignleft{
width:153px;
}

/* -------------------------------------*/
.info{
width:603px;
float:left;
}

.editorial .info {
width:540px;
}

#explore_box{
width:260px;
border:1px solid #dbdcdc;
padding:15px 19px 21px 19px;
float:right;
background:#f3f3f3;
margin-top:3px;
overflow:hidden;
}

.editorial #explore_box {
border:0;
padding:0;
width:300px;
background:none;
}

.editorial #explore_box div{
padding:15px 19px 8px 19px;
background:#e9e9e9;
margin-bottom:3px;
}

#explore_box input, #explore_box label{
float:left;
margin-bottom:12px;
}

#explore_box input, #toolbar input{
height:13px;
width:13px;
margin-top:2px;
margin-right:5px;
}

#explore_box label, #toolbar label{
margin-right:12px;
}

#explore_box select, #explore_box button {
width:260px;
}

#share{
float:right;
margin-top:-26px;
width:300px;
}

#share ul{
width:300px;
height:212px;
}

#share li{
background:transparent url(/Templates/Trend2010/Images/share-boxes.png) no-repeat 0 0;
background-attachment:scroll;
height:27px;
}

*html #share li{
background-image:url(/Templates/Trend2010/Images/share.gif); 
}

#share li.comment{background-position:0 0;}
#share li.twitter{background-position:0 -43px;}
#share li.blog{background-position:0 -86px;}
#share li.email{background-position:0 -129px;}
#share li.facebook{background-position:0 -172px;}

#comments, #social {
background:#fff;
width:618px;	
border:1px solid #dbdcdc;
overflow:auto;
padding:19px 0 0;
}

#comments{
margin-bottom:20px;
}

#comments .alignleft, #social .alignleft{
width:190px;
}

#comments .alignright, #social .alignright{
width:390px;
}

#comments .left_arrow, #social .left_arrow{
float:left;
width:10px;
background:transparent url(/Templates/Trend2010/Images/larrow.png) no-repeat 0 12px;
height:30px;
}

#comments .comment, #social .comment{
float:right;
width:350px;
background:#f3f3f3;
padding:13px 15px;
}

.post{
clear:both;
margin-bottom:5px;
overflow:auto;
padding:0 19px;
}

.pagination{
border-top:1px solid #dbdcdc;
padding:8px 19px 9px 19px;
overflow:auto;
margin-top:19px;
clear:both;
}

.back,.next{
width:20%;
}

.pages{
width:60%;
text-align:center;		
}

.next{
float:right;
text-align:right;
}

/* -------------------------------------*/

#market {
float:right;
}

.back,.pages, #market label, #market select, #toolbar input, #toolbar label, #toolbar a, #toolbar select, #breadcrumbs li{
float:left;
} 

#breadcrumbs li{
list-style:none;
}

#toolbar, #breadcrumbs{
float:left;
clear:both;
overflow:auto;
width:910px;
padding:7px 15px;
}

#breadcrumbs {
background:#e9e9e9;
padding:0 30px 0 0;
margin-bottom:13px;
}
#market select, #toolbar select{
width:140px;
/*width:160px;*/
margin-left:10px;
height:22px;
}
#statistics_engine{
float:left;
}

#toolbar div.radio {
float:left;
padding-top:3px;
}

#toolbar .links 
{
    float: right;
    padding-top:3px;
    margin-left:7px;
}

#toolbar .links a{
margin-left:12px;
}

#toolbar div.radio label{
margin-right:10px;
}

#toolbar input {
margin-top:1px;
}

#toolbar #charts{
float:right;
width:137px;
}

#save_chart{
background:transparent url(/Templates/Trend2010/Images/dl.png) no-repeat 0 3px;
padding-left:14px;
}

#share_chart{
background:transparent url(/Templates/Trend2010/Images/share.png) no-repeat 0 0;
padding-left:17px;
}

/* <----------------------------------------- */



/* ---------------------------------> Footer */

#footer {
position:relative;
width:100%;
background:#f3f3f3;
overflow:auto;
border-top:1px solid #dddcdc;
padding-bottom:40px;
}

#footer .wrapper{
position:relative;
width:940px;
left:50%;
margin-left:-470px;
padding-top:20px;
}

#footer ul{
float:left;
margin-right:40px;
}

#footer li{
list-style:none;
}

#footer #copyright{
float:right;
}
/* <----------------------------------------- */
