/*
Theme Name: oemran
Theme URI: http://emranlabs.com/
Description: <strong>oemran</strong> theme created originaly for <a href="http://oemran.com/" >oemran.com blog</a>
Author: Oemran.com
Author URI: http://Oemran.com
Version: 1.0
Tags: grey, white, one-columns, fixed-width
*/
@import url('RO-CSS-Boxes.css');
@import url('buttons.css');

/*====================Reset default browser CSS. ================
-------------------------------------------------------------- */

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: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0;
}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ol, ul {list-style: none;}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
/*======================    Layout  =============================
-------------------------------------------------------------- */
.clear{
    clear:  both;
}
#wrapper{  
    min-width: 980px;
}
#page{
    width:  980px;
    margin: 10px auto;
    overflow: hidden;  
}
#header{
    height: 190px;
    overflow: auto;
}
#footer {
    clear: both;
}
#content{
    height: 1%;
    overflow: hidden;
    padding-top:  1px; 
}
.posts{
    width: 660px;
    float: right;
    margin-right: 10px;
}
#sidebar{
    width: 260px;
    margin-right: 700px;
}
/* ==================  appaerance     ===========================
-------------------------------------------------------------- */
body{   
    background: #B1D4E5;
    background: #fff;
}
/*======================  Page  =============================
-------------------------------------------------------------- */
#page .pageinner{
    border:  1px solid #ccc;
    border-radius: 05px;
	-moz-border-radius: 05px;
	-webkit-border-radius: 05px;
    overflow: hidden;
    padding: 0 0 20px 0 ;  
}
#page{
    background: #fff;
    box-shadow: 0px 0px 10px #88CCFF;
    -moz-box-shadow: 0px 0px 10px #88CCFF;
    -webkit-box-shadow: 0px 0px 10px #88CCFF;
    
    box-shadow: 0px 0px 10px #ccc;
    -moz-box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    
    border-radius: 05px;
	-moz-border-radius: 05px;
	-webkit-border-radius: 05px;
}
/* ==================   Header     ==============================
-------------------------------------------------------------- */
#header{
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    border-radius: 05px;
	-moz-border-radius: 05px;
	-webkit-border-radius: 05px;
}
#logo{
    width: 230px;
    margin-right: 30px;
    float:  right;
}
.sechead{
width: 660px;
margin-right: 270px;
}
#logo h2{
    margin: 0;
    margin-top:  30px;
    line-height: 80px;
    padding: 0;
    background: url(images/bg.png) no-repeat center;
}
#logo h2 a,#logo h3{
    display: block;
    overflow: hidden;
    text-indent: -9970px;
    text-decoration: none;
    color: #666;

}
.sechead .desc p.twit{
font:1.6em arial;
}
.desc p.twit a.twt{
display: inline-block;
width: 16px;
height: 16px;
background: url(images/twt.png) no-repeat left;
}
/* =================     Menu ===================================
--------------------------------------------------------------*/
#mastnav{
    overflow: auto;
    padding: 0;
    margin: 0;
    width: 700px;
}
#mastnav li{
display: inline;
padding: 0px 5px;
line-height: 30px;
position: relative;
float: left;
}
#mastnav li a{
display: inline-block;
width: 16px;
height: 30px;
}
#mastnav li.twitter a{
background: url(images/twitter.gif) no-repeat center;
}
#mastnav li.facebook a{
background: url(images/facebook.gif) no-repeat center;
}
#mastnav li.rss a{
background: url(images/rss.png) no-repeat center;
}
#mastnav li.contact a{
background: url(images/mail.png) no-repeat center;
}
#mastnav li.about a{
background: url(images/info.png) no-repeat left;
}
/*======================  Content  =============================
-------------------------------------------------------------- */
#content{
    font-size: 13px;
    line-height: 20px;
}
.post{
    margin: 0 0 40px 0;
     overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
}
.single{
    margin: 0 0 10px 0;
}
.postinner{

}
.postouter{
    padding: 10px;
}
.post h1 {
	font: bold 2.2em arial;
    margin-right: 15px;
	padding:5px;   
    border-radius: 05px;
	-moz-border-radius: 05px;
	-webkit-border-radius: 05px;
    
    text-shadow:0.5px 0.5px 1px #CCCCCC;
}
.post h2 {
	font: bold 1.8em arial;
	color: #666;
	padding:5px;
	margin-top: 25px;
	margin-right: 15px;
    color: #333;
}
.post h3 {
	font: bold 1.4em arial;
	color: #444;
	padding:5px 15px 5px 5px ;
	margin-top: 10px;
	margin-right: 10px;
}
.post p {
	padding:5px;
	margin: 0px 20px 5px 10px;
}
.post .pmeta{
   border-top:  1px dotted #eee;
   padding: 0 5px;
   position:  relative;
}
.post span.pdate{
    display: inline-block;
    padding: 1px 5px;
    font-size: 11px;
    position:  absolute;
    left: 5px;
    top:  -25px;

}
.post span.pdate a{
    color: #999;
}

