body{
background:url("../../images/design/bg.jpg") repeat-x #fff;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding:0;
margin:0;
border:0;
}
a, a:active, a:visited, a:focus{
color:#B51B20;
text-decoration:underline;
}
a:hover{
color:#000;
}
.italic_text{
font-style:italic;
}
#header{
background:url("../../images/design/header.jpg") no-repeat;
height:98px;
}
#menubar{
background:url("../../images/design/mb_bg.jpg") repeat-x;
height:32px;
}
.mb_tab, .mb_tab:link, .mb_tab:active, .mb_tab:visited{
height:24px;
float:left;
padding:8px 11px 0 11px;
color:#ebd9d9;
text-decoration:none;
}
.mb_tab:hover{
background:url("../../images/design/mb_hover.jpg") repeat-x;
text-decoration:none;
color:#ebd9d9;
}
#mb_rss, #mb_rss:link, #mb_rss:active, #mb_rss:visited{
background:url("../../images/design/mb_rss_grey.jpg") no-repeat;
width:21px;
height:31px;
float:right;
text-decoration:none;
margin-right:5px;
}
#mb_rss:hover{
background:url("../../images/design/mb_rss.jpg") no-repeat;
}
#ad_728{
height:90px;
}
#ad_728, #admin_content{
background:#ded9db;
padding:18px;
text-align:left;
}
.cd_ads_728{
width:728px;
font-size:10px;
text-align:right;
text-transform:uppercase;
line-height:16px;
}
.cd_ads_728 a{
color:#918a8a;
text-decoration:none;
}
.cd_ads_728 a:hover{
color:#514a4a;
text-decoration:none;
}
.sb_adv_link{
font-size:10px;
text-align:right;
text-transform:uppercase;
line-height:16px;
margin:1px 4px 0 0;
}
.sb_adv_link a{
color:#918a8a;
text-decoration:none;
}
.sb_adv_link a:hover{
color:#b1a7a7;
text-decoration:none;
}
#stretchfix{
background:url("../../images/design/menu_stretchfix.jpg") repeat-y top right;
float:left;
width:100%;
}
#content_wrap{
width:100%;
float:left;
}
#content{
background:url("../../images/design/content_bg.jpg") repeat-x;
margin-right:300px;
padding-bottom:10px;
}
#sidemenu{
width:300px;
margin-left: -300px;
float:left;
}
#bottommenu{
background:#DBD3D1;
width:100%;
height:290px;
margin:1px 0 0 0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#bottommenu_wrap{
width:750px;
margin:0 auto;
}
#bm_menu, .bm_menu{
width:215px;
float:left;
}
.bm_menu{
margin-left:35px;
}
.bm_heading{
color:#111;
font-size:16px;
margin:22px 0 17px 6px;
}
.bm_tab{
background:#d8d0ce;
width:208px;
height:20px;
float:left;
padding:5px 0 0 8px;
margin-bottom:2px;
}
.bm_tab:link, .bm_tab:visited{
color:#000;
text-decoration:none;
}
.bm_tab:hover, .bm_tab:active{
background:#e3dcdb;
color:#000;
}
#footer{
background:#E2DDDD;
width:100%;
text-align:center;
padding:24px 0 14px 0;
line-height:16px;
}
#content_topbar{
font-size:12px;
padding:11px 0 0 16px;
position:relative;
}
#sm_search{
background:url("../../images/design/sm_search_bg.jpg") repeat-x;
width:297px;
height:27px;
padding:6px 0 0 3px;
}
/* Input fields and buttons */
.content_padding .input_button, .content_padding_forum input[type="submit"]{
padding:10px;
margin-left:1px;
}
.content_padding_forum{
padding:9px;
margin-left:2px;
}
.input_button, .content_padding_forum input[type="submit"]{
background:#e2dddd;
width:auto;
overflow:visible;
cursor:pointer;
}
.content_padding_forum input[type="submit"]{
margin:8px 0 0 2px;
}
.input_button:hover, .content_padding_forum input[type="submit"]:hover{
background:#e7e3e3;
}
#loginbox{
width:344px;
float:right;
margin:0;
padding:7px 6px 6px 6px;
color:#e4c4c8;
}
#loginbox a:link, #loginbox a:visited, #loginbox a:active{
color:#e4c4c8;
text-decoration:none;
}
#loginbox a:hover{
color:#f4eaec;
text-decoration:none;
}
.loginbox_input, #search_input, .shout_input, .shout_input2{
background:#fdfaf9;
width:121px;
height:13px;
border:1px solid #4a0000;
margin:0;
padding:4px;
font:11px Verdana, Arial, Helvetica, sans-serif;
vertical-align:middle;
}
#search_input, .shout_input, .shout_input2{
width:206px;
border:1px solid #656A70;
}
.shout_input, .shout_input2{
width:258px;
margin-top:3px;
}
.shout_input{
height:60px;
}
#loginbox_button, #search_button, #addshout, #poll_button{
width:73px;
height:23px;
border:0px;
cursor:pointer;
vertical-align:middle;
}
#loginbox_button{
background:url("../../images/design/button_login.jpg") no-repeat;
}
#search_button{
background:url("../../images/design/button_search.jpg") no-repeat;
}
#addshout{
background:url("../../images/design/button_shout.jpg") no-repeat;
margin-top:9px;
}
#poll_button{
background:url("../../images/design/button_poll.jpg") no-repeat;
margin-top:9px;
}
.loginbox_linksmargin{
margin-top:5px;
}
form{
margin:0;
}
/* Content */
.content_infobox{
background:#eae4e5;
margin:19px 10px 10px 10px;
padding:20px;
border:1px solid #d7d5d5;
font-size:12px;
position:relative;
}
.content_infobox a{
text-decoration:underline;
}
.content_infobox_margin{
margin-right:18px;
float:left;
position:relative;
}
#infobox_icon{
background:url("../../images/design/content_infobox_logo.jpg");
float:right;
width:70px;
height:77px;
margin:0 0 10px 20px;
}
.content_heading, .content_heading2{
font-size:17px;
color:#460202;
float:left;
position:relative;
}
.content_heading{
color:#000;
}
.content_padding{
padding:10px 20px 20px 20px;
font-size:12px;
}
.content_extra_lineheight{
line-height:16px;
margin:0 0 8px 0;
padding-bottom:24px;
border-bottom:1px solid #F2EDEE;
}
.content_tut_is_float{
float:left;
width:116px;
border-right:1px solid #F2EDEE;
margin:0 10px 0 16px;
}
/* Shoutbox */
#shoutbox{
background:url("../../images/design/sm_bg.jpg") repeat-x;
padding:0 16px 16px 16px;
color:#f1f1f1;
}
#shoutbox a:link, #shoutbox a:active, #shoutbox a:visited, .toggle_content, .toggle_sidemenu{
color:#dcdcdc;
text-decoration:underline;
}
#shoutbox a:hover{
color:#f8f8f8;
}
#sb_ads a:link, #sb_ads a:active, #sb_ads a:visited{
color:#910000;
text-decoration:underline;
}
#sb_ads a:hover{
color:#cd0303;
}
.toggle_content, .toggle_sidemenu, .toggle_content_big_font{
cursor:pointer;
}
.toggle_content{
color:#B51B20;
}
.sm_heading, .sm_heading2, .sm_heading3{
color:#d9d5d5;
font-size:18px;
padding:20px 0 12px 0;
}
.sm_heading2{
color:#1f252c;
padding:2px 0 18px 0;
}
.sm_heading3{
padding:20px 0 24px 16px;
}
.shout_msg_style{
width:268px;
padding:16px 0 7px 0;
display:block;
text-decoration:none;
}
.shout_msg_style a:link, .shout_msg_style a:active, .shout_msg_style a:visited{
color:#ccc;
}
.shout_msg_style a:hover{
color:#fff;
}
.post_by{
font-weight:bold;
font-size:12px;
line-height:20px;
}
.shout_notify{
background:#FDFAF9;
border:1px solid #656A70;
padding:6px;
margin:6px 0 10px 0;
color:#111;
font-weight:bold;
}
/* Tutorials listing markup */
.tutorial, .content_padding p, .news_article_ind, .news_article_ind_full, .p{
margin:24px 0 8px 0;
padding-bottom:24px;
border-bottom:1px solid #F2EDEE;
}
.news_article_ind{
padding:14px 0 24px 0;
margin-bottom:8px;
}
.news_article_ind_full{
padding:0 0 24px 0;
margin-bottom:8px;
}
.tutorial_image_wrap{
float:left;
width:54px;
}
.tut_thumb_image a{
width:76px;
height:65px;
}
.tuti_thumb_image, a.tuti_thumb_image_vidtut{
width:40px;
height:40px;
margin-bottom:4px;
}
.tut_thumb_image a, .tuti_thumb_image, a.tuti_thumb_image_vidtut{
background:#eae6e6;
border:1px solid #eae6e6;
padding:7px;
margin-right:20px;
float:left;
display:block;
text-decoration:none;
position:relative;
}
a.tuti_thumb_image_vidtut{
background:#d1caca;
}
.tut_info_wrap{
margin-left:110px;
}
.tuti_info_wrap{
margin-left:74px;
}
h1{
font-size:12px;
font-weight:normal;
display:inline;
}
h2 a:link, h2 a:active, h2 a:visited, h2, h3 a:link, h3 a:active, h3 a:visited, h3, .tutstep, .tut_next_pagem, .content_heading_16, .comment_author{
color:#460202;
font-size:16px;
font-weight:normal;
text-decoration:none;
margin-bottom:12px;
}
h3 a:hover{
color:#ac2727;
}
.tut_cat_post_date{
background:#F7F2F2;
margin:0 0 7px -1px;
padding:6px 3px 6px 3px;
font-size:10px;
border:1px solid #dcdcdc;
}
.tut_cat_post_date{
display:inline;
}
.succes_msg, .error_msg{
margin:10px 0 30px -1px;
padding:7px 6px 6px 34px;
font-size:11px;
}
.succes_msg{
background:url("../../images/design/succes_msg.jpg") no-repeat #eff9f2;
border:1px solid #cdeed6;
}
.error_msg{
background:url("../../images/design/error_msg.jpg") no-repeat #f9efef;
border:1px solid #eecdcd;
}
.tut_moretuts_link{
font-size:12px;
}
.tut_cat_link, .tut_cat_link:link, .tut_cat_link:active, .tut_cat_link:visited, .content_arrow_text, .thickbox, .thickbox:link, .thickbox:active, .thickbox:visited{
font-size:14px;
margin-left:14px;
text-decoration:none;
}
.toggle_content_big_font, .toggle_content_big_font:link, .toggle_content_big_font:active, .toggle_content_big_font:visited{
font-size:14px;
text-decoration:none;
}
.tut_cat_link:hover, .tut_cat_link2:hover, .thickbox:hover{
color:#000;
text-decoration:none;
}
/* Pagination */
.pagination_wrap{
margin:30px 0 10px 0;
float:right;
text-align:right;
}
.pagination a, .pagination_current a{
background:#E2DDDD;
color:#111;
margin-left:1px;
padding:8px;
text-decoration:none;
}
.pagination a:hover{
background:#cec8c8;
color:#000;
}
.pagination_current a{
background:#bcb9b8;
color:#000;
cursor:default;
}
/* Sidebar Ads */
#sb_ads{
background:url("../../images/design/sm_poll_bg.jpg") repeat-y;
padding:22px 0 22px 0;
color:#090908;
}
#sb_ads_top{
background:url("../../images/design/sm_poll_top.jpg") no-repeat;
width:300px;
height:17px;
}
#sb_ads_bot{
background:url("../../images/design/sm_poll_bot.jpg") no-repeat;
width:300px;
height:19px;
}
/* Poll markup */
#form_poll{
margin-bottom:5px;
}
/* Poller title above radio buttons */
.pollerTitle{
margin-bottom:5px;
font-weight:bold;
font-size:11px;
}
/* Label for each option above graph - i.e. results */
.result_pollerOption{
margin:8px 0 2px 0;
font-size:11px;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
margin-bottom:16px;
font-weight:bold;
font-size:11px;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
float:left;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
float:left;
height:15px;
background-repeat:repeat-x;
color:#FFF;
font-size:0.9em;
line-height:15px;
padding-left:1px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
height:15px;
}
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
background:url("../../images/design/icon_loading.gif") no-repeat 80px 30px;
padding:20px;
height:120px;
display:none;
}
.result_totalVotes{
font-style:italic;
}
/* fieldset etc */
fieldset{
margin-top:15px;
padding:4px 17px 17px 17px;
border:1px solid #e4e0e1;
}
legend{
color:#460202;
font-size:15px;
font-weight:normal;
margin:-2px;
}
label{
color:#111;
display:block;
font-weight:normal;
margin:10px 0 6px 0;
}
label a:link, label a:active, label a:visited{
cursor:pointer;
}
/* Comments markup */
.comment_avatar{
float:left;
margin:-6px 10px 10px 0;
padding:1px;
border:1px solid #dcdcdc;
}
.comment{
margin-left:80px;
}
/* Clear */
.clear{
clear:both;
}
/* Extra markup */
.float_left_text_width{
float:left;
width:140px;
line-height:14px;
}
select optgroup{
font-weight:bold;
font-style:normal;
color:#333333;
background:#ebebeb;
padding:2px 1px 1px 1px;
}
select optgroup option{
font-weight:normal;
background:#f9f9f9;
}
/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url("../../images/lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url("../../images/lightbox/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Advertise here boxes */
.advhere_728 a, .advhere_300 a{
text-align:center;
font-size:13px;
font-weight:bold;
margin:0 auto;
display:block;
text-decoration:none;
}
.advhere_728 a{
background:#d6d5d4;
width:728px;
height:54px;
padding-top:36px;
border:1px solid #cecdcd;
color:#919191;
}
.advhere_300 a{
background:#363636;
width:298px;
height:150px;
padding-top:100px;
border:1px solid #474747;
color:#5e5e5e;
}
.advhere_728 a:hover{
background:#cdcccb;
border:1px solid #cecdcd;
color:#727171;
}
.advhere_300 a:hover{
background:#282828;
border:1px solid #353535;
color:#6d6d6d;
}
/* Star rating CSS */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
background: url(../../images/rating/rating_star.gif) left -1000px repeat-x;
}
.star-rating{
float:left;
width:54px;
height:13px;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a, 
.star-rating .current-rating{
float:left;
text-indent:-1000em;
height:13px;
line-height:13px;
outline:none;
border: none;
}
.star-rating a:hover{
background-position:left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}	
/* SECOND STAR (ALREADY VOTED */
.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
background:url(../../images/rating/rating_star_2.gif) left -1000px repeat-x;
}
.star-rating2{
float:left;
width:54px;
height:13px;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}
.star-rating2 li{
display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating {
float:left;
text-indent:-1000em;
height:13px;
line-height:13px;
outline:none;
border: none;
cursor:default;
}
.star-rating2 a.one-star{
width:20%;
z-index:6;
}
.star-rating2 a.two-stars{
width:40%;
z-index:5;
}
.star-rating2 a.three-stars{
width:60%;
z-index:4;
}
.star-rating2 a.four-stars{
width:80%;
z-index:3;
}
.star-rating2 a.five-stars{
width:100%;
z-index:2;
}
.star-rating2 .current-rating{
z-index:1;
background-position:left center;
}
/* END SECOND STAR */
/* for an inline rater */
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
.voted {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:10px;
}
/* The text that displays the rating information */
.rated_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:2px;
text-align:center;
color:#666;
}
/* Green text that shows 3.34/5 */
.out5Class {
color:#00CC00;
font-weight:bold;
}
.topRatedList {
padding:0;
margin:0;
}
.topRatedList li {
list-style-type:none;
}
/* End star rating css */
/* Ajax tabs */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.sm_tabs{
padding:3px 0;
margin-left:16px;
margin-top:0;
margin-bottom:0;
list-style-type:none;
text-align:left; /*set to left, center, or right to align the menu as desired*/
}
.sm_tabs li{
display:inline;
margin:0;
font-size:11px;
color:#949495;
}
.sm_tabs li a:link, .sm_tabs li a:active, .sm_tabs li a:visited, .sm_tabs li a:focus{ 
background:url("../../images/design/sm_tabs_unselected.jpg") repeat-x;
height:23px;
padding:6px;
text-decoration:none;
color: #a1a1a3;
outline:none;
}
.sm_tabs li a:hover{
text-decoration:none;
}
.sm_tabs li a.selected{
background:url("../../images/design/sm_tabs_selected.jpg") repeat-x;
position:relative;
height:23px;
padding:6px;
color:#BDBDBE;
}
.sm_tabs li a.selected:hover{ /*selected main tab style */
text-decoration:none;
}
.sm_tabs_divcontainer, .sm_tabs_divcontainer2{
background:url("../../images/design/sm_tabs_bg.jpg") repeat-x;
color:#BDBDBE;
padding:12px;
margin-top:2px;
}
.sm_tabs_divcontainer a, .sm_tabs_divcontainer2 a{
margin-left:30px;
text-decoration:none;
color:#8F9091;
font-size:11px;
line-height:19px;
}
.sm_tabs_divcontainer2 a{
margin-left:12px;
}
.sm_tabs_divcontainer a:hover, .sm_tabs_divcontainer2 a:hover{
text-decoration:none;
color:#d4d4d4;
}
.sm_tabs_maincat{
font-size:13px;
line-height:22px;
margin-left:10px;
}