body{ 
background: #161819; 
margin: 0px ; 
padding: 0px; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif
}

.main {
font-size: 18px;
font-weight: bold;
}

ul,li{ 
list-style:none; 
padding:0px ; 
margin:0px;
}

img { 
border: none;
vertical-align: middle; 
}

.clear { 
clear: both;
}

h2 {
font-size:18px;
}

h3 {
font-size:12px;
}

.light_blue {
color:#63BCFF;
}

.orange {
color:#FF6200;
}

.llgrey {
color:#B2B2B2;
}

.red {
color:#AD5905;
}

.blue {
color:#3B89FF;
}

/* header 1 */
.header { 
width: 1003px; 
height: 322px; 
background: url(http://www.newtuts.com/images/3.0/header_bg.jpg); 
margin: 0px auto; 
}

.logo { 
width: 716px; 
float:left; 
}

.search { 
width: 195px; 
height: 60px; 
background: #22292F; 
float:right; 
margin-right:10px; 
color:#FFFFFF; 
padding:10px 0px 0px 35px;
}

.search li{ 
margin-top:5px;
}

.sea_inp{ 
height:20px; 
background:#949494; 
border:none; 
}

.top_menu { 
width: 220px; 
float: right; 
padding:50px 0px 0px 0px;
}

.top_menu li{ 
margin-top:20px;
}

.top_menu a { 
font-size: 20px; 
color:#BBBDBF; 
padding: 0px 0px 0px 30px; 
text-decoration: none; 
background: url(http://www.newtuts.com/images/3.0/home1.gif) no-repeat 0px 3px; 
}

.top_menu a:hover { 
background: url(http://www.newtuts.com/images/3.0/home.gif) no-repeat 0px 3px; 
color:#FF9600 
}
/* END header 1 */

/* header 2 */
.header2 { 
width:1003px; 
height:169px ; 
margin:0 auto; 
background:#282F35; 
}

.logo2 { 
width:743px ; 
float:left; 
}

.search2 { 
width: 195px; 
height:60px; 
background: #22292F; 
float: right; 
margin-right:10px; 
padding:20px 0px 0px 35px;  
color:#FFFFFF;
}

.logo_sur{ 
height:20px; 
width:160px; 
background:#646464; 
border:none;
}

.top_menu2{ 
height:40px; 
padding-top: 14px; 
background:#343A3F; 
width:1003px; 
margin-top:10px; 
float: left; 
}

.top_menu2 li{ 
float:left; 
margin: 0px 30px; 
display: inline; 
}

.top_menu2 a { 
font-size: 20px; 
color:#BBBDBF; 
padding: 0px 0px 0px 30px; 
text-decoration: none; 
background: url(http://www.newtuts.com/images/3.0/home1.gif) no-repeat 0px 3px; 
}

.top_menu2 a:hover { 
background: url(http://www.newtuts.com/images/3.0/home.gif) no-repeat 0px 3px; 
color:#FF9600 
}
/* END header 2 */


.content { 
width: 1003px; 
margin: 0px auto; 
background:#31383E; 
border-top: #121621 solid 6px; 
}

/* Left Column */
.con_left { 
width: 663px; 
float: left; 
margin-left:10px; 
color:#FFFFFF; 
background:#31383e;
} 

.con_left img{ 
margin-right:15px;
}

.tutorial {
width:575px;
margin:5px 0px 5px 0px;
padding:5px 0px 0px 0px;
clear:both;
display:block;
color:#999999;
}

.tutorial_title a{
color:#FF6200;
font-size: 14px;
}

.tutorial_main {
width:515px;
float:right;
overflow:hidden;
padding:2px 0px 10px 0px;
}

.social_icons {
margin:-3px 0px 0px 0px;
float:right;
width:130px;
text-align:left;
}

.tleft {
width:55px;
height:60px;
padding:5px 0px 10px 2px;
margin:0px;
overflow:hidden;
text-align:center;
}

.tutorial_avatar {
width:41px;
height:41px;
padding:2px;
overflow:hidden;
border-style: dashed;
border-width: 1px;
border-color: #bfbfbf;
}

.sort_links a {
color:#B2B2B2;
}

.sort_links a:hover {
color:#3B89FF;
}

a.sort_on {
color:#3B89FF;
font-weight: bold;
}

/* END Left Column */

/* Right Column */		
.con_right { 
width: 313px; 
background: #1F262E;
margin: 10px 0px; 
float: left; 
font-size:12px; 
background:#31383e; 
}

.content .con_right{ 
float:left;  
width:288px; 
background:#1F262E; 
padding:18px 0px 0px 18px; 
color:#FFFFFF; 
font-size:14px; 
line-height:15px;
}

.ado{ 
margin-left:10px;
}

.con_right li{ 
margin-top:8px;
}

.con_right img{ 
margin-right:15px;
}

.button{ 
border:none; 
background:url(http://www.newtuts.com/images/3.0/but2_bj.gif); 
height:31px; 
width:87px; 
margin-left:10px;
font-weight:bold;
}

.login{ 
width:298px; 
float:left;
}

.login li{ 
margin-top:10px; 
}

.que{ 
padding:20px 0px 28px 10px;
}

.que a{ 
color:#ffffff; 
text-decoration:none;
}

.lo_l{ 
float:left; 
width:98px; 
text-align:right;
}

.login .lo_r{ 
float:left; 
width:195px; 
margin-left:5px;
}

.lo_inp{ 
border:none; 
background:#646464;
}

.lo_but{ 
background:url(http://www.newtuts.com/images/3.0/but_bj.gif); 
border:none; 
height:24px; 
width:67px;
}

.menu a{ 
color:#ffffff; 
text-decoration:none;
}

.menu a:hover { 
color:#FF6600; 
text-decoration:none;
}


.text{ 
width:1003px; 
text-align:center; 
margin-top:10px;
}

.text .tex_but{ 
border:none;
height:33px; 
width:89px; 
background:url(http://www.newtuts.com/images/3.0/text_but_bj.gif);
}
/* END Right Column */

/* footer */
.footer { 
width: 1003px; 
margin: 0px auto; 
padding: 10px 0px; 
text-align: center; 
color: #FFFFFF; 
background:#31383E; 
height:20px; 
padding-top:50px;
}

.footer a { 
color: #FFFFFF; 
text-decoration: none; 
}

.footer a:hover { 
text-decoration: underline; 
}
/* END Footer */