/*
Theme Name: cs1
Description: 3 coloums theme for alphotoshop.com
Version: 1.0
Author: mn9or !
Author URI: http://mn9or.com/
*/

/* General Tags */
* {margin:0; padding:0;}
html { direction:rtl; }
body { background: #646464; padding:0; margin:0; font: normal 12px Tahoma; }
img { border:0; }
br { clear:both; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* these tag's will be used twise ! */
#browser_attn { background: #F9EDBE; color: #000; width: 100%; font: normal 12px Tahoma; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; border-bottom: 2px #F0C36D solid; }

.warper { width: 980px; margin: 0 auto; }
.rl_blue { border-right: 1px #00BAFF solid; border-left: #00BAFF 1px solid; width:1000px; margin: 0 auto;  }
.blue_line { width:100%; background:#00BAFF; height:1px; }
#right_content { width: 320px; margin: 0 5px; float: right; }
#left_content { width: 645px; background: #fff; margin-left: 5px; float: left; }

#navigon { width: 600px; margin: 0 auto; padding: 5px; border-bottom: 4px #B7462C solid; }
#navigon a { color: #000; }
#navigon a:hover { color: #808080; }

/* header */
#ruler { background: url('images/rulers.gif') repeat-x; height:15px; width: 100%; }
.header { height: 110px; padding: 10px 0; }
#header_ads { width: 750px; padding: 10px; text-align: center; margin: 0 auto; background: #646464; border: 3px #000 solid;  }

#logo{width:220px;height:110px;float:right;text-align:center;}
#logo a{background:url("images/logo.png") no-repeat;display:block;height:110px;text-decoration:none;}
#logo span{display:none;}
#logo h1{padding:0;margin:0;}

#main_warp { width: 1000px; margin: 0 auto; background:url("images/bg.gif") repeat; border-right: 1px #00BAFF solid; border-left: #00BAFF 1px solid; }
#content { width: 990px; margin: 0 auto; background:#fff; }
#main_content { width: 980px; padding-top: 10px; margin: 0 auto; background: url('images/content_bg.gif') repeat; }

/* sidebar */
#sidebar { width: 320px; margin: 0 auto; }

#links { width: 310px; margin: 0 auto; }
#links a { color: #000; }
#links a:hover { color: #808080; }

#cats { width: 145px; margin: 0 auto; float: right; font: normal 11px Tahoma; padding: 3px; background: #fff; }
#cats p { width: 135px; text-align: center; margin: 0 auto; font: bold 11px Tahoma; color: #fff; padding: 5px; background: #2B9435; border: 0; }
#cats ul { width: 140px; margin: 0 auto; padding-bottom: 10px; }
#cats li { width: 125px; color: #303030; list-style:square inside; margin: 0 auto; padding: 5px; border-bottom: 1px #ccc dotted; }

#pages { width: 145px; margin: 0 auto; float: left; font: normal 11px Tahoma; padding: 3px; background: #fff; }
#pages p { width: 135px; text-align: center; margin: 0 auto; font: bold 11px Tahoma; color: #fff; padding: 5px; background: #2B9435; border: 0; }
#pages ul { width: 110px; margin: 0 auto; padding-bottom: 11px; }
#pages li { width: 110px; color: #303030; list-style:square inside; margin: 0 auto; padding: 5px; border-bottom: 1px #ccc dotted; }

#side_ads { width: 310px; padding: 5px; background: #fff; }
#side_ads p { width: 290px; text-align: center; margin: 0 auto; font: bold 11px Tahoma; color: #fff; padding: 5px; background: #E6AB07; border: 0; }

#side_social_network { width: 310px; padding: 5px; background: #fff; text-align: center; }
#side_social_network p { width: 290px; text-align: center; margin: 0 auto; font: bold 11px Tahoma; color: #fff; padding: 5px; background: #326ABD; border: 0; }
#side_social_network ul { width: 280px; margin: 0 auto; }
#side_social_network li { list-style: none; text-align: left; width: 260px; margin: 5px; padding: 5px; }

#side_tags { width: 310px; padding: 5px; background: #fff; }
#side_tags p { width: 290px; text-align: center; margin: 0 auto; font: bold 11px Tahoma; color: #fff; padding: 5px; background: #A5CC3A; border: 0; }
#side_tags ul { width: 300px; margin: 0 auto; }
#side_tags li { width: 130px; float: right; display: inline; list-style: none; padding: 5px; margin: 5px; }

/* index */
#index_top { margin: 0 auto; width: 980px; background: #fff; }

#left_index { width: 640px; height: 360px; background: #333333; float: left; }
#left_index p { width: 600px; margin: 5px auto; background: #DEDEDE; text-align: center; color: #000; font: bold 12px Tahoma; line-height: 30px; height: 30px; }
#left_index div { width: 190px; float: right; text-align: center; padding: 5px; margin: 5px; }
#left_index img { border: 2px #fff solid; height: 109px; width: 190px; }
#left_index a { color: #fff; font: bold 11px Tahoma; }

#right_index { width: 330px; height: 360px; background: #DEDEDE; float: right; }
#right_index p { width: 300px; margin: 5px auto; background: #333333; text-align: center; color: #fff; font: bold 12px Tahoma; line-height: 30px; height: 30px; }
#right_index ul { width: 330px; margin: 0 auto; padding-top: 5px; }
#right_index li { width: 100px; padding: 5px; display: inline; float: right; text-align: center; list-style: none; }

.index_post { width: 300px; text-align:justify; float: right; margin: 5px; padding: 5px; border-bottom: 1px #ccc dotted; }
.index_post h2 a { font: bold 18px Arial; color: #000;  }
.index_post h2 a:hover { color: #808080; }
.index_post_time { font: normal 11px Tahoma; font-style: italic; }
.index_post_thumbs { margin: 0 auto; border: 1px #ccc solid; width: 280px; height: 90px; padding: 5px; margin: 5px; }
.index_post a { font: normal 12px Tahoma; color: #000;  }
.index_post a:hover { color: #808080; }

#bottom_block { width: 970px; margin: 0 auto; background: #DEDEDE; }
#bottom_block p { width: 950px; margin: 5px auto; background: #303030; text-align: center; color: #fff; font: bold 12px Tahoma; line-height: 30px; height: 30px; }

#wallpaper_thumb { width: 940px; margin: 0 auto; padding: 10px; text-align: center; }
#wallpaper_thumb img { border: 3px #fff solid; padding: 2px; margin: 2px; }

#bottom_ads { width: 300px; padding: 10px; float: left;  text-align: center; }
#bottom_ads div { border-right: 1px #000 solid; width: 280px; margin: 0 auto; text-align: center; }

/* category & tags */
.category_post { width: 620px; text-align:justify; float: right; margin: 5px; padding: 5px; border-bottom: 1px #ccc dotted; }
.category_post h2 a { font: bold 18px Arial; color: #000;  }
.category_post h2 a:hover { color: #808080; }
.category_post_time { font: normal 11px Tahoma; font-style: italic; }
.category_post_text { width: 450px; float: right; padding-right: 20px; }
.category_post_thumbs { float: right; border: 1px #ccc solid; width: 110px; height: 90px; padding: 2px; margin: 5px; }

/* single */
.single_post { width: 620px; float: right; margin: 5px; padding: 5px; border-bottom: 1px #ccc dotted; }
.single_post h2 a { font: bold 20px Arial; color: #000; text-align: center; }
.single_post h2 a:hover { color: #808080; }

#single_post_details { font: normal 11px Tahoma; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; width: 620px; height: 30px; line-height: 30px; }
#single_post_details_r { width: 130px; float: right; padding-right: 5px; }

#single_post_thumbs { margin: 0 auto; width: 300px; text-align: center; border: 1px #ccc solid; padding: 5px; }

#single_content { width: 600px; text-align:justify; font: normal 12px Tahoma; margin: 0 auto; padding: 10px; }

#download_this { width: 400px; text-align: center; margin: 0 auto; padding: 10px; background: #D3E1FA; border: 2px #ccc solid; }
#download_this a { font: normal 16px Tahoma; color: #000; text-decoration: underline; }

#single_tags a { color: #808080; text-decoration: underline; }
#single_tags a:hover { color: #000; }

#random_content { width: 620px; margin: 0 auto; text-align: center; }
#random_content img { border: 1px #ccc solid; padding: 2px; margin: 2px; }

.tutorials { width: 610px; margin: 0 auto; padding: 20px 0; border-bottom: 1px #ccc solid; }
.tutorials_step { width: 580px; margin: 10px auto; font: normal 16px Tahoma; }
.tutorials_text { width: 610px; margin: 10px auto; }
.tutorials_code { width: 610px; margin: 10px auto; direction: ltr; text-align: left; }
.tutorials_images { width: 600px; margin: 10px auto; text-align: center; padding: 5px; border: 1px #DDDDDD solid; background: #F4F4F4; }

#random_content_tutorials { width: 620px; margin: 0 auto; text-align: center; }
#random_content_tutorials a { font: normal 12px Tahoma; color: #000; }
#random_content_tutorials a:hover { color: #808080; }
#random_content_tutorials ul { width: 500px; margin: 0 auto; padding-bottom: 10px; }
#random_content_tutorials li { width: 500px; text-align: right; color: #303030; list-style:square inside; margin: 0 auto; padding: 5px; border-bottom: 1px #ccc dotted; }

#single_ads { width: 550px; padding: 10px; text-align: center; margin: 0 auto; background: #646464; border: 3px #000 solid;  }

/* navigation */
#navigation { clear:both; display: block; height: 25px; width: 600px; margin: 0 auto; text-align: center; padding-top: 10px; }
#navigation a { color: #000; margin: 5px; padding: 5px; text-decoration:none; }
#navigation a:hover { color: #808080; text-decoration:underline; }
#navigationL { width: 300px; float: left; }
#navigationR { width: 300px; float: right; }

/* wp page number */
.page_numbers { margin: 0 auto; width: 550px; padding: 5px; text-align: center; }
.page_numbers a { border: 1px #ccc dotted;; text-decoration: none; padding: 0.2em 0.5em; color: #000; }
.page_numbers a:hover { border: 1px #666666 dotted; background: #646464; color: #fff; }
.current { border: 1px #ccc dotted;; text-decoration: none; font-weight: bold; padding: 0.2em 0.5em; }

/* footer */
.footer { height: 60px; padding: 10px 0 0 0; }
#copyright { width: 800px; text-align: left; color: #fff; font: normal 11px Tahoma; float: left; direction: ltr; font: normal 11px Tahoma; }
#copyright a { color: #E2E2E2; font-weight: bold; }

#bottom { width: 100%; height: 14px; background: url('images/bottom_bg.png') repeat-x; }
#bottom div { width: 270px; height: 14px;  background: url('images/bottom_icon.png'); float: left; }