/*  
Theme Name: Rain Clouds
Theme URI: http://justblushing.net
Description: Rain Clouds ver 1.0
Version: 1.0
Author: Sami Nguyen
*/

* {margin: 0; padding: 0px;}
body {font-family: Arial; color: #181818; text-align: center; font-size: 12px; background: #2a333d url(images/bg-top.png) center top no-repeat;}

/* Headers */
h1, h2, h3 {font-family: Arial; font-weight: normal; padding-bottom: 5px; color: #181818;}
h1 {font-size: 160%;}
h2 {font-size: 160%; color: #181818; margin-left:79px;}
h3 {font-size: 130%; color: #c4a50e; font-weight:bold;}
h1 a {color: #181818;}
h2 a, h3 a {text-decoration: none; color: #181818;}
p {margin-bottom: 10px;}
a {color: #c4a50e; text-decoration: none;}
a:hover {color: #c4a50e; text-decoration: none;}

/* Main page styles */
#page {margin: 0px auto; padding: 20px 0px 0px 0px; width: 964px; text-align: left;}

/* Top Navigation Bar */
#topnav {background: url(images/nav-bg.png) top center no-repeat; width: 964px; height: 24px; padding: 0px 0px 0px 0px; color: #181818; text-align: right;}
.navhome {background: url(images/nav-home.png); width: 48px; height: 24px; float: left; margin: 0px 0px 0px 519px; outline: none;}
.navport {background: url(images/nav-portfolio.png); width: 66px; height: 24px; float: left; margin: 0px 0px 0 0; outline: none;}
.navshop {background: url(images/nav-shop.png); width: 45px; height: 24px; float: left; margin: 0px 0px 0 0; outline: none;}
.navcontact {background: url(images/nav-contact.png);width: 64px; height: 24px; float: left; margin: 0px 0px 0 0; outline: none;}

/* Search Box */
#searchbox {float: right; margin: -24px 0px 0px 0px; padding: 0px 5px 0px 0px;}
#searchform {text-align: center; margin-top: 0px;}
#searchform #sbox {float: left; width: 126px; margin-right: -6px; height: 19px; padding: 5px 0px 0px 0px; background: transparent; border: 0; color: #6f5c00; font-size: 12px;}
#searchsubmit {width: 21px; height: 24px; margin-right:70px; background: url(images/nav-searchsubmit.png) no-repeat; border: 0; text-align: left; cursor: pointer;}

/* Header Image */
#header {background: url(images/header-img.png) no-repeat top center; padding: 0px; height: 348px; width: 964px;}
#header h1 {display: none; }
#headerimg {margin: 0; height: 133px; width: 844px; }
#headerimg .description {font-size: 1.2em; text-align: center; display: none;}
.rsslink {background: url(images/nav-rss.png);width: 69px; height: 67px; float: left; margin-left: 60px; outline:none;}

/* Side Bar */
#sidebar {float: right; width: 210px; height: 850px; color: #565656; text-align:left; padding-right:80px; border-left: 4px #494949 solid; padding-left: 5px;}
#sidebar li {display: block; list-style: none; border-bottom: 1px #565656 dotted;}
#sidebar ul, #sidebar ul ol {margin: 0; padding-left: 3px; clear: left; border-top: 1px #565656 dotted;}
#sidebar ul ul, #sidebar ul ul ol {margin: 0; padding-left: 10px;}
#sidebar ul li { list-style-type: none; list-style-image: none; padding-bottom: 15px;}
#sidebar p {margin-top: 20px;}

.narrowcolumn, .widecolumn {float: left; padding: 75px 0 0 0px; width: 653px;}
.widecolumn {width: 520px;}

/* Post Date and Comment*/
.post-date {width: 68px; height: 58px; font-weight: bold; float:left; text-align: center; font-family: Arial; padding-right:10px; background: #ffffff url(images/blog-date.png) no-repeat;}
.post-month {font-size:40px;font-weight:bold; letter-spacing:-5px; text-transform:uppercase; color:#675500;text-align: left;	display:block; line-height: 34px; padding-top: 12px; padding-left: 8px;}
.post-day {font-size: 20px; letter-spacing: -1px; color: #675500; text-align: right; display:block; line-height: 0px; padding-top: 2px; padding-right: 6px; margin-top: -26px;}
.post-year {font-size: 20px; letter-spacing: -1px; color: #675500; text-align: right; display:block; line-height: 0px; padding-top: 0px; padding-right: 6px; margin-top: 15px;}
.post-bubble {font-family: Arial; width: 58px; height: 66px; font-weight: bold; float:left;margin-top: 61px; margin-left: -69px; background: #ffffff url(images/blog-comment.png) no-repeat;}
.post-bubble-num a {font-size: 40px; font-weight: bold; letter-spacing: -5px; text-transform: uppercase; color: #a6a6a6; text-align: center; display:block; line-height: 34px; padding-top: 10px; margin-left: 1px;}

/* Page Navigation */
.navigation {display: block; width: 100%; text-align: center; padding-bottom: 20px;}
.previous {float: left;width: 51px; height: 29px; margin-left:80px; outline: none;}
.next {float: right;width: 52px; height: 29px; outline: none;}

.post {text-align: left; padding-bottom: 30px; clear: both; font-family:Arial; color: #181818; font-size:13px; text-align:justify; line-height:18px;}
.entry {padding: 10px 0px 50px 0px; margin: 0px 0px 0px 80px;}
.postmetadata {color: #000000}

#comments, #respond {border-top: 1px dotted #181818; padding-bottom: 0px; margin-left:80px;}
.commentlist {margin: 10px 0px 0px 80px; padding-left: 5px; padding-right:8px; line-height: 18px;}
.commentlist li{list-style-type: none;padding: 5px 10px;position: relative; padding-right:50px; border: 1px solid #181818; margin:5px;}
.commentlist .avatar {position: absolute;	top: 5px; right: 5px; border: solid 1px #181818; padding: 1px; background: #fff;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;font-size: 12px;color: #c4a50e;}
.commentlist small {margin-bottom: 5px;display: block; font-size: 11px;}
#commentform {margin: 10px 0px 0px 0px;font: 11px Tahoma;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{font-weight: bold;color: #666666;	font-size: 11px;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #565656;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 478px;height: 150px;background:#ffffff;border: 1px solid #565656;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{font: bold 11px Tahoma; color: #565656;border: 1px solid #565656;float:left;width: 144px;height: 29px;}
.commentmetadata a{color:#181818; text-decoration:none;} 

#footer {float: left; width: 964px; clear: both; background: #181818; color: #565656; text-align:center;}
#footer a{color: #c4a50e; text-decoration: none;}
#contentarea {float: left; width: 964px; margin-top:-210px;background: url(images/content-bg.png) top center repeat-y; text-align:center;}