/* CSS Document */
body{margin:0px; padding:0px; font-family:'anonymous_proregular', Arial, Helvetica, sans-serif; font-size:15px; background:#808285; color:#ffffff;}
h1, h2, h3, h4, h5, h6, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal;}
ul,ol,li {list-style:none;}
input, select, textarea{font-family:'anonymous_proregular', Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
a{text-decoration:none; outline:none; color:#aacde9;}
a:hover{text-decoration:none; outline:none;}
a img{border:0px; outline:none;}
.clear{clear:both; font-size:0px; height:0px; line-height:0px; display:block;}
.fleft{float:left;}
.fright{float:right;}

img, object, embed, video {
	max-width: 100%;
}
html{font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
input, select, textarea, button{-webkit-appearance:none;}

h1{font:normal 20px 'anonymous_proregular'; color:#ffffff; line-height:30px;}
h1.title2{color:#676667;}
p{font:normal 15px 'anonymous_proregular'; color:#ffffff; line-height:20px;}
p.body2{color:#aacde9;}
p.body3{color:#676667;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
/* ======================================== Wrapper Styles ============================================ */
.Wrapper{width:960px; border-top:5px solid #abe1fa; margin:0 auto;}
/* ======================================== Header Styles ============================================ */
header{width:960px; margin:0px auto; padding:5px 0 90px; position:relative;}

.logo{float:left; width:99px; padding:60px 0 0 22px;}
header aside{float:right; padding:0 25px 0 0;}
header aside p{float:left; padding:5px 20px 0 0; font:normal 16px 'anonymous_proregular'; color:#ffffff; line-height:18px;}
header aside ul{float:right;}
header aside li{float:left; padding:0 0 0 5px;}
header aside li a{background:url(../images/icon_bg.png) no-repeat left top; width:26px; height:22px; text-align:center; float:left; padding:6px 0 0;}

header nav{width:100%; float:left; margin:85px 0 0; border-top:1px solid #6b6d6f; border-bottom:1px solid #6b6d6f; position:relative;}
.sep{width:100%; float:left; background:#6b6d6f; height:1px; font-size:0;}

#nav{}
header nav h1{font:normal 21px 'gerusamedium'; color:#ffffff; line-height:22px; padding:7px 0; float:left;}
header nav ul{float:right;}
header nav li{float:left; padding:0 40px;}
header nav li a{color:#fefefe; font-size:16px; float:left; padding:12px 0; line-height:18px;}

header nav .submenu{width:100%; border-top:1px solid #6b6d6f; float:left; position:absolute; left:0; top:100%;}
/* ======================================== Container Styles ============================================ */
.container{width:960px; margin:0px auto;}

.sidebar{width:162px; float:left;}
.content{float:left; width:605px; padding:0 0 0 15px;}
.right_sidebar{width:162px; float:right;}

.title{width:100%; float:left; border-top:1px solid #6b6d6f; border-bottom:1px solid #6b6d6f; padding:10px 0 25px;}
.title h2{float:left; font:normal 20px 'anonymous_proregular'; color:#ffffff; line-height:21px;}
.title h2 span{color:#bcbbbb;}
.title h2 a{color:#fff;}
.title h3{float:right; font:normal 20px 'anonymous_proregular'; color:#bcbbbb; line-height:21px; padding:0 100px 0 0;}

.sidebar ul{width:100%; float:left;}
.sidebar li{float:left; border-bottom:1px solid #717274; width:100%;}
.sidebar li a{color:#ffffff; font-size:15px; float:left; padding:4px 0 6px; line-height:18px;}
.sidebar li.last{border:0;}

.sidebar li ul{padding-left:8%; width:92%;}
.sidebar li li{border:0;}
.tables,.widget,.blog,.posted_by,.direction-nav,.comment_box,.comments,.reply_form,.row,.typography,.form,.post,.all_posts,.pagination{width:100%; float:left;}

.blog{padding:30px 0 0;}
.blog p{font-size:16px; line-height:21px; width:96%;}
.blog p a{color:#fff; text-decoration:underline;}

.blog ul{width:100%; float:left; padding:25px 0;}
.blog li{float:left; width:100%; text-indent:20px; font-size:16px; line-height:21px;}

.blog blockquote{background:url(../images/left_quota.png) no-repeat left 2px; width:90%; padding:0 0 0 10%; float:left; margin:25px 0; 
font-size:16px; line-height:21px;}

.grey_box{width:86%; padding:3% 4%; background:#737373; float:left; margin:25px 0;}
.grey_box code{color:#aacde9; font-size:15px; line-height:21px;}

.posted_by p{font-size:15px; line-height:21px; color:#636262; float:left; padding:0 0 7px;}
.posted_by p a{color:#aacde9;}
.posted_by a.see_more{font-size:15px; line-height:21px; color:#aacde9; float:right;}

.direction-nav{border-top:1px solid #6b6d6f; padding:7px 0 105px;}
.direction-nav a{font-size:15px; line-height:21px; color:#aacde9; float:left;}
.direction-nav a.next{float:right;}

.comment_box{padding:10px 0 25px; border-bottom:1px solid #6b6d6f; position:relative;}
.last_comment_box{border-bottom:0;}
.comment_box img{float:left;}
.comment_box .right{float:right; width:525px;}

.comment_box2{width:87%; padding:10px 0 0 13%; margin:25px 0 0; float:left; border-top:1px solid #6b6d6f; position:relative;}
.comment_box2 .right{width:450px;}

.comment_box a.reply{font-size:20px; line-height:21px; color:#ffffff; position:absolute; right:0; top:10px;}
.comment_box h2{font-size:20px; line-height:23px; color:#ffffff; float:left; width:100%; padding:0 0 12px;}
.comment_box h2 a{color:#ffffff;}
.comment_box h2 span{color:#676667;}
.comment_box p{font-size:15px; line-height:21px; color:#ffffff; float:left; width:100%;}

.reply_form{padding:35px 0 60px;}
.row{padding:0 0 20px;}
.reply_form label{font-size:15px; line-height:21px; color:#ffffff; float:left; padding:4px 0 0 15px;}
.reply_form input,.reply_form textarea{font-size:15px; line-height:21px; color:#ffffff; float:left; padding:5px 0 3px 10px; height:22px; background:#737373; float:left; 
border:0; width:453px;}
.reply_form textarea{height:145px; overflow:auto; width:595px;}
.reply_form input.submit{background:none; border:0; cursor:pointer; float:right; width:auto; color:#aacde9; padding:0;}

.tables{padding:0 0 80px;}
.tables table{width:100%; float:left; margin:0; border:0; padding:0; border-collapse:collapse;}
.tables th{font-size:15px; line-height:21px; color:#ffffff; text-transform:uppercase; text-align:left; font-weight:normal; padding:10px 0 30px 10px;}
.tables th.first_col{width:50%;}
.tables td{font-size:15px; line-height:21px; color:#ffffff; text-align:left; font-weight:normal; padding:7px 0 7px 10px;}
.tables .odd td{background:#737373; padding:3px 0 3px 10px;}

.typography{padding:10px 0 60px;}
.typography p{line-height:30px;}

.form{padding:0 0 45px;}
.form .row{padding:30px 0 0;}
.form label{font-size:15px; line-height:21px; color:#aacde9; float:left; padding:0 0 8px; width:100%;}
.form input,.form textarea{font-size:15px; line-height:21px; color:#aacde9; float:left; padding:5px 0 3px 3%; height:22px; background:#737373; float:left; 
border:0; width:97%;}
.form textarea{height:75px; overflow:auto;}
.form strong{width:100%; float:left;}
.form input.submit{background:none; border:0; cursor:pointer; float:right; width:auto; color:#aacde9; padding:0;}

.form ul{width:100%; float:left;}
.form li{width:100%; float:left; padding:8px 0;}
.form li strong{float:left; width:auto;}
.form li label{width:auto; padding:0;}

.form input.input_175{width:175px; padding-left:0; text-align:center;}
.form input.input_247{width:247px;}

.all_posts .title h2{width:100%; line-height:25px;}

.post{padding:10px 0 45px;}
.post img{float:left; margin:0 12px 0 0;}
.post p a{color:#b8b7b7;}

.pagination{padding:25px 0;}
.pagination ul{text-align:center;}
.pagination li{display:inline; color:#aacde9; font-size:20px; line-height:22px; padding:0 2px;}
.pagination li a{display:inline-block; color:#aacde9;}

.widget{padding-bottom:35px;}
.widget p{float:left; font:normal 15px 'anonymous_proregular'; color:#ffffff; line-height:23px;}
.widget p a{color:#bcbbbb; text-decoration:underline;}
.widget p a:hover{text-decoration:none;}

.widget img{float:left; margin:10px 0;}

/* ======================================== Footer Styles ============================================ */
footer{width:605px; margin:20px auto 0; border-top:1px solid #6b6d6f; padding:10px 0 25px;}
footer p{float:left; font:normal 15px 'anonymous_proregular'; color:#aacde9; line-height:16px;}
footer p a{color:#ffffff;}
footer p.design{float:right;}
footer p.design a{font-family:'proxima_nova_rgbold';}

#menu {
	display: none;
}
/* ============== RESPONSIVE CSS =============== */
@media only screen and (max-width: 980px) {
	.comment_box img{margin:0 14px 0 0;}	
	.comment_box .right,.comment_box h2,.comment_box p{width:auto; float:none;}
}
@media only screen and (min-width: 760px) and (max-width: 980px) {
	.container,.Wrapper,header{width:755px;}	
	header nav li{padding:0 30px;}
	.sidebar{width:130px;}
	.content{padding-left:13px; width:470px;}
	.reply_form input, .reply_form textarea{width:340px;}
	.reply_form textarea{width:97%; padding-left:3%;}
	
	footer{width:483px;}
	
}
@media only screen and (max-width: 760px) {
	.Wrapper{width:96%; margin:0 2%;}
	.container,header,footer{width:100%;}	
	
	#menu {display:block; float:right; padding:10px; font:normal 21px 'gerusamedium'; color:#ffffff; line-height:22px; cursor:pointer;}
	header nav ul{display:none; width:100%; text-align:center; border-top:1px solid #6B6D6F;}
	header nav .submenu{border:0;}
	header nav li{display:inline-block; float:none; padding:0 20px;}
	.sep{display:none;}
	
	.sidebar{width:100%;}
	.content{width:100%; padding:0; margin:40px 0;}
	.widget img{margin:10px 15px 10px 0;}
	.reply_form input, .reply_form textarea{width:97%; padding-left:3%;}
	.reply_form textarea{width:97%; padding-left:3%;}
	
	header aside{position:absolute; top:5px; right:0;}
	
	footer p{text-align:center; width:100%; float:left; padding:0 0 5px;}
}
@media only screen and (max-width: 500px) {
	header nav li{width:100%; text-align:right; float:left; padding-left:0; padding-right:0; position:relative;}
	header nav .submenu{position:static; border:0; width:90%; padding:0 0 0 10%;}
	header nav .submenu ul{border:0;}
}