body {
font-family:verdana,tahoma,Georgia,arial,sans-serif;
font-size:0.84em;
color:#000000;
margin:0;
padding:0;
/*background:#cacaca;*/
background:#45403D;
}
a {
color:#0042aa;
text-decoration:none;
}
a:hover {
color:#D23213;
}
h1 {
font-weight:normal;
line-height:1.2;
font-family:Arial;
font-size:22px;
margin-top:5px;
}
h2 {
font-size:15px;
margin-top:10px;
}

h3 {
font-size:0.9em;
}
img {
border:0 none;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:30px;
}
#container {
margin:0 auto auto;
width:990px;
}
#top {
background:#45403D;
height:105px;
margin-top:5px;
}
#top img {
float:left;
margin:5px 0 0 10px;
}
#ContCol {
background:#fff;
display:inline;
float:left;
margin:0 0 10px;
padding:20px;
width:608px;
}
li {
margin-bottom:5px;
}
#SideCol {
background:#F0F0F0;
display:inline;
float:right;
margin:10px 10px 10px 0;
padding:10px 10px 0;
width:310px;
}
#SideCol ul {
margin:0;
padding-left:0;
}
#Ending a{
 text-decoration:underline;
 }
#Ending a, #Ending a:visited{
text-decoration:underline;
color: #fff;
}
#Ending {
clear:both;
font-size:70%;
text-align:center;
height:15px;
color: #fff;
}
#ads1 {
margin:20px 0 50px;
}
#ads3 {
margin:0 0 40px;
}
.ColTitle, .ColTop {
background:#D23213 url("/images/col_title_bg.jpg");
color:#fff;
font-family:Bookman,serif;
font-size:14px;
font-weight:700;
height:16px;
margin:0 auto;
padding:10px 0;
text-align:center;
}
.CatThumb {
	float:left;
	margin:0 6px 0 0;
}
.categories a {
display:block;
font-weight:700;
height:30px;
padding:8px 0 0 0;
float:left;
}
.categories li {
 clear:both;
 margin:5px 0 0 0; 
}
#SubCat li {
background:#FFF;
}
#SubCat a {
font-size:10px;
height:12px;
padding:3px 0 0 40px;
}
#SubCat .current{
color:#D23213;
background:#fff url("/images/li_current.gif") no-repeat scroll 25px 4px;
}
.tutimg {
clear:both;
display:block;
margin:10px 0;
}
.articleending, #TutDetailsEnding {
clear:both;
margin:30px 0 0;
}
#ArticleEndingNav{
float:right;
margin:0 10px;
}
#featured {
border:1px solid #F69954;
margin-bottom:20px;
}
#featuredtitle {
clear:both;
color:#DF6004;
font-weight:700;
padding-bottom:5px;
}
.itemblock, #featured {
clear:both;
margin-bottom:10px;
padding:10px;
}
.itemblock {
border:1px solid #DFDFDF;
}
.itemblock h3, #featured h3 {
margin:0 0 6px;
}
.itemimg {
border:1px dashed #DFDFDF;
float:left;
margin-top:6px;
padding:3px;
}
.iteminfo {
margin:10px 0 10px 60px;
}
.itemfooter {
color:#484848;
font-size:10px;
line-height:1.4;
margin-top:10px;
}
#intro {
margin:30px 0 34px;
}
#introthumb {
border:1px dashed #DFDFDF;
float:left;
margin:0 10px 5px 0;
padding:3px;
}
#intro_links {
margin:20px 0 0;
}
#pages {
padding:10px 0 0;
}
#pages a, #pages strong {
border:1px solid #DFDFDF;
display:block;
float:left;
font-weight:700;
margin-left:3px;
padding:2px 4px;
}
#pages a:hover {
background-color:#D23213;
color:#fff;
text-decoration:none;
}
#pages strong {
border:0 none;
}
#CurrentComments {
clear:both;
font-size:11px;
margin:0 0 0 10px;
text-align:left;
width:500px;
}
#CurrentCommentsTitle {
font-size:13px;
float: left;
font-weight:bold;
}
#PostCommentLink{
float:right;
font-weight:bold;
}
.postedby {
margin-top:5px;
}
.postedby a{
color:#000;
text-decoration:underline;
}
.commentbody {
padding:5px;
border:1px dotted #CCCCCC;
background:#FAFAFA;
clear:both;
margin-bottom:5px;
}
.commentdate {
color:#999999;
font-size:10px;
}
#SubmitYourComment {
clear:both;
margin:30px 0 20px;
width:370px;
}
#TutIndexTopAds {
margin-bottom:14px;
text-align:center;
}
#SiteSearch {
float:right;
display:inline;
margin:3px 10px 0 0;
text-align:center;
}
#SiteSearch form {
margin:0;
}
#topmenu {
background:#fff;
border-bottom:5px solid #D23213;
height:32px;
}
/* drop-down menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dropdown li.current {
background:#D23213 url("/images/col_title_bg.jpg");
color:white;
border: 0;
height: 18px;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 font-weight: bold;
 font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 padding: 7px 10px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #DFDFDF #DFDFDF;
 background-color: #fff;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ 
	color:#D23213;; text-decoration: none; display:block; 
	}

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

ul.dropdown .dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

.SideBlock {
background:#fff;
margin-bottom:10px;
padding:10px;
}
.SideBlockCont {
border:1px solid #DFDFDF;
padding:10px;
}
.SideBlockCont li {
font-size:90%;
padding:0 0 6px 6px;
}
.codesample {
border:1px dashed #A8A8A8;
margin:10px;
padding:10px;
}
.bookmarkify {
background:#D23213;
color:#FFF;
font-weight:bold;
margin:0 10px 20px;
padding:10px;
width:297px;
}
.bookmarkify .title {
margin-bottom:5px;
}
.bookmarkify img{
border:2px solid #fff;
background:#fff;
}
#SideCol .bookmarkify {
margin:auto;
padding:0;
background:#fff;
width:236px;
}
#SideCol .bookmarkify img{
border:2px solid #fff;
border:0;
}
#ColTopAds {
background:#fff;
padding:10px 0 10px 22px;
margin-bottom:10px;
text-align:center;
}
#TopRss {
display:inline;
float:right;
margin:48px 15px 0 0;
width:196px;
}
#TopRss p{
color:#F3F8FB;
float:right;
margin-top:6px;
}
#TopRss img {
margin:0;
padding:0;
}
#TopRss a, #TopRss a:visited {
color:#F4F8F9;
text-decoration:underline;
}
#SingleCol{
background:#fff;
margin:10px 0;
padding:10px 10px 10px 20px;
}
.ColAds{
margin-bottom:10px;
padding:5px;
background:#fff;
}
#SeeAlso {
font-size:11px;
margin:30px 0 20px;
}
#SeeAlso a {
font-weight:700;
display:block;
margin:0 0 10px 10px;
}
#content{
background:#fff;
margin:5px 0 10px 0;
border:1px solid #fff; /* for ie remove content margin bug*/
}
.clear{
clear:both;
}
/* Rating CSS  Start*/
.ratingblock {
display:block;
height:22px;
margin:20px 0;
padding-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
/* .unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;} */

.unit-rating li.current-rating {
	background: url('/images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}
.RatingDetails {
float:left;
margin:10px;
}		
/* Rating CSS End */