.post span.pdate a:hover{
    color: #333;
}
.post p.pfooter {
    padding: 1px 5px;
    margin-top: 30px;
    font-size: 11px;
}
.post span.cat a, .post span.cat{
    display: inline-block;
    padding: 1px 5px;
    margin: 0 2px;
    background: #ddd;   
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.post span.cat{
    background: #f5f5f5;
}
/* ========================= postmeta ===============================
-------------------------------------------------------------- */
.post .postmeta {
    font-size: 12px;
    margin: 10px 30px 10px 20px ;
    border: 1px solid #ccc;
    border-right: 2px solid #ccc;
    padding: 5px 10px 5px 5px;
    background: #ddd;
    color: #999;      
    border-radius: 03px;
    -moz-border-radius: 03px;
    -webkit-border-radius: 03px;
    
    text-shadow: 0.5px 0.5px 1px #ccc;
}
/* ========================= navigation ===============================
-------------------------------------------------------------- */
.page-navigation{
    padding: 5px 10px;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #f1f1f1;
    text-shadow: 1px 1px 1px #fff;
    border-radius: 03px;
    -moz-border-radius: 03px;
    -webkit-border-radius: 03px;
    border:  1px solid #ddd;
    overflow: auto;
}
.page-navigation a{
    display: inline-block;
    padding: 1px 5px;
    margin: 0 2px;
    background: #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#content .page-navigation .alignright,
#content .page-navigation .alignleft
{
    padding: 0;
    margin: 0;
}
/* =========================Images===============================
-------------------------------------------------------------- */
#content img.wp-smiley {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    vertical-align: middle;
}
.headavatar img:hover,
#content img:hover {
	border-color: #2b7fa8;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 10px;
	margin-left: 20px;
}
img.avatar,
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 10px;
	margin-right: 22px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
/* ========================= Forms ===============================
-------------------------------------------------------------- */
#content form {
    font: .78em tahoma;
}
#content form textarea,
#content form input,
#sidebar form input{
	margin: 0 0 05px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#content form textarea,
