body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}
body {
	background-color: #ffffff;
	margin:0;
}
.hiddenpic{
display:none;
}
a:link {
	color: #0060d5;
}
a:visited {
	color: #0060d5;
}
a:hover {
	color: #0060d5;
}
a:active {
	color: #0060d5;
}
h1, h2, h3, h4, h5, h6{
margin:0;
}
.msg_head{
cursor:pointer;
}
#wrapout{
width:100%;
background:url(images/bgbottom.jpg) repeat-x bottom;
}
#wrapin{
width:100%;
background:url(images/bgto.jpg) top repeat-x;
text-align:center;
}
#wrap{
width:1000px;
margin:0 auto;
text-align:left;
}
#header{
height:82px;
width:100%;
}
#logo{
float:left;
padding-left:50px;
padding-top:13px;
}
#search{
float:right;
padding-right:50px;
padding-top:25px;
}

h1, h6{
background:url(images/logo.png) top left no-repeat;
width:280px;
height:50px;
overflow:hidden;
}
h1 a:link, h1 a:visited, h1 a:hover, h6 a:link, h6 a:visited, h6 a:hover{
text-indent:-999px;
display:block;
width:280px;
height:50px;
}
#search form{
background:#013b85;
border:1px solid #0079dc;
height:25px;
padding:0 0 0 5px;
width:180px;
margin:0;
position:relative;
}
#search .sfield{
background:#013b85;
position:absolute;
top:0;left:0;
border:none;
outline:none;
height:20px;
margin:0;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:5px 0px 0 5px;
}
#search .sbutton{
background:url(images/search.jpg) repeat-x bottom;
border:none;
margin:0;
position:absolute;
top:0;right:0;
height:25px;
width:50px;
}
#navhol{
width:100%;padding-top:4px;height:47px;padding-left:30px;}
#nav {font:12px Arial, Helvetica, sans-serif bold;text-decoration:none;color:#666;list-style:none;margin:0;padding:0;width:100%;} /*Reset browsers and apply basic formatting*/
#nav li{display:inline}
#nav li *{height:39px;float:left;cursor:pointer;cursor:hand}
#nav a{background:url(images/left.jpg) left no-repeat;cursor:pointer;padding-left:38px;color:#666;text-decoration:none;font-weight:bold;} /*Applys the left segment of the image and adds the grey bottom border*/
#nav .right{padding-right:38px}
#nav .center{background:url(images/center.gif) repeat-x top;margin-right:-38px;min-width:40px;height:39px;padding-top:12px;voice-family: "\"}\"";voice-family:inherit;height:27px;} /*Applys the seamless background*/
#nav .start{background:url(images/farleft.jpg) left no-repeat} /*Applys the far left corner*/
#nav .end{background:url(images/farright.jpg) right no-repeat;padding-right:76px;} /*Applys the far right corner*/
/*The following controls the hover states of the individual image slices. It's important to remember that IE6 will only recognise :hover when applied to a link element*/
#nav a:hover{background:url(images/right.jpg); color:#000;text-decoration:underline;}
#nav a.start:hover{background:url(images/farlefthover.jpg)}
#nav a:hover .end{background:url(images/farrighthover.jpg) right}
#nav a:hover .center{background:url(images/centerhover.jpg);color:#000}
#nav a:hover .right{background:url(images/lefthover.jpg) right;padding-right:76px;margin-right:-38px;position:relative}


#leftcol{
float:left;
width:640px;
float:left;
padding-left:30px;
padding-right:30px;
padding-top:20px;
padding-bottom:30px;
}
h2{
background:url(images/h2repeat.jpg) repeat-x top;
height:44px;
width:100%;
font-size:14px;
font-weight:bold;
color:#222;
}
h2 span{
background:url(images/lefth2.jpg) left top no-repeat;
width:100%;
height:44px;
display:block;
}
h2 em{
background:url(images/righth2.jpg) right top no-repeat;
width:100%;
height:32px;
display:block;
text-indent:30px;
padding-top:13px;
font-style:normal;
}
#content{
background:url(images/rightcol.jpg) repeat-y right;
width:100%;
}
#rightcol{
float:right;
background:#e6e6e6;
width:288px;
border-left:1px solid #c2c1c1;
border-right:1px solid #c2c1c1;
padding-botton:30px;
}
.clear{
clear:both;
}
.item{
position:relative;
padding:20px 0 20px 0;
width:100%;
border-bottom:1px dotted #ccc;
}
.thumb{
background:url(images/ratingbg.jpg) repeat-x bottom #e6e6e6;
border:1px solid #c5c4c4;
padding:10px;
float:left;
width:120px;
text-align:center;
}
.iteminfo{
float:left;
width:420px;
padding-left:20px;
}
.thumb img{
padding:0 0 10px 0;
}
#leftcol p{
line-height:20px;
padding:10px 0 5px 0;
margin:0;
}
h3{
font-size:14px;
font-weight:bold;
margin:0;
color:#222;
padding:0;
}
h3 a:link, h3 a:visited{
color:#222;
}
.comments{
float:right;
background:url(images/speech_bubble_48.png) top right no-repeat;
height:36px;
width:48px;
text-align:center;
padding-top:12px;
font-size:14px;
font-weight:normal;
color:#222;
}
.sideitem{
background:url(images/topofsidebarbg.jpg) repeat-x top;
text-align:center;
}
.topitem{
background:url(images/topofright.jpg) repeat-x top;
text-align:center;
}
h4.subscribe{
height:65px;
width:100%;
display:block;
overflow:hidden;
}
h4.subscribe a:link, h4.subscribe a:visited{
height:65px;
width:100%;
display:block;
background:url(images/subscribe.jpg) no-repeat center;
text-indent:-999px;
}
h4.subscribe a:hover{
height:65px;
width:100%;
display:block;
background:url(images/subscribehover.jpg) no-repeat center;
text-indent:-999px;
}
h4.submit{
height:65px;
width:100%;
display:block;
overflow:hidden;
}
h4.submit a:link, h4.submit a:visited{
height:65px;
width:100%;
display:block;
background:url(images/submit.jpg) no-repeat center;
text-indent:-999px;
}
h4.submit a:hover{
height:65px;
width:100%;
display:block;
background:url(images/submithover.jpg) no-repeat center;
text-indent:-999px;
}
h4.recentside{
height:50px;
width:100%;
display:block;
overflow:hidden;
background:url(images/otherrecent.jpg) 60px 20px no-repeat;
}
h4.recentside span{
display:none;
}
.sideitem p{
background:url(images/sideitemp.jpg) repeat-x bottom;
width:85%;
margin:0 5% 0 5%;
text-align:left;
padding:10px;
line-height:18px;
}
.wp-pagenavi{
padding: 20px 2px 2px 2px;
}

