/*
Theme Name: cyberpejman
Theme URI: http://www.wprex.com
Description: a premium quality wordpress theme.
Version: v1.0
Author: Ashkan
Author URI: http://www.wprex.com 
*/
/*=============================================================================*/

/*global*/
body { margin: 0 auto; background:#F7F6F6 url("images/bg.gif") repeat-x center top}
h1, h2, h3, h4 { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
.alignleft{ float:left; }
.alignright{ float:right; }
.clear { clear: both; height: 0; overflow: hidden; }
/*wrap*/
#wrap { width: 1004px; margin: 0 auto; padding:0px;  }
#content-container { width: 994px;}
#contents { width: 995px; padding: 0 0px 0 0px; margin-top:10px;  }
#contents_area { width: 980px; padding:10px;   float:left;  }
#contents_box { width: 980px; padding:5px; float:left;}
#page-bottom { width:1004px; padding:0; }
/*header*/
#header { width: 1004px; height: 170px; position: relative; }
#header-title { position: absolute; text-transform: uppercase; right: 0px; top: 30px; direction:rtl;  }
#header-title h1 { color: #ffffff; font:30px arial; font-weight:bold; margin-bottom: 0px; padding-right:20px; padding-top:20px }
#header-title h1 a { color: #ffffff; text-decoration: none; }
.header-subtitle { color: #72D4EA; font:12px tahoma; direction:rtl; padding-right:20px; padding-top:10px; }

#rss_feed{float:right; text-align:right; padding-right:20px; direction:rtl; padding-top:5px; height: 270px; width:220px;}
#rss_feed a { color: #565656; font-weight:bold;}
#social{ width:285px; height:30px; padding-top:7px;}

.socialicon{height:25px; width:25px; float:left; padding:5px;}
.digg{background:url("images/digg.png") no-repeat left top;}
.ff{background:url("images/friendfeed.png") no-repeat left top;}
.stumble{background:url("images/stumbleupon.png") no-repeat left top;}
.tech{background:url("images/technorati.png") no-repeat left top;}
.del{background:url("images/delicious.png") no-repeat left top;}
.redit{background:url("images/reddit.png") no-repeat left top;}
.google{background:url("images/google.png") no-repeat left top;}
.twitter{background:url("images/twitter.png") no-repeat left top;}
.flickr{background:url("images/flickr.png") no-repeat left top;}
.socialicon a{height:25px; width:25px; padding:10px;}

#twitter_box{float:left; padding-left:100px;  height: 95px; width:160px; font: 12px tahoma; color: #828282; background: url("images/twitter.gif") no-repeat left;}
#twitter_box a{color:#33707E;}
/*top menus*/
#navlist { position: absolute; top: 133px; left: 10px; height: 37px; width:981px; direction:rtl }
#navlist ul { list-style-type: none; height: 31px; padding: 0; margin: 0; direction:rtl }
#navlist ul li { font: bold 12px tahoma;  color: #333333; height: 37px; float: right; background: url("images/devider.gif") no-repeat right bottom; direction:rtl }
#navlist ul li a { display: block; text-decoration: none; height: 35px;  padding:10px 10px 0 10px; color: #333333; direction:rtl;}
#navlist ul li:hover { }
#navlist ul li a:hover { color: #33707E; height: 27px;  background: #ffffff url("images/devider.gif") no-repeat right bottom;}
#navlist ul li.current_page_item { color: #33707E; }
#navlist ul li.current_page_item a { color: #33707E; }

#bluelist { position: absolute; top: 0px; left: 10px; height: 20px; width:981px; direction:rtl }
#bluelist ul { list-style-type: none; height: 20px; padding: 0; margin: 0; direction:rtl }
#bluelist ul li { font: 11px tahoma;  color: #333333; height: 20px; float: left; direction:rtl }
#bluelist ul li a { display: block; text-decoration: none; height: 35px;  padding:5px 10px 0 10px; color: #333333; direction:rtl;}
#bluelist ul li:hover { }
#bluelist ul li a:hover { color: #ffffff; height: 27px;}
#bluelist ul li.current_page_item { color: #ffffff; }
#bluelist ul li.current_page_item a { color: #ffffff; }
/*search area*/
#menu_search_box { position: absolute; padding:0; top: 140px; left: 10px; width: 170px; height: 27px; background:url("images/search.gif") no-repeat left center; }
#menu_search_box #searchform { margin: 0; padding: 6px 0 0 28px; width: 100px; height: 27px; }
#menu_search_box #s { font: 11px tahoma; color: #565656; border: 0; background: none; float: left; width: 120px; height: 18px; }
#menu_search_box #submit { display: none; }
/*post top*/
#contents .top_post { float: left; padding:0; margin: 0 0 10px 0; height:280px; width: 560px; }
.meta_inf { width: 530px; height: 22px; }
.meta_inf a{ color:#669900; }	
.headline { float: left; display:inline; padding-left: 5px; }
.headline_date { float: right; display:inline; padding-right: 0px; color:#CC6699; font:14px tahoma; }
.meta_date { float: none; background:#5EB7CB; height:10px; display:inline;  padding:3px; text-align:right; color:#ffffff; font:11px tahoma;  width:130px; overflow:hidden; }
.meta_comments { width:30px; background:url("images/comment.gif") no-repeat center center; float: right; font:bold 12px tahoma; padding-top:15px; height:40px; text-align:center;  }
.meta_comments_text { width:150px; padding-right:10px; float: right; font:12px tahoma; padding-top:15px; height:40px; text-align:rigth;  }
.meta_comments ar { text-decoration:none; color:#595959}
.meta_more { width:100px; float: left; font:11px tahoma; padding-right: 20px; padding-top:15px; height:40px;  }
.meta_more_twitter{ width:100px; float: left; font:11px tahoma; padding-right: 20px; padding-top:7px; height:40px;  }
.meta_icons { width:100px; float: left; font:11px tahoma; padding-left: 20px; padding-top:7px; height:40px;  }
.meta_icons_twitter { width:100px; float: left; font:11px tahoma; padding-left: 20px; padding-top:2px; height:40px;  }
.meta_tags { width:100px; float: right; font:11px tahoma; padding-right: 20px; padding-top:7px; height:40px;  }
.top_titles a{ color: #33707E; text-decoration: none; font: bold 18px tahoma; }
.post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px tahoma; color: #cccccc; }
.post_cat { padding-left: 14px; line-height: 22px; font: 11px tahoma; color: #cccccc; }
.post_cat a { color: #669900; }
/*magazine style posts*/
#content { float: left; width: 660px; overflow: hidden; padding-left:7px; }
#content .mag_posts { float: left; width: 658px; margin: 0 6px 6px 0; color: #858585; font: 11px tahoma; border:1px solid #CFCFCF; background:#ffffff;  }
#content .mag_posts a { color: #33707E; }
#content .top_mag_posts { width: 658px; background: url("images/post_mag_top.gif") repeat-x top; }
#content .bottom_mag_posts { width: 658px;  padding-top: 7px; padding-bottom: 1px;  }
#content .mag_posts h2 { padding:0; padding-left: 20px; color: #222222; font: bold 18px tahoma; height:30px; margin:0; }
#content .mag_posts h2 a { color: #222222; font: bold 18px tahoma;}
#content .top_mag_titles{ text-align:right; clear:both; padding-top:10px; direction:rtl}
#content .top_mag_titles a{ color: #33707E; text-decoration: none; font: bold 12px verdana; }
#content .mag_cat{ height:30px; float:right; padding-right:17px;}
#content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 10px;  font:12px tahoma; color:#696969; margin:0; width: 630px; height: 240px; text-align:justify; direction:rtl;  }
#content .mag_posts .post_entry_mag { margin-top:10px; line-height:20px; text-align:justify; }
#content .mag_posts .mag_posts_meta { margin: 0; padding-right:15px; background:url("images/post_mag_bot.gif") repeat-x top;  height: 44px; overflow:hidden; direction:rtl}
#content .mag_posts .mag_posts_meta a {color:#33707E; }
#content .mag_posts .mag_posts_meta a:hover {text-decoration:underline; }
.post_thumb{padding:0;margin:0 10px 10px 0;height:200px;width:200px; border:2px solid #999999;  padding-left:0px;}
/*pages*/
#content .main_posts { float: left; width: 658px; margin: 0 6px 6px 0; color: #858585; font: 11px tahoma; border:1px solid #CFCFCF; background:#ffffff;  }
#content .main_posts a { color: #33707E; font:12px tahoma; text-decoration:underline;}
#content .top_main_posts { width: 658px; background: url("images/post_mag_top.gif") repeat-x top; }
#content .bottom_main_posts { width: 658px;  padding-top: 7px; padding-bottom: 1px;  }
#content .main_posts h2 { padding:0; padding-left: 20px; color: #222222; font: bold 18px tahoma; height:30px; margin:0; }
#content .main_posts h2 a { color: #222222; font: bold 18px tahoma;}
#content .top_main_titles{ text-align:right; clear:both; padding-top:10px; direction:rtl}
#content .top_main_titles a{ color: #33707E; text-decoration: none; }
#content .top_main_titles h2 { padding:0; padding-left: 20px; color: #222222; font: bold 18px tahoma; height:30px; margin:0; }
#content .top_main_titles h2 a { color: #222222; font: bold 18px tahoma;}
#content .main_cat{ height:30px; float:right; padding-right:17px;}
#content .main_posts .main_posts_entry { padding: 0px 9px 0px 10px;  font:12px tahoma; color:#696969; margin:0; width: 630px; text-align:justify; direction:rtl;  }

#content .main_posts .post_entry_main { margin-top:10px; line-height:20px; text-align:justify; }
#content .main_posts .main_posts_meta { margin: 0; padding-right:15px; padding-top:5px; background:url("images/post_mag_bot.gif") repeat-x top;  height: 39px; overflow:hidden; direction:rtl}
#content .main_posts .main_posts_meta a {color:#33707E; }
#content .main_posts .main_posts_meta a:hover {text-decoration:underline; }

#comment { background:#ffffff; width:500px; border:1px solid #CFCFCF; font:12px tahoma; }
#commentform input{ border:1px solid #CFCFCF; background:#ffffff; font:12px tahoma; width:180px;}
#commentform #submit{ border:1px solid #367685; height:33px; width:100px; border-style:outset; background:url("images/button.gif") repeat-x center; font:bold 12px tahoma; color:#ffffff; }
#comments_area { font: 11px tahoma; color: #909090; width: 638px; padding: 10px; border:1px solid #cccccc; margin-top:10px; direction:rtl; text-align:justify; background:#ffffff; }
#content .post .comments { font: 11px tahoma; color: #969696; width: 440px;}
#content .post .comments ol { margin: 10px 0; padding-left: 25px; }
#content .post .comments ol li { padding: 5px; }
#content .post .comments ol li a { color: #33707E; text-decoration: none; }
#content .post .comments ol li a:hover { text-decoration: underline; }
#content .post .comments ol li.alt { background: #ffffff; }
#content .post .comments ol li cite { color: #606060; font-style: normal; font-weight: bold; }
#content .post .comments ol li cite a { color: #606060; text-decoration: none; }
#content .post .comments ol li cite a:hover { text-decoration: underline; }
#content .post .comments ol li .commentmetadata a { color: #aaaaaa; text-decoration: none; }
#content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; }
#content .post #commentform { font: 11px tahoma; color: #909090; width: 448px; padding-left: 25px; margin: 0; }
#content .post #commentform a { color: #33707E; text-decoration: none; }
#content .post #commentform a:hover { text-decoration: underline; }
/*sidebar 1*/
#sidebar-wrap { width:303px; margin-top:0px; padding:0; float:right;}
#sidebar1 { float: left; width: 300px; padding-left:5px; font: 11px tahoma; color: #999999; }
.sidebar_container { width:300px; margin-bottom: 3px; float:left; line-height:20px; }
.sidebar_container h2 {color:#222222; direction:rtl; font:bold 12px tahoma; padding-right:20px; padding-top:5px;} 

#sidebar1 h2 { width: 152px; height: 25px; padding-right: 15px; direction:rtl; padding-top:8px; margin-bottom: 2px; font: bold 14px tahoma; color: #7A7979; }
#sidebar1 a { color: #33707E; text-decoration: none; }
#sidebar1 a:hover { text-decoration: underline; }
#sidebar1 ul { margin: 0; padding: 5px; list-style-type: none; direction:rtl }
#sidebar1 ul li { color: #656565; font: 11px tahoma;  width:270px;  padding-right:25px; }
#sidebar1 ul li ul li{ color: #656565; font: 11px tahoma; border-bottom:none; width:250px; padding-right:10px; background:none; }
#sidebar1 ul li ul li a{ background:none; }
#sidebar1 ul li a { color: #33707E; text-decoration: none; border-bottom:1px dashed #DDDDDD; padding: 5px 20px 5px 5px; margin:0; display: block; background: url("images/bullet.gif") no-repeat right; }
#sidebar1 ul li a:hover { text-decoration: none; }
#sidebar1 ul li ul { margin: 0; padding: 0; background: none; }
#sidebar1 #searchform { display:none; }
#sidebar1 #searchform #s { width: 100px; }
#sidebar1 #calendar_wrap { width: 140px; margin: 0 auto; padding-top: 5px; }
#sidebar1 #calendar_wrap table { width: 140px; }
#sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; }
#sidebar1 #calendar_wrap tbody { text-align: right; }
#sidebar1 #calendar_wrap tfoot #next { text-align: right; }
#sidebar1 #calendar_wrap #today { font-weight: bold; }
#sidebar1 .textwidget { padding: 0 5px; }
/* sidebox */
#sidebox { float: left; width: 300px; font: 11px tahoma; color: #999999; margin-left:2px; margin-top:0px; }
.sidebox_container { width:300px; margin-bottom: 3px; padding:0; background: #ffffff url("images/sidebar_title.gif") repeat-x top left;  float:left; border:1px solid #cccccc; }
#sidebox ul { margin: 0; width:290px; padding: 5px 0 5px 5px; list-style-type: none; direction:rtl; text-align:justify;  }
.sidebar_bottom {}
/*advertisements*/
.ads_wrap { float: left;  position:relative; width: 300px; margin:0; padding:0; margin-bottom: 10px; }
.ad_block{ padding:10px; float:left; border:none;  }
.ad_block img{ border:1px solid #cccccc}
.topads{width:486px;text-align:center;  padding-bottom:10px; position:absolute; top:80px;}
/*recent posts*/
#recent_data { width: 935px; margin-bottom: 15px; }
#recent_data_top { width: 933px; }
#recent_data_bottom { width: 923px; padding: 0 0 20px 10px; overflow: hidden; }
.recent_data_container { width: 190px; float: left; padding-left:5px; }
.recent_data_container h3 { color: #F8D8F3; padding: 6px; height:20px; font: bold 14px Verdana; background: url("images/top_side_left.gif") repeat-x top; }
.recent_data_container ul { margin: 0; padding: 0; list-style-type: none; }
.recent_data_container ul li { font:12px tahoma; text-align:left; border-bottom: 1px dotted #ffffff; }
.recent_data_container ul li a { color: #F2A9D5; text-decoration: none; display: block; padding: 4px; }
.recent_data_container ul li a:hover { text-decoration: none; background-color:#dedede; }
.recent_data_container ul li a span { color: #222222; font: 10px tahoma; display: block; margin-bottom: 4px; }
.recent_data_container ul li ul { display: none; }
.recent_data_middle { width: 320px; margin-top: 8px; padding: 0 23px; overflow: hidden; float: left; }
/*bottom nav*/
.navigation { font: 11px tahoma; color: #33707E; width: 550px; padding:0; overflow:hidden; }
.navigation a { color: #CC9966; text-decoration: none; }
.navigation a:hover { color: #CC9966; text-decoration: underline; }
.navigation-p { float: left; }
.navigation-n { float: right; }
/*footer*/
#footer {width:1004px; margin-top:10px; height: 40px; background: url("images/footer.gif") repeat-x bottom; direction:rtl; padding:0; color:#696969; padding-top:10px; text-align:center; font: 11px tahoma; clear:both; }
#footer a {color:#33707E; text-decoration: none; }
#footer a:hover {text-decoration: none; }

/*tabs*/
#tabs {margin:0px;width: 280px;overflow: hidden;padding:0; direction:rtl }
.tabs ul {list-style:none; direction:rtl; width: 280px}
.tabs li {float: right;display: inline;margin-right: 5px;margin-left:0;text-align: center;overflow: hidden;font:12px tahoma;list-style:none;background:#ffffff;border:1px solid #D8D8D8;}
.tabs li a {float: right;display: block;color: #999999;font-weight: bold;padding-left:2px;padding-right: 2px;line-height: 22px;height: 22px;}
.tabs li a:hover {display: block;}
.tabs li a.selected {display: block;color: #787878;background:#f7f7f7;}
.tabs li a.selected:hover {display: block;color: #333;}
/***************** CSS For TAB Content *******************/
.tabcontent {display: none;border-top: 0;padding-top: 0px;padding: 0px;padding-bottom: 5px;overflow: hidden;font:11px tahoma;width:290px;}
.tabcontent a, .tabcontent a strong {color: #696969;}
.tabcontent a:hover, .tabcontent a:hover strong {color: #333333;}
.tabcontent ul {padding:5px;margin:0; }
.tabcontent ul li {display: block;margin:0;  direction:rtl;  background:#fcfcfc;padding-bottom: 3px;margin-bottom: 3px;padding-right: 10px;color: #999;line-height: 1.4em;list-style-type:none;}
.tabcontent ul li a {color: #696969;line-height: 1.4em;}
.tabcontent ul li a:hover {color: #333333;}
.tabcontent ul li span {display: block;color: #999;}
/***************** CSS For TAB Content *******************/
@media print {.tabcontent {display: block !important;}
}