/*
Theme Name: Russell Millworks v1.0
Theme URI: http://www.russellmillwork.com/news/
Description: Russell Millworks custom theme designed by Nicole Hopkins and created by Hugh Thompson at <a href="http://www.123shoot.com">Rock, Paper, Scissors</a>.
Author: Hugh Thompson
Author URI: http://www.123shoot.com/
Version: 1.0
.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
.
*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header       [#hdr]
3. Left Content
    a. Post
4. Right Content
5. Navigation   [#nav_main]
6. Footer       [#ftr]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html {
	margin-bottom: 1px;
	min-height: 100%;
}

body {
    background-color: #4D3720;
    color: #323133;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 14px;
}

a {
	color: #323133;
	text-decoration: underline;
}

a:hover { color: #4D3720; }

h1, h2, h3 { font-weight: bold; }

h1 {
    font-size: 20px;
    text-align: center;
}

h2 { font-size: 1.6em; }

h2.pagetitle, h2.center {
    color: #323133;
    font-size: 20px;
    padding: 8px 0px 20px 0px;
    text-align: center;
}

h3 { font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #nav_main h2, #wp-calendar caption, cite { text-decoration: none; }

p { padding: 4px 0px; }

.hidden { display: none; }

#main_container { margin:auto; width:878px; }
	
#wrapper {
    background-image:url(images/wrapper.jpg);
    background-repeat: repeat-y;
	margin: auto;
	width: 878px;
}

/*------------------------------------------------------------------
[2. Header - [#hdr] ]
-------------------------------------------------------------------*/
#hdr { background-image:url(images/header.jpg); background-repeat:no-repeat; color:#4D3720; font-family:Georgia, Times, serif; font-size:13px; height:138px; width:878px; }

#blog_title { font-size:45px; font-weight:bold; line-height:45px; padding:46px 0px 0px 100px; }

#link_back { font-weight:bold; padding:10px 75px 0px 0px; text-align:right; }
#link_back a { color:#4D3720; }
#link_back a:hover { color:#323133; }

/*------------------------------------------------------------------
[3. Right Content ]
-------------------------------------------------------------------*/
#content_wrapper {
	float: left;
	padding:0px 20px 0px 70px;
	width: 530px;
}

#content_header h1 { color:#FFFFFF; height:43px; line-height:43px; padding:2px 0px 0px 30px; text-align:left; }

#content_main {
	float: left;
	padding: 4px 0px 36px 56px;
	width: 530px;
}

#content_footer { height:20px; width:530px; }

/*------------------------------------------------------------------
[3a. Post
-------------------------------------------------------------------*/
div.post { text-align: left; }

div.entry { padding: 4px 0px; }

div.post h2 {
    font-family:Georgia, serif;
    font-size: 20px;
    line-height:22px;
    padding: 20px 0px 4px 0px;
}

div.post h3 {
    font-size: 18px;
    line-height:20px;
    padding: 8px 0px;
}

div.post a {
    color: #497AB1;
    text-decoration: underline;
}

div.post h2 a { color:#121375; }

div.post a:hover { color:#4D3720; }

p.postmetadata a { text-decoration: underline; }

span.comments_link a { color:#4D3720; font-weight:bold; }

/*------------------------------------------------------------------
[3b. Comments
-------------------------------------------------------------------*/
h3#comments, h3#respond {
    font-size: 16px;
    padding: 8px 0px;
}

ol.commentlist { padding-left: 20px; }

/*------------------------------------------------------------------
[4. Right Content ]
-------------------------------------------------------------------*/
#right_container {
    background:url(images/sidebar-wrapper.jpg);
    background-repeat:repeat-y;
	float: right;
    padding-right:30px;
	width: 205px;
}

#right_header {
    background:url(images/sidebar-header.jpg);
    background-repeat:no-repeat;
    height:18px;
    width:205px;
}

#right_content {
    padding-left:8px;
}

#right_footer {
    background:url(images/sidebar-footer.jpg);
    background-repeat:no-repeat;
    height:19px;
    width:205px;
}

#buttons { padding-top:8px; text-align:center; width:205px; }

#search { text-align:center; }

/*------------------------------------------------------------------
[5. Navigation - [#nav_main] ]
-------------------------------------------------------------------*/
#nav_main {
    font-size: 14px;
    font-weight:bold;
	padding-top: 10px;
}

#nav_main p.notes {
    font-size: 11px;
    padding-right: 42px;
}

#nav_main ul {
    list-style-type: none;
    padding: 2px;
}

#nav_main ul li h2 {
    background:#121375;
    color: #FFFFFF;
    font-family:Georgia, Times, serif;
    font-size: 16px;
    height:22px;
    line-height:22px;
    margin:8px 0px 8px 8px;
    text-align:center;
    width: 170px;
}

#nav_main ul li ul li { color:#323133; padding-left: 10px; }

#nav_main ul li ul li a {
    color: #323133;
    font-size: 12px;
    text-decoration: none;
}

#nav_main ul li ul li a:hover { color: #4D3720; }

#site_nav { color:#323133; font-size:13px; padding:155px 0px 0px 0px; text-align:left; width:310px; }
#site_nav li { display:inline; height:36px; line-height:36px; list-style:none; padding-left:0px; }
#site_nav a { color:#323133; padding:0px 0px; text-decoration:none; }
#site_nav a:hover { color:#4D3720; }

/*------------------------------------------------------------------
[6. Footer - [#ftr] ]
-------------------------------------------------------------------*/
#ftr {
	background-image: url(images/footer.jpg);
	background-repeat:  no-repeat;
    margin:auto;
	width: 878px;
}

.bottom { color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; padding:50px 24px 0px 24px; }
.bottom a { color:#FFFFFF; }
.bottom a:hover { color:#121375; }

div.subftr span a {
    color: #FFFFFF;
    text-decoration: none;
}

div.subftr span a:hover { color: #CDCDCD; }

.clear { clear: both; }