/*
Theme Name: JA Fellows On Steroids
Theme URI: http://www.jafellows.com/blog/
Description: JA Fellows On Steroids theme designed by Ting Low and created by Scott Lively at <a href="http://www.123shoot.com">Rock, Paper, Scissors</a>.
Author: Scott Lively
Author URI: http://www.123shoot.com/
Version: 1.1
.
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: #FFFFFF;
    background-image: url(./images/bg_default.jpg);
	background-position: center top;
	background-repeat: no-repeat;
    color: #000000;
	font-family: Helvitica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 14px;
}

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

a:hover { color: #ABABAB; }

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

h1 {
    font-size: 4em;
    text-align: center;
}

h2 { font-size: 1.6em; }

h2.pagetitle, h2.center {
    color: #C10435;
    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; }
	
#wrapper {
    background-image: url(./images/wrapper.gif);
	background-repeat: repeat-y;
	margin: auto;
	width: 980px;
}

/*------------------------------------------------------------------
[2. Header - [#hdr] ]
-------------------------------------------------------------------*/
#hdr {
	background-image: url(./images/header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 120px;
	width: 980px;
}

#hdr .logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 181px;
}

/*------------------------------------------------------------------
[3. Left Content ]
-------------------------------------------------------------------*/
#content_wrapper {
    background-image: url(./images/wrapper_content.gif);
	background-repeat: repeat-y;
	float: left;
	padding-bottom: 8px;
	width: 754px;
}

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

#content_right_top {
	float: right;
	height: 460px;
	width: 170px;
}

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

div.entry { padding-top: 4px; }

div.post h2 {
    font-size: 20px;
    padding: 8px 0px;
}

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

div.post a {
    color: #000000;
    text-decoration: none;
}

div.post a:hover { color: #ABABAB; }

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

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

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

/*------------------------------------------------------------------
[4. Right Content ]
-------------------------------------------------------------------*/
#right_container {
	float: right;
	width: 226px;
}

#search {
    color: #333333;
	font-size: 14px;
	height: 86px;
	padding-top: 2px;
	width: 186px;
}

#search input {
    border: 1px solid #999999;
	height: 18px;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

#search input.submit, input.submit {
    background-color: #FFFFFF;
    background-image: url(./images/btnBg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #ABABAB;
	cursor: pointer;
    height: 24px;
    width: 70px;
}

#go_arrow {
    color: #C10435;
	height: 78px;
}

/*------------------------------------------------------------------
[5. Navigation - [#nav_main] ]
-------------------------------------------------------------------*/
#nav_main {
    font-size: 14px;
	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 {
    color: #C10435;
    font-size: 14px;
    padding-top: 8px;
}

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

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

#nav_main ul li ul li a:hover { color: #666666; }

/*------------------------------------------------------------------
[6. Footer - [#ftr] ]
-------------------------------------------------------------------*/
#ftr {
	background-image: url(./images/footer.jpg);
	background-repeat:  no-repeat;
	font-size: 11px;
	height: 166px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 980px;
}

#ftr .footnote {
    color: #C10435;
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 2px 0px 0px;
	text-align: right;
	width: 632px;
}

#ftr p { padding: 1px 0px; }
#ftr p.copyright { padding-top: 64px; }

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

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

.clear { clear: both; }