/*   
Theme Name: SEO Roi Theme
Description: This is SEO Roi Theme template
*/

/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: none; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration:none; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{ padding:0 0 0 0; margin:0 0 0 0; }

/*** General Settings ***/
body { background:none;
	color:none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 10px; }
p { margin: 0 0 10px 0; }
element { cursor: pointer; }

body.home #respond { display:none}

/*** CSS IDs ***/
#wrapper { margin:0 auto; width:941px;}

#top { padding:5px 0}
#top .logo { width:291px; height:102px; margin:0 0 5px 0}
#top .logo h1 { margin:0}
#top .logo h1 a { background:url(images/logo.jpg) no-repeat scroll 0 0; width:291px; height:102px; display:block; text-indent:-99999px}
#top .pagenav { border-top:1px solid #274a83; border-bottom:3px solid #b6b6b6; padding:3px 0 0 0}
#top .pagenav ul { border-bottom:3px solid #274a83}
#top .pagenav ul li { display:block; float:left; margin:0 2px 0 0;}
#top .pagenav ul li a { display:block; 
	color:#000;
	font-size:12px;
	background:url(images/nav-bg.png) repeat-x #e8e8e8;
	padding:8px 10px 11px 10px;
	border:1px solid #e9e9e9;
	border-bottom:0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-khtml-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
#top .pagenav ul li a:hover,
#top .pagenav ul li.current_page_item a { background-position:bottom; color:#fff; border:1px solid #3868b6; border-bottom:0}

#content-area { padding:15px 0}
#content-area .left-content { width:621px;}
#content-area .right-content { width:300px;}

#content-area .content-posts .post { border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:15px;}
#content-area .content-posts .post .post-header { background:url(images/headingbg.png) repeat-x #fff; width:591px; height:125px; padding:20px 15px;}
#content-area .content-posts .post .post-header h2 { font-size:20px; padding-right:90px; margin-bottom:20px;}
#content-area .content-posts .post .post-header h2 a { color:#0453a3}
#content-area .content-posts .post .post-header .author-details {}
#content-area .content-posts .post .post-header .author-details .author-thumb,
#content-area .content-posts .post .post-header .author-details .author-thumb img { width:60px; height:45px}
#content-area .content-posts .post .post-header .author-details .author-thumb { margin:0 10px 0 0}
#content-area .content-posts .post .post-header .author-details .author-name { font-size:14px; color:#010101; margin:20px 0 0 0}
#content-area .content-posts .post .post-entry { font-size:12px; line-height:1.5em}
#content-area .content-posts .post .post-entry a { color:#0453a3}
#content-area .content-posts .post .post-entry a:hover { text-decoration: underline}
#content-area .content-posts .post .post-entry .context { color:#010101; width:390px; text-align:justify}
#content-area .content-posts .post .post-entry .context blockquote { border-left:2px solid #ffd200; padding:0 30px 0 10px; margin:5px 0 15px 20px; display:inline-block}
#content-area .content-posts .post .post-entry .sidebar-story { width:190px; background:#efefef; color:#5a5a5a; padding:15px;}
#content-area .content-posts .post .post-entry .sidebar-story h3 { color:#010101; font-weight:bold; margin-bottom:3px;}

#content-area .content-posts .comments { font-size:12px}
#content-area .content-posts .comments ol.commentlist {}
#content-area .content-posts .comments ol.commentlist li { display:block; margin:0 0 20px 0}
#content-area .content-posts .comments ol.commentlist li ul.children { padding:10px 0 0 50px;}
#content-area .content-posts .comments ol.commentlist li ul.children li ul.children { padding:10px 0 0 0}