#content form input,
#content form label {
	padding: .2em;
}
#content form textarea:focus,
#content form input:focus ,
#sidebar form input:focus {
	border-color: #2b7fa8;
}
#content form input.submit {
	background: transparent;
}
#content form input.submit:hover {
	background: #eee;
}
#content form input.selector {
	direction: ltr;
}
#content form p {
	margin: 0;
}
#content form label {
	display: block;
	color: #999;
}
#content form span.lbl {
    display: inline-block;
    width: 120px;
    font-size: 11px;
    line-height: 30px;
}
#content form span.msg {
	color: #dc4f57;
	font-size: 11px;
    line-height: 30px;
}
#content .post textarea#comment{
    margin-right: 30px;
    width: 70%;   
}
#content .post input.submit{
    margin-right:  30px;
}
#content textarea#comment{
    margin-right: 120px;
    width: 70%;   
}
#content input.submit{
    margin-right:  120px;
}
/* =================== Lists in Content ==============
-------------------------------------------------------------- */
.post ul,
.post ol{
    margin-right: 35px;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 5px;
}
.post ul li,
.post ul ol ul li {
    list-style-type: none;
}
.post ul li,
.post ul ol ul li{
    text-indent: 20px;
    background:  url(images/check_b.gif) no-repeat right 5px;
    margin-bottom: 10px;
}
.post ol li,
.post ul ol li  {
    text-indent: 0;
    background:  transparent;
    list-style-type: decimal;
}
.post ul.check li{
    background:  url(images/check_g.gif) no-repeat right 5px;
}
.post ul li.x{
    background:  url(images/x.png) no-repeat right 5px;
}
.post ol,
#combox li ol {
    list-style-type: decimal;
}
.post ol li,
#combox li ol li{
    margin-bottom: 5px;
    margin-right: 10px;
}
.post ol.dash li,
.post ul.dash li{
    border-bottom: 1px dashed #DDD;
}
/* ============================= SideBare =======================
-------------------------------------------------------------- */
.sb_ul{
 padding: 0;
 margin: 0;
}
.sb_block{
    margin: 0px;
    margin-bottom:  30px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 05px;
    -moz-border-radius: 05px;
    -webkit-border-radius: 05px;
}
#sidebar h3 {
    font: bold 1.6em arial;
    background-color: #f5f5f5;
    background-color: #eee;
    color: #666;
    padding:5px 20px 5px 5px ;
    margin: 1px 1px 10px 0;
    border-bottom:  1px solid #ddd;
    
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    
}
#sidebar p {
	padding: 10px;
}
.sb_block ul{
    margin:  2px 10px 10px 10px;
    padding: 0;
}
.sb_block ul li{
    list-style: none;
    margin: 0 0 4px 0;
    text-indent: 0;
}
#sidebar li.cat-item,
#sidebar li.page-item,
#sidebar ul li.archive-item
{
    color: #2b7fa8;
    position: relative;
    padding:.3em;
    border-bottom: 1px dashed #99CCCC;
    display:block;
}
#sidebar li.cat-item{
    background: url(images/check_b.gif) no-repeat 98% 60%;
    padding-right: 25px;
}
#sidebar li.page-item {
    background: url(images/page.gif) no-repeat 98% 60%;
    padding-right: 25px;
}
#sidebar ul.archive{
    padding: 0;
}
#sidebar ul li.archive-item {
    margin: 0;
    border: 0;
}
#sidebar ul li.year {
    background: url(images/year.gif) no-repeat right top;
    padding: 0 25px 0 0;    
}

#sidebar ul li.month {
    background: url(images/month.gif) no-repeat right top;
    padding: 0 20px 0 0; 
}
#sidebar ul li span{
    position: static;
}
#sidebar li.cat-item span{
    color:#393;
}
#sidebar li.page-item span{
    color:#393;
}
#sidebar li.month span{
    color:#08c;
}
#sidebar li.year span{
    color:#666;
}
#sidebar ul li span{
    position: static;
}
#sidebar ul li span.n{
    display: inline-block;
    font-family: "Miriam Fixed";
    position: absolute;
    left: 5px;
    top: 3px;
    color:#ccc;
}
#sidebar ul li.year span.n{
    color:#333;
}
#sidebar ul li.cat-item a,
#sidebar ul li.page-item a{
    color:#393;
}
#sidebar li.cat-item a:hover,
#sidebar li.page-item a:hover
{
    color:#08C;
}
#sidebar .wp-tag-cloud{
    padding: 5px;
    overflow: auto;
}
/*
#sidebar .wp-tag-cloud li{
    display: inline-block;
    margin: 2px;
    padding: 0;
    float:  right;
    background:#fff url(images/tag.png) no-repeat 95% 50%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:.3em;
    font-size: 11px;
}

#sidebar .wp-tag-cloud li a{
    display: inline-block;
    padding-right: 18px;
 }     
*/
 
 
/* ============================= Comments =======================
-------------------------------------------------------------- */ 
#comments{
    padding:  20px;
}
#comments li.comment{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background:none repeat scroll 0 0 #F7F7F7;
    border:1px solid #CCCCCC;
    padding:0.5em;
    margin-bottom: 10px
}
#comments li.odd{
    background: #fff;
    border:  1px solid #ddd;
}
#comments li.bypostauthor{
    background:none repeat scroll 0 0 #ECF7FC;
    border-color:#8CCFEE;
}