.wp-pagenavi ul{
margin: 0;
padding: 0;
color:#666;
text-align: left; /*Set to "right" to right align wp-pagenavi interface*/
font-size: 12px;
}

.wp-pagenavi li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.wp-pagenavi span{
padding: 5px 5px;
border: 1px solid #ccc;
text-decoration: none; 
color: #666;
margin-right:3px;
}
.wp-pagenavi a, .wp-pagenavi a:visited{
padding: 5px 5px;
border: 1px solid #ccc;
text-decoration: none; 
color: #666;
margin-right:3px;
}

.wp-pagenavi a:hover, .wp-pagenavi a:active{
background:#7AB90A;
border:1px solid #5B8F00;
color:#fff;
}

.wp-pagenavi a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.wp-pagenavi a.disablelink, .wp-pagenavi a.disablelink:hover{
background:none;
cursor: default;
color: #666;
border-color: #ccc;
font-weight: normal !important;
}

.wp-pagenavi a.prevnext{
font-weight: normal;
}
#footer{
height:183px;
width:100%;
}
#logofoot{
float:left;
padding-left:30px;
padding-top:80px;
padding-right:60px;
}
#footlinks{
width:100px;
float:left;
margin:60px 0 0 0;
padding:0 60px 0 40px;
background:url(images/separator.jpg) left repeat-y;
height:90px;
}
#footlinks ul{
margin:0;
padding:0;
list-style:none;
line-height:20px;
}
#footlinks ul li a{
color:#fff;
}
#footinfo{
width:380px;
float:left;
margin:60px 0 0 0;
padding:0 0 0 40px;
background:url(images/separator.jpg)  left repeat-y;
height:90px;
color:#fff}
#footinfo a{
color:#fff;
}
.article{
padding:20px 0 20px 0;
}
.article h4{
margin:0;
padding:0;
color:#222;
font-size:14px;
font-weight:bold;
background:url(images/screencast.png) left no-repeat;
height:26px;
padding-top:10px;
padding-left:40px;
}
.tabs{
padding:0;
margin:0;
display:inline;
list-style:none;
}
.tabs li{
float:left;
padding-right:30px;
}
h2.comtitle{
margin-top:20px;
}
.content{
margin:10px 0 20px 0;
width:100%;
padding:20px 0 20px 0;
text-align:center;
background:#e6e6e6;
border:1px solid #c4c4c4;
}
#content_2, #content_3 { display:none; }
.bttn{
background:#7AB90A;
border:1px solid #5B8F00;
color:#fff;
outline:none;
font-size:14px;
padding:4px 8px 4px 8px;
font-weight:bold;
cursor:pointer;
}
.bttn2{
background:#666;
border:1px solid #333;
color:#fff;
outline:none;
font-size:12px;
margin-top:10px;
padding:3px 5px 3px 5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
cursor:pointer;
}
.bttn:hover{
color:#fff;
background:#97CF33;
}



.clist{

list-style:none;

padding-left:0px;
width:100%;
margin:0;

}

.commentmetadata{

font-size:11px;

font-variant:normal;

}
.commentboxeven{

border:1px solid #DEDEDE;

padding-left:10px;

padding-right:10px;

padding-bottom:10px;

margin-bottom:20px;

padding-top:5px;

}

.commentboxodd, .alt{

background:#E0E8EF;

border:1px solid #A7C5DF;

padding-left:10px;

padding-right:10px;

padding-bottom:10px;

padding-top:5px;

margin-bottom:20px;

}

.ctitle{

font-size:12px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:normal;

}

.input{

background:#f1f1f1;

border:1px solid #ccc;

height:18px;

margin-top:2px;

margin-bottom:10px;

font-weight:lighter;
font-size:12px;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
padding-top:2px;
width:200px;
outline:none;
}
.area{
outline:none;
width:300px;
font-weight:lighter;
font-size:16px;
color:#666;
height:80px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#f1f1f1;
border:1px solid #ccc;
}
.upload {
background:#ededed;
border:1px solid #ccc;
color:#666;
width:340px;
padding:10px 20px 20px 20px;
}
