/*  
Theme Name: WPDOU
Theme URI: http://www.wpdou.com/
Description: A Web 2.0 Portfolio Wordpress Theme - Widget Enabled, 2 Columns, BLack and BlueGreen
Version: 1.0
Author: bob
Author URI: http://www.wpdou.com/
*/

/* Global */
body{ margin:0 auto; padding:0; width:100%; font-size:12px; font-family:Arial,Helvetica,Verdana,Sans-serif; text-align:left; color:#454545; background:url(images/bg.jpg) repeat-x center 0;}
html{ margin:0 auto; padding:0;}
div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,blockquote,th,td { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}
input,select{ line-height:16px;}
img,a img{border:0;}
ul,ol,li{list-style:none;}
em{ font-style:normal;}

.clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;}

:focus {-moz-outline-style: none; }  /* for Firefox */   

a:link, a:visited{ color:#454545; text-decoration:none;}
a:hover{ color:#F60; text-decoration:underline;}

/* Wrapper */
.wrapper{ margin:0 auto; width:960px; background:url(images/top.jpg) no-repeat center 0; overflow:hidden;}

/* Header */
.header{ margin:0 auto; width:960px;}

/* Logo */
.logo{ margin:0 auto; padding:15px 0px 10px; width:320px; height:90px; text-indent:-9999px;}
.logo a{ width:320px; height:90px; background:url(images/logo.gif) no-repeat center 0; display:block;}

.screenshot{ margin:23px auto; width:940px; height:300px; text-align:center;}

/* Content */
.content{ margin:45px auto 10px; width:960px; overflow:hidden;}
.content h2{ padding-bottom:5px; font-size:16px; letter-spacing:2px; color:#333; border-bottom:1px solid #E2E3E7;}

/* Advantage Introduction */
.advantage_usage, .introduction{ float:left; margin-right:15px; padding:10px 10px; width:312px; height:225px; border:1px solid #DDD; border-top:2px solid #ABB9C6; background-color:#F1F9FE; overflow:hidden;}

.advantage_usage ul{ padding:10px 0px 10px 2px;}
.advantage_usage ul li{ padding-left:12px; line-height:24px; background:url(images/spot.gif) no-repeat 0 10px; white-space:nowrap;}

.introduction p{ padding:10px 5px; line-height:21px;}

/*  Purchase */
.purchase{ float:right; padding:10px 10px; width:240px; height:225px; border:1px solid #D5D5D5; border-top:2px solid #ABB9C6; background-color:#FFF7DF; overflow:hidden; _position:relative;}
.purchase p{ padding:10px 5px; line-height:24px;}
.purchase p a{ padding:2px 16px; text-decoration:underline;}

.pay{ margin:0 auto; width:236px; height:105px; overflow:hidden; _position:absolute; _right:12px; _bottom:15px;}

/* Page */
.page{ margin:0px auto 23px; padding:15px 14px; width:930px; border:1px solid #E3E3E3; border-top:2px solid #ABB9C6; background-color:#FFF; overflow:hidden;}

/* Post */
.post{ float:left; width:650px; padding-right:9px;}

.brandcrumb{ margin-bottom:15px; padding:2px 0px 5px; border-bottom:1px solid #EEE;}
.post-content{ padding:0px 10px; line-height:22px;}
.post-content h2{ margin:10px 0px 15px; font-size:20px; text-align:center; border-bottom:none;}
.post-content p{ margin-bottom:10px; font-size:13px;}
.post-content img{ margin:10px auto; display:block;}
.post-content h3, .post-content h4{ margin:30px 0 15px; padding:3px 5px 2px; font-size:14px; color:#222; background-color:#EEF5FF; border-bottom:1px solid #E8E8E8;}
.post-content h5, .post-content h6{ padding-top:15px; font-size:14px;}
.post-content ul, .post-content ol { padding:15px 20px; font-size:12px; color:#454545;  border-bottom:1px solid #EEE; background-color:#FFFFE7;}
.post-content ul li{margin:5px 0px 0px 20px; list-style:disc;}
.post-content ol li{margin:5px 0px 0px 20px; list-style:decimal;}

.post-excerpt{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EFEFEF;}
.post-excerpt h2{ margin:10px 0px 10px; text-align:left;}

/* Sidebar */
.sidebar{ float:right; padding-left:15px; width:255px; border-left:1px solid #EEE; overflow:hidden;}
.sidebar h3{ margin-bottom:12px; padding-bottom:5px; font-size:14px; color:#333; border-bottom:1px solid #E2E3E7;}
.sidebar ul{ padding:0px 0px;}
.sidebar ul li{ margin-bottom:10px; }
.sidebar ul li ul{ padding-left:8px;}
.sidebar ul li ul li{ margin-bottom:0px; padding-left:12px; line-height:22px; font-weight:bold; background:url(images/spot.gif) no-repeat 0 10px; }
.sidebar ul li ul li.current_page_item a{ color:#F60; font-weight:bold;}
.sidebar ul li.widget div{ line-height:22px;}
.sidebar ul li.contact{ margin-bottom:15px;}
.sidebar ul li.contact ul li{ background:none;}

.sidebar .pay{ margin-bottom:10px;}
.sidebar .cooperation{ margin-bottom:20px; padding-left:10px;}

.sidebar a{ display:block;}

/* More BizTheme */
.wpbiz{ margin:0px auto 20px; padding:10px 0px; width:958px; text-align:center; letter-spacing:2px; font-size:22px; font-family: Microsoft Yahei, Arial, Verdana, Sans-Serif; border:1px solid #FD8B06; color:#222; background-color:#FFCC00;}
.wpbiz a{ color:#222;}
.wpbiz a:hover{ color:#F00;}

/* ThemeList */
.themelist{ float:left; padding:0px 4px 0px 4px; width:460px;}
.themelist img{ border:1px solid #DDD; border-bottom:none; vertical-align:top;}
.themelist h3{ width:460px; height:30px; line-height:30px; font-size:14px; text-align:center;  border:1px solid #DDD; border-top:1px solid #DFDFDF; background-color:#EEE;}
.themelist h3 a:link, .themelist h3 a:visited{ width:460px; height:30px; color:#333; background-color:#EEE; display:block;}
.themelist h3 a:hover{ color:#900; background-color:#FFF7DF;}

/* Footer */
.footer{ margin:0 auto; padding:10px 0px 20px; width:960px; color:#888; border-top:1px solid #E2E3E7;}
.footer p{ text-align:center; line-height:26px; height:26px;}
.footer a:link, .footer a:visited{ padding:3px 4px 2px; color:#888; text-decoration:none;}
.footer a:hover{ color:#FFF; background-color:#666;}