#content-area .content-posts .comments h2 { color:#0453a3; font-size:20px;}
#content-area .content-posts .comments .comment-post { background:#efefef; padding:15px;}
#content-area .content-posts .comments .comment-post .comment-content { line-height:1.5em; margin:0 0 10px 0}
#content-area .content-posts .comments .comment-post a.comment-reply-link { background:#3c6dbc; 
	color:#fff;
	padding:4px 10px;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#content-area .content-posts .comments .comment-post .comment-details { background:url(images/comment-icon.png) no-repeat scroll 0 1px; 
	padding-left:20px;
	font-style:italic;
	font-size:12px;
	color:#000;
}
#content-area .content-posts .comments .comment-post .comment-details span,
#content-area .content-posts .comments .comment-post .comment-details a { color:#274a83}
#content-area .content-posts .comments .post-comments a { background:#3c6dbc; 
	color:#fff;
	padding:5px 10px;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}

#content-area .content-posts .comments #respond a { color:#274a83}

#content-area .content-posts .comments .comment-wrap { margin:0 0 10px 0}
#content-area .content-posts .comments .comment-wrap input#author { padding:5px; border:1px solid #888; width:250px; margin:3px 0 0 0}
#content-area .content-posts .comments .comment-wrap input#email { padding:5px; border:1px solid #888; width:250px; margin:3px 0 0 0}
#content-area .content-posts .comments .comment-wrap input#url { padding:5px; border:1px solid #888; width:250px; margin:3px 0 0 0}
#content-area .content-posts .comments .comment-wrap textarea#comment { padding:5px; border:1px solid #888; width:500px; margin:3px 0 0 0; font-family:Arial; font-size:13px}
#content-area .content-posts .comments .comment-wrap input#submit { background:#3c6dbc; 
	color:#fff;
	border:0;
	cursor:pointer;
	padding:5px 10px;
	display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}

#content-area .widget { margin-bottom:20px; position: relative;}

#content-area .widget.subscribe { border:3px solid #274a83; overflow:hidden}
#content-area .widget.subscribe h2 { display:none; margin:0}
#content-area .widget.subscribe .subscribeform { border:3px solid #b6b6b6; padding:50px 10px 10px 10px; background:#f5f5f5}
#content-area .widget.subscribe .subscribeform h3 { background:#274a83;
	font-weight:bold; 
	font-size:14px; 
	position:absolute; 
	width:100%; 
	left:0;
	top:7px;
	padding:10px 5px;
	color:#fff;
}
#content-area .widget.subscribe .subscribeform table { margin:0 0 10px 0}
#content-area .widget.subscribe .subscribeform table tr td { padding:5px 0}
#content-area .widget.subscribe .subscribeform table tr td.label { padding-right:5px; font-size:14px; font-weight:bold; text-align:right}
#content-area .widget.subscribe .subscribeform input.subscribe-txt { border:1px solid #d5d5d5; padding:4px; width:210px;}
#content-area .widget.subscribe .subscribeform input.subscribe-button { text-indent:-99999px; 
	background:url(images/download-button.png) no-repeat scroll 0 0;
	width:132px;
	height:38px;
	border:0;
	cursor:pointer;
}
#content-area .widget.subscribe .subscribeform table tr td span { font-size:10px; color:#838383; display:block}
#content-area .widget.subscribe .subscribeform .sayings { color:#000; font-size:14px;}
#content-area .widget.subscribe .subscribeform .sayings span { display:block; color:#707070}

#content-area .widget.popular {}
#content-area .widget.popular h2 { font-size:14px; color:#000; font-weight:bold;}
#content-area .widget.popular ul { border-top:1px solid #000; padding:5px 0; display:block}
#content-area .widget.popular ul li { display:block;}
#content-area .widget.popular ul li a { display:block; 
	padding:7px 7px 7px 15px; 
	color:#0453a3; 
	font-size:14px; 
	background:url(images/arrow.png) no-repeat scroll 0 50%; 
	border-bottom:1px solid #e5e5e5;
}

/*** CSS Classes ***/
* html .clearfix { height: 1%; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

.container { margin:0 auto; width:1000px;}