#comments p.vcard{
    line-height: 30px;
    text-indent: 10px;
}
#comments p.comment-meta{
    font-size: 11px;
    margin-bottom:  30px;
    text-indent: 10px;  
}
#comments h3 {
	font: bold 1.4em arial;
	color: #444;
	padding:5px 15px 5px 5px ;
	margin-top: 10px;
	margin-right: 10px;
}
#respond{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background:#F7F7F7;
    border:1px solid #CCCCCC;
    padding:0.5em;
    margin-bottom: 10px
}
.post #respond{
    width: 90%;
    margin: 20px auto;
}
.odd #respond{
   background:#F7F7F7;
}
.even #respond{
   background:#fff;
}
#comments p{
   
}
#comments .reply{
    margin:  10px;  
}
#comments .reply a{
    display: inline-block;
    padding: 1px 5px;
    margin: 0 2px;
    background: #eee;   
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ddd;
}
/* ============================= Footer =========================
-------------------------------------------------------------- */
#footer{width:900px;background:url(images/footer-glow.png) no-repeat top center;margin:0px auto;padding:20px;color:#777;}
#footer a:link,#footer a:visited{color:#777;}
#footer a:hover{color:#F35C01;}
#footer_inner {padding:0px; margin:0;text-align: center;}
#footer_inner .col-1, #footer_inner .col-2, #footer_inner .col-3,#footer_inner .col-4{float:right;position:relative;}
#footer_inner .col-1 {width:300px;padding-left:40px;}
#footer_inner .col-2,#footer_inner .col-3 {width:160px;padding-left:10px;}
#footer_inner .col-4 {width:160px;padding-right:20px;} 
#footer_inner .col-1, #footer_inner .col-2, #footer_inner .col-3 {background:url(images/vertical-line.png) repeat-y top left;height: 120px;} 
#footer_inner .col-1 p,#footer_inner .col-3 p{ line-height: 22px;} 
#footer_inner .foot-posts { list-style-type: none; }
#footer_inner .foot-posts li {line-height: 22px;  }
#footer_inner .foot-posts a {text-decoration: none; display: block; padding:0 5px 3px 0; }
#footer .foot-bottom{width:920px;margin:15 auto 0 auto;padding:15px 0 4px 0;font:normal 11px Arial,Verdana,Tahoma;}
#footer .foot-bottom  a.foot-top {float:right;border-bottom: 1px dotted #86807D;}
#footer .foot-bottom  p{direction:ltr !important; padding:15px 0 4px 0;text-transform: uppercase;text-align: center; }
#footer .container{
overflow: hidden;
}
/* =================    Footer Menu ===================================
-------------------------------------------------------------- */
#secnav{
    text-align: center;
    height: 30px;
    padding: 5px;
    margin-bottom:  10px;
}
#secnav li{
    display: inline;
    padding:  1px 5px;
}
#secnav li a{
    display: inline-block;
    padding-right:20px;
}
#secnav li.twitter a{
background: url(images/twitter.gif)no-repeat right center;
}
#secnav li.facebook a{
background: url(images/facebook.gif)no-repeat right center;
}
#secnav li.rss a{
background: url(images/rss.png)no-repeat right center;
}
#secnav li.contact a{
background: url(images/mail.png)no-repeat right center;
}
#secnav li.about a{
background: url(images/info.png) no-repeat right center;
}
#secnav li.wordpress a{
background: url(images/wp.png) no-repeat right center;
}
/* ==================  Global Elements ==========================
-------------------------------------------------------------- */

