/*  
Theme Name: Devil Seo Lab theme
Theme URI: http://devilseo.com
Description: Special theme for my lab
Version: 0.3.0
Author: pix
Author URI: http://2px.net/
*/


/* CSS Document */
body { margin:0; padding: 0; background: #F0F0E0; font-family: 'Tahoma'; color: #40454b; font-size:0.7em}


/* General Links */
a:link { text-decoration : underline; color : #369; border: 0px} 
a:active { text-decoration : underline; color:#36c; border: 0px} 
a:visited { text-decoration : none; color: #69C; border: 0px} 
a:hover { text-decoration : underline; color: #ff5a00; border: 0px} 
.left { float:left}
.right { float:right}
.clear { clear:both}

img, dl { padding: 0px; margin: 0px; border: none}

input { font-family: 'Tahoma'; color: #6a5555; font-size: 10px}
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px}
select { font-family: 'Verdana'; color: #6a5555; font-size: 10px}

h1, h2, h3, h4, h5 { font-family: 'Tahoma'}

.error { background: #FFCCCC; border:1px solid #FB6A6A; margin-bottom:10px; padding:5px 5px 4px}
.success { background:#D2ECA9; border:1px solid #A6DA55; margin-bottom:10px; padding:5px 5px 4px}
.notice { background:#FFFFCD; border:1px solid #D2B15B; margin-bottom:10px; padding:5px 5px 4px}
.ico-msg-success {padding:3px 0 0 20px;background: url('i/ico/success.gif') no-repeat left center; background-position:0 1px}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*#bgcontain { width: 100%; background: #f4f4ea url('i/top-bg.gif') repeat-x;;margin:0; padding:0} */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header { background:#e7e7cf; border-bottom:5px solid #adac95}
#header-in {width: 900px;  height:85px; position: relative; margin: 0 auto}
#logo a {float:left; display:block; width:290px; height:55px; background:url('i/logo.gif') no-repeat top left; margin:15px 0}
div#menu {float:right; margin-top:60px}
div#menu ul {margin:0; padding:0}
div#menu ul li {display:inline; line-height:25px; float:left}
div#menu ul li a {height:25px; width:102px; text-decoration:none; display:block; background:#4E4F45 url('i/btn-top.gif') no-repeat bottom; color:#e7e7cf; font-weight:bold; padding-left:8px}
div#menu ul li a:hover, div#menu ul li.current_page_item a {height:25px; width:102px; text-decoration:none; display:block; background:url('i/btn-top.gif') no-repeat top; color:#4e4f45; font-weight:bold; padding-left:8px}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.container { width: 900px; position: relative; clear: left; margin: 0 auto; padding:15px 0}


/* Central Column */
.main-col { float: left; width: 600px}
/*Page styles */
.page {position: relative;clear: left; width: 600px; margin:0; padding:0}
.page h2 {padding:8px; margin: 0px; color:#323740}
.page table { margin:0 auto; padding:0}
.page table thead th{ border-bottom:2px solid #ADAC95}
.page table tbody td { text-align:center; border-bottom:1px solid #ADAC95}
.page table tbody th { background:#4E4F45; color:#E7E7CF; border-bottom:1px solid #E7E7CF}

/*Single Product page*/
.product-info {}
.product-screens {margin:5px 15px; padding:5px; background:#F1F1E4; border:1px solid #D8D8B6; width:525px}
.product-screens li {margin:3px; padding:0; list-style:none}
.product-screens li a {display:block; height:156px; width:156px; background:url(i/th-bg.gif) no-repeat; padding:7px; float:left}
.product-screens li a:hover {display:block; height:156px; width:156px; background:url(i/th-bg.gif) no-repeat; padding:7px; float:left; background-position:-170px 0}
.product-screens li a img {vertical-align:top}

.product-history dt { font-weight:bold; padding:6px; margin-left:15px}
.product-history dd {background:url('i/ico/bullet.gif') no-repeat left center;padding:3px 0 0 15px; margin:2px 30px; line-height:15px; background-position:0 8px}

.btn-buy {background:url('i/btn-buy-complex.gif') no-repeat; display:block; height:30px; width:125px} 
.btn-demo {background:url('i/btn-order-demo.gif') no-repeat; display:block; height:30px; width:125px} 
/*Post styles*/
.post {position: relative;clear: left; width: 600px; margin:0; padding:0; background:url('i/post-title.gif') no-repeat top left}
.post h1 { padding:2px 0; margin:0 0 5px 48px; font-size:24px;}
.post h1 a {color:#FFF}
.post-date { position: absolute; top:0; left: 8px; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none}
.post-date .month { display: block; font-size: 9px; line-height: 10px; color: #F4F4EA; text-transform: uppercase}
.post-date .day { display: block; font-size: 12px; font-weight: bold; line-height: 19px; color: #E7E7CF}
.post-header, .page-header {background:url('i/content-header.gif') no-repeat left top; height:5px}
.post-content, .page-content { background:url('i/content-body.gif') #FFF repeat-y ; padding:0 5px; font-size: 11px; line-height: 16px}
.post-content p, .page-content p { font-size: 11px;  line-height:18px; margin:0 10px; padding:5px}
.post-content img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px}
.post-content blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3}
.post-content h3, .page-content h3 {margin: 0 15px 5px; color:#69C; line-height:28px}
.post-content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px}
.post-content ul {font-size:11px; padding-left: 12px}
.post-content .wp-smiley {border:none; padding:0; margin:0}
.post-meta { background:url('i/post-meta-bg.gif') repeat-x top; padding:10px 0; margin:0 10px}
.post-footer, .page-footer { background:url('i/content-footer.gif') no-repeat left top; height:7px; margin-bottom:10px}
.tags a {background:url('i/ico/tag_green.gif') no-repeat; padding: 5px 0 3px 18px; background-position:0 5px}
.tags a:hover {background:url('i/ico/tag_blue.gif') no-repeat; padding: 5px 0 3px 18px; background-position:0 5px}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#comments ol{margin:10px; padding:0}
#comments li {border:1px solid #EBEBEB;margin:8px 0 0 0;padding:8px; list-style-type: none}
#comments li:hover {border:1px solid #CCC}
#comments li.author-comment {border:1px solid #F9C3A2;margin-top:8px;padding:8px}
.comment-ico {background:url('i/ico/comment.gif') no-repeat left center;padding-left:20px}
.time-ico {background:url('i/ico/calendar_view_day.gif') no-repeat left center;padding:3px 0 0 20px}
.guestlink-ico {background:url('i/ico/user.gif') no-repeat left center;padding-left:20px}
.authorlink-ico {background:url('i/ico/user_red.gif') no-repeat left center;padding-left:20px;color:#F38542}
.authorlink-ico a {color:#F38542}
#commentform{ padding:10px}
#commentform span {color:#F67372;font-weight:100}
#commentform input {margin:0;padding:2px;font:8pt "Tahoma",Verdana,Sans-serif;color:#333;border:1px solid #CCC}
#secureimgdiv {border:none}

/* Right Column */
.sidebar { float: right; width: 285px; background:url('i/side-bg.gif') repeat-y #E5DBB9 ;margin-bottom:10px}
.sidebar h2 { font-size: 14px; padding: 5px 0px; margin:0 10px 0; border-bottom: solid 1px #D8C996; color:#323740}
.sidebar a {color:#BB7049}
.sidebar ul { padding: 0px; margin:0 10px 0}
.sidebar li { padding: 0px; margin: 0px; list-style-type: none}
.sidebar li a { padding: 2px 0px 3px 8px; text-decoration: none; border-bottom: solid 1px #D8C996; width: 257px; display: block}  
.sidebar li a:visited { color: #C98E6F; text-decoration: none; border-bottom: solid 1px #D8C996} 
.sidebar li a:hover { text-decoration: underline; color: #000033; border-bottom: solid 1px #D8C996} 
.sidebar dt {line-height:21px; background:url("i/ico/newspaper.gif") no-repeat left center; padding:3px 0 0 20px; font-size:11px; margin:3px 10px; font-weight:bold}
.sidebar dt:hover {line-height:21px; background:url("i/ico/newspaper_go.gif") no-repeat left center; padding:3px 0 0 20px; margin:3px 10px; font-weight:bold}
.sidebar dd a {font-size:11px; background:url("i/ico/folder.gif") no-repeat left center; padding:3px 0 0 20px}
.sidebar dd a:hover {font-size:11px; background:url("i/ico/folder_go.gif") no-repeat left center; padding:3px 0 0 20px; background-position:0 1px}
.sidebar dd {font-size:11px; background:url("i/ico/calendar_view_day.gif") no-repeat left center; padding:5px 0 0 20px}
.sidebar img { border:1px solid #D8C996; padding:3px 5px; background:#F0F0E0}

.side-top {background:url('i/side-bg-top.gif') no-repeat top left; width:285px; height:5px}
.side-bott {background:url('i/side-bg-bott.gif') no-repeat top left; width:285px; height:5px}


#product-listing dt {line-height:15px; background:url("i/ico/product-cat.gif") no-repeat left center; padding:5px 0 0 20px}
#product-listing dd {background:none; margin:0; padding:0}
#product-listing dd dt {background:none}
#product-listing dd dd {background:url('i/ico/bullet.gif') no-repeat left center;padding:3px 0 0 15px; margin:2px 30px; line-height:15px; background-position:0 8px}


/* Right - First Column */
.sidebar .sidebar-left { float: left; width: 160px; padding: 15px 0px 15px 15px; margin-right: 11px;  left top}
.sidebar .sidebar-right { float: right; width: 170px; padding: 15px 10px 15px 0px}

.categories, .links, .archives { margin-bottom: 20px}



.dsc-promo-1-4 {background:url('http://devilseo.com/wp-content/uploads/2007/07/promo.gif') no-repeat top left; height:150px; display:block}
.dsc-vds-promo {background:url('i/vds-promo.jpg') no-repeat top left; height:240px}
.red {background:#ADAC95; padding:3px; color:#FFFFFF}
/*.dsc-ny-2008 {background:url('i/ny-2008.jpg') no-repeat top center; height:152px}*/


/*Footer*/
#footer { width: 100%; background: #E7E7CF ;margin-top:20px; clear:both; color:#7e7d6d; border-top:5px solid #adac95}
#footer-menu {width:900px; margin:0 auto}
#footer-menu ul {list-style:none; margin:0; padding:0}
#footer-menu ul li {display:inline;line-height:25px; float:left}
#footer-menu ul li a {height:25px; width:102px; text-decoration:none; display:block; background:#4E4F45 url('i/btn-bot.gif') no-repeat bottom; color:#e7e7cf; font-weight:bold; padding-left:8px}
#footer-menu ul li a:hover,  div#footer-menu li.current_page_item a   {height:25px; width:102px; text-decoration:none; display:block; background:url('i/btn-bot.gif') no-repeat top; color:#4e4f45; font-weight:bold; padding-left:8px}




#footer-info {width:900px;margin: 0 auto; padding:5px 10px}
#footer-info p { font-size:7pt; text-transform:uppercase}

.ico-harv {background:url('i/ico/ico-harv.gif') no-repeat left center;padding:5px 30px }
.ico-poster {background:url('i/ico/ico-poster.gif') no-repeat left center;padding:5px 30px}
.ico-wpman {background:url('i/ico/ico-wpman.gif') no-repeat left center;padding:5px 30px}
.ico-info {background:url('i/ico/information.gif') no-repeat left center;padding-left:20px}
.ico-screens {background:url('i/ico/screens.gif') no-repeat left center;padding-left:20px}
.ico-history {background:url('i/ico/history.gif') no-repeat left center;padding-left:20px}
.ico-mail {background:url('i/ico/email.gif') no-repeat left center;padding-left:20px}
.ico-icq {background:url('i/ico/online.gif') no-repeat left center;padding-left:20px}
.ico-plugin {background:url('i/ico/plugin.gif') no-repeat left center;padding-left:20px}



/* --------------------------- begin loginbox	--------------------------- */
#login-box{position: absolute;left: 0; width: 100%;z-index: 110;line-height: 0;}
div.side-centre {background:url(i/side-bg.gif) repeat-y; margin:5px}
/* ---------------------------  end  loginbox --------------------------- */

/* --------------------------- begin lightbox	--------------------------- */
#overlay, #ct-overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;background-color: #000}
#lightbox {position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto}
#imageContainer{padding: 10px}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url('i/blank.gif') no-repeat; /* Trick IE into showing hover */	display: block}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('i/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('i/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{font: 10px Verdana, Helvetica;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%}
#imageData{	padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}	
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em}			  



/* homepage splash */

#dsc-promo { background:url('i/promo-bg.gif') repeat-y;width:900px;margin:0 auto 20px auto}
.dsc-promo-header {background:url('i/promo-header.gif') no-repeat; width:900px; height:6px}
.dsc-promo-footer {background:url('i/promo-footer.gif') no-repeat; width:900px; height:6px}


#homepage_splash_image {float:right;text-align:center;height:201px;width:333px; margin-right:7px}
#homepage_splash_content {float:left; height:140px; width:450px}
#homepage_splash_content .homepage_splash_item {display:none}
#homepage_splash_content h1 {color:#333300;	font-weight:bold;	font-size:2.4em;text-shadow:#BC8623 2px 2px;padding:0;margin:10px 15px}
#homepage_splash_content p {color:#434343;font-size:1.1em;line-height:1.3em;margin:10px 15px;padding:0;height:6.8em}
#dsc-promo #controls {list-style-type:none;margin:0 20px;padding:0}
#dsc-promo #controls li {display:inline; float:left;margin:0;padding:0}
#dsc-promo #controls li a {display:block;color:#575757;font-weight:bold;padding:0.6em 0.7em;text-decoration:none}
#dsc-promo #controls li.item {padding-left:0.1em;padding-right:0.1em;background:url('i/promo-nav-bg.gif') repeat-x top left}

#dsc-promo #controls li.item a:hover {color:#FF6633;background:url(images/control_item_this_bg.gif) no-repeat center center}

#dsc-promo #controls li.this a {color:#ff6600;background:url(images/control_item_this_bg.gif) no-repeat center center}
#dsc-promo #controls li.previous {width:27px;background:url('i/promo-nav-left.gif') no-repeat top left}
#dsc-promo #controls li.next {width:27px; background:url('i/promo-nav-right.gif') no-repeat top left}