﻿/*
Theme Name: Redband
Theme URI: http://www.wanghongbo.com
Version: 1.0
Description: 2 Column theme
Author: Smartertemplates.com
Author URI: http://www.wanghongbo.com
*/
* { margin: 0; padding: 0; }
body { background-color: #000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
/* Links */
a:link { text-decoration: none; color: #DC2E2E; }
a:visited { text-decoration: none; color: #DC2E2E; }
a:hover, a:active { color: #C84028; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px; }
h2 { font-size: 23px; color:#333; }
h3 { font-size: 23px; color:#333;}
h4, h5, h6 { font-size: 20px; }
/* Other Html Elements */

ul { list-style:none; }
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; underline: none; font-size: 24px; font-weight: normal; border-bottom-width: 0; color:#06C; }
/*
pre, blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; line-height: 1.8em; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
pre:hover, blockquote:hover { background-color: #f0f0f0; border: 1px solid #d0d0d0; }
pre { padding-top: 10px; padding-bottom: 10px; }
code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }
ul, ol { line-height: 2.0em; }
ul { list-style-image: url(images/bullet.gif); }
abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
del { text-decoration: line-through; color: #999999; }
ins { text-decoration: none; color: #009977; }
*/


/* Structure */
#wrapper2 { width: 950px; margin:auto; }
#headerbg { background: url(images/header2.jpg) left top repeat-x; width: 950px; height: 154px; margin:auto; }
#navigation { width: 950px; height:auto; margin:auto; }
.categories { width: 950px; height: 65px; background:url(images/categories_bg.jpg) left top repeat-x; }
.categories ul { list-style-type: none; list-style-image: none; float: left; height: auto; margin: 5px 0px 0px 0px; }
.categories li { float: left; }
.categories li a:link, .categories li a:visited { float: left; color: #FFFFFF; display: block; padding: 3px 10px; margin-right: 1px; height: 19px; font-size: 12px; margin-top: 0px; }
.categories li a:hover { text-decoration:underline; }
/* wrapper */
#wrapper { clear: both; float: left; width: 100%; color: #777777; background-color: #E8E8E8; padding-top: 0px; }
#content-wrapper { float: left; }
#content { float: left; padding: 0 0px 10px 30px; }
#sidebar-wrapper { float: right; margin-top: 15px; }
#sidebar { float: right; padding: 0px 15px 10px 10px; width: 210px; margin-right: 15px; margin-top: 0px; }
/* footer */
#footer {float: left; width: 930px; text-align: center; padding-top:5px; padding-left: 20px; color:#999; font-size: 12px; padding-bottom: 10px; background-color: #000; height: 70px; line-height:19px; }
#footer a { color:#999; font-size: 12px; text-decoration:underline;}
#footer a: visited { color: #DC2E2E; }
#footer a:hover { color: #DC2E2E; }
#extras { float: left; width: 780px; color: #C7AA92; text-align: left; padding: 0 10px 10px; margin: 10px 12px 20px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
/* Header */
#navigation h1 { margin:15px 0 0 30px; -margin-left:15px; padding:0px 0 0 48px; background:url(images/logo.png) left top no-repeat; float: left; font-size: 27px; line-height:40px; font-weight:bold; }
#navigation h1 a { color: #6cf; }
.slogan { font-size: 15px; color: #6cf; margin:10px 0 0 80px; -margin-left:40px; float: left; }
/* Navigation */
#navigation ul { list-style:none; height:30px; float:left; margin:40px 0 0 30px; }
#navigation li { float: left; }
#navigation li a:link, #navigation li a:visited { float: left; color: #FFF; display: block; padding: 0px 10px; margin-right: 1px; height: 24px; line-height:24px; font-size: 13px; font-weight: bold; background: url(images/nav-line.gif) right center no-repeat; }
#navigation li a:hover, #navigation li a:active { color: #FFF; font-size: 13px; background-image: url(images/nav-bg.gif); font-weight: bold; background-repeat: repeat-x; }
#navigation li.active a { color: #555555; background-color: #ffffff; }
/* Wrapper */
.post-wrapper { padding:10px 30px; width: 593px; background-color: #FFFFFF; border: 1px solid #D0D0D0; }
.post { line-height:27px; color:#333; }
.wrapper_title { float: right; width: 520px; clear: right; margin:10px 0 15px 5px; padding:8px 0; }
.wrapper_title div a{color:#09F;}
#wrapper a:link { font-weight: bold; }
#wrapper a:visited { font-weight: bold; }
#wrapper a:hover, #wrapper a:active { }
/* Content */
#content .post-title a { border-bottom-width: 0; color:#06C; }
#content .post p.img { float: left; margin: 0 15px 0 0; }
#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }
/* Sidebar */
.sideblock {padding: 5px 10px; margin-bottom: 20px; background-color: #FFFFFF; border: 1px solid #D0D0D0; font-size:12px; }
.sideblock a { color:#06C; }
.sideblock h3 { margin-top: 5px; font-size: 14px; height:21px; line-height:21px; color: #fff; background:#333; padding-left: 10px; font-weight: bold; display: block; }
#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }
#sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none; }

/*calendar*/
#wp-calendar{width:90%; margin:auto;}
/*recentcomments*/
#recentcomments li{margin-bottom:10px;}
#recentcomments li a{color:#666; text-decoration:underline; font-weight:normal;}
/*blogroll*/
.blogroll li a{color:#666; line-height:25px;}

/* Extras */
#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }
#friends { float: left; width: 150px; margin-left: 20px; margin-right: 10px; }
#links { float: left; width: 275px; margin-right: 50px; }
#about { float: left; width: 250px; margin-right: 20px; }
#friends ul { padding-left: 20px; }
#links dl, #links dt, #links dd { margin: 0; padding: 0; }
#links dt { font-weight: bold; padding-top: 5px; }
#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

/*commentlist*/
ol.commentlist{width:590px; list-style:none;}
ol.commentlist li{margin-bottom:10px; padding-bottom:10px; color:#666; background:#FFF; border:1px solid #999; padding:10px;}
ol.commentlist .commentmetadata a{color:#666; font-size:10px; padding-bottom:5px;}
#commentform{width:590px;}
#commentform p label small{color:#333;}
#commentform textarea#comment{width:500px;}


/* Comments Styling */
#commentlist li { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; }
#commentform { margin: 1em 0; width: 280px; }
#commentform textarea { background: #FFFFFF; border: 1px solid #d6d3d3; width: 280px; }
#commentform textarea:hover { background: #FFFFFF; border: 1px solid #d6d3d3; }
#commentform textarea:focus { background: #ffffff; border: 1px solid #939793; }
#commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #FFFFFF; border: 1px solid #d6d3d3; width: 280px; }
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 1.1em; background: #ffffff; border: 1px solid #d6d3d3; width: 280px; }
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; }
#commentform input { margin-bottom: 3px; }
.date { background: url(images/date.gif) no-repeat; height: 56px; margin-bottom: 0px; width: 56px; text-align: center; float: left; margin-top: 15px; }
.date .month { display: block; color: #FFD7C2; padding: 2px 0px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: 2px; font-weight: bold; margin-bottom: 3px; }
.date .day { display: block; color: #FFFFFF; font: 2.3em Georgia; padding-top: 0px; text-align: center; margin-top: -12px; }
.recent { width:215px; height: 203px; margin:15px 15px 15px 0; background: #FFF; border: 1px solid #D0D0D0; float: left; overflow:hidden; }
.recent1 {width:200px; margin-right:30px; margin-left:15px; -margin-left:10px; }
.recent-titles { font-size: 14px; color:#fff; font-weight:bold; width:215px; line-height:21px; margin-bottom:8px; padding-left:20px; background:#333; }
.recent ul { width:200px; list-style:none; float:left; padding:0; margin:0; margin-left:5px; }
.recent ul li { width:200px; overflow:hidden; height:21px; line-height:23px; }
.recent ul li a { padding-left:15px; background:url(images/bullet2.gif) left 4px no-repeat; color:#666;}
.recent ul li a:hover{color:#06C;}
#left { width: 60px; float: left; }

/*search*/
.search_bg { height:40px; width:356px; float: right; margin-right: -60px; margin-top: 37px; }
.search_input{float:right; font-size:11px; height:17px; line-height:17px;}
.search_btn{float:right; width:37px; height:19px; border:none; margin-left:6px; background:url(images/search_btn.gif) no-repeat; cursor:pointer;}
#search { vertical-align:top; color:#000000; padding:0; }

#tag_cloud{margin:5px 0; width:970px; height:auto;}
#tag_cloud ul li{float:left; width:auto; height:25px; margin:2px 10px;}
#tag_cloud a{font-size:12px; height:25px; width:auto; white-space:no-wrap; text-decoration:none; color:#FC0; float:left;}