/* Main global elements and typographic styles */
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	font-family: Tahoma, sans-serif;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
a {
    text-decoration: none;
    color:  #08C;
}
a:hover{
    color: #369;
}
a:active{
    color: #333;
}
em{
    color: #393;
    font-style: normal;
    font-size: 11px;
}
strong{
    font-weight: bold;
    color: #334E66;
}
code,
pre{
    font: 1.1em 'Courier New', Courier, Fixed;
}
acronym,
abbr
{
    font-size: 0.9em;
    cursor: help;
    border-bottom: 1px dashed #FFCC00;
}
blockquote,
.blockquote{
    margin: 10px 30px 10px 20px ;
    border: 1px solid #B5CEDB;
    border-right: 2px solid #B5CEDB;
    padding: 5px 10px 5px 5px;
    background: #D7E5EC;
    -moz-border-radius: 03px;
    -webkit-border-radius: 03px;
    color: #334E66;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
#nav{
  width: 916px;
  margin: auto;
  position: relative;
  bottom: 15px;
  background: #F7F7F7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #e1e1e1;
  padding: 10px;
}
#nav li {
  display: inline;
  direction: rtl;

}
#nav li a {
  font-family: Arial,Tahoma;
  font-size: 15px;
  font-weight: bolder;
  text-decoration: none;
  color: #006699;
  text-shadow: 1px 1px #FFF;
  padding: 10px;
}
#nav li a:hover {
  text-shadow: none;
  border-bottom: 2px solid #00ACD2;
}
.readmore {float:left; display: inline; width:130px; height:29px; }

	.readmore a { display:block; text-decoration:none; color:#000;  width:130px; height:29px; background:url(images/readmore_sprite.gif) top}
	.readmore a:hover {background:url(images/readmore_sprite.gif) center}
	.readmore a:active { background:url(images/readmore_sprite.gif) bottom }

	.readmore span {display:block; text-align: center;padding: 5px 0 0 0}
	
/*	Forms
	- - - - - - - - - - */
input {padding: 3px}
#commentform{margin:25px 8px;}
#commentform input{	width:200px;}	
textarea {padding: 5px 6px ; width: 97%;}
textarea ,input{
	background: #f2f2f2;
	border: 1px solid #CCC;
	color: #000;
	font:12px Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	input:hover,textarea:focus{	background: #FFF;}
splay: inline; }
/*	Forms
	- - - - - - - - - - */
#for_all h2 {
background: #ccc;
text-align: center;
text-shadow: 1px 1px 1px #FFF;
-moz-border-radius: 3px;
padding: 3px;
line-height: 27px;
}

#best_viw, #best_ran {
float: right;
width: 284px;
margin-top: 15px;
}

#best_ran {
margin-right: 20px;
}

#best_viw li, #best_ran li {  
overflow: hidden;
height: 28px;
padding: 0px 6px;
margin: 4px 0px;
font-size: 12px;
line-height: 29px;
background: #F5F5F4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#best_cont a, #best_viw a, #best_ran a {
color: #000;
display: block;
width: 398px;
height: 27px;
}

#best_viw li:hover, #best_ran li:hover {
background: #087ec5;
color: #FFF;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#best_viw a:hover, #best_ran a:hover {
color: #FFF;
}

.breadcrumb {
-moz-border-radius-topleft:3px;
-webkit-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-radius-topright:3px;
background:none repeat scroll 0 0 #FAFAFA;
bottom:10px;
left:6px;
padding:7px 6px;
position:relative;
width:948px;
border-bottom:1px solid #eee;
font-size: 11px;
}

.rss_i a{
background: url(img/rss_i.png);
width: 16px;
height:  16px;
display: block;
text-indent: -9999em;
float: right;
position: relative;
top: 10px;
margin: 3px 3px 3px 6px;
}