/*
Theme Name: JackieTheme
Theme URI: http://www.imagine-pro.com.com
Description: We used Elliot Jay Stocks' Starkers theme and made it our own. Thanks to Elliot
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://www.imaigne-pro.com
Tags: starkers, naked, clean, basic

*/

/*general info
Jackie's numbers

COLOR
Red = a90a01
Yellow = faf03b
Black = 19110a
Dark Gray = 3b3b3b
Light gray = a1a1a1
Medium gray = 717073
White Ð d5d5d5

TEXT
Body text = verdana  12,  medium gray
Òbusiness successÓ p22 typewriter regular, 22pt, dark gray
blog and sidebar headings = p22 typewriter regular, 18 pt, dark gray
footer text = p22 typewriter, 14 px, white

Main and Sidebar items: 
main blog background:  534 wide to spiral edge with 1px red border
Main yellow bannersÐ 465x 34
blog  boxes Ð 463 wide, 1 px medium gray border
sidebar background 281 wide (to spiral) with 1px red border
sidebar yellow banners: 257x33
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* general set up */
html {
	background: #717073;
}

#wrapper {
	background: #19110a;
	width: 960px;
	margin: 0px auto -50px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
}

#ital {
	font-style: italic;
}

#push {
	height: 250px;
}

.clear {
	clear: both;
}

.button	{
	border: 1px solid #3b3b3b; background: #d5d5d5;
	padding: 3px 8px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	color: #272727;
}
.button:hover	{background: #a90a01; color: #d5d5d5;}

.border {
	border: 1px solid #19110a;
}



h1 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	
}

h2, h3, h4 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	
}

p, ol {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: black;
	font-size: .8em;
	font-weight: normal;
	padding-bottom: 10px;
}

a {
	color: #3b3b3b;
	text-decoration: none;
}

a:hover{
	color: #a90a01
}

/* structure */

#main-col, #page {
	background: #fff url(images/spiral-binding.gif) repeat-y top left;
	width: 570px;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 25px 50px;
}

#page h2 {
	color: #3b3b3b;
	background-color: #faf03b;
	width: 570px;
	height: 30px;
	padding-left: 10px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#page ul li {
	list-style-type: disc;
	padding-left: 50px;
}

/*#singlepage {
	background: #fff url(images/spiral-binding.gif) repeat-y top left;
	margin-left: 25px;
	width: 800px;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 25px 50px;
}*/

#singlepage h2, h3 {
	color: #3b3b3b;
	background-color: #faf03b;
	width: 570px;
	height: 25px;
	padding-left: 10px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#submit {
	margin-top: 5px;
}
	

/*sidebar*/

#sidebar {
	background: #fff url(images/spiral-binding.gif) repeat-y top left;
	width: 225px;
	margin-right: 10px;
	float: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 50px;
}

#sidebar h2 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #3b3b3b;
	font-size: 1.1em;
	background: #faf03b url(images/blogicon.png) no-repeat 95% 50%;
	width: 200px;
	height: 25px;
	padding-left: 10px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

#sidebar li {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #3b3b3b;
	font-size: .85em
}

#searchform {
	background: #faf03b url(images/binocularicon.png) no-repeat 95% 50%;
	width: 200px;
	height: 70px;
	padding-left: 10px;
	margin:20px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#searchsubmit {
	margin-top: 3px;
}

/*custom sidebar*/

#customsidebar {
	background: #fff url(images/spiral-binding.gif) repeat-y top left;
	width: 225px;
	margin-right: 10px;
	float: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 50px;	
}

#customsidebarquote {
	background: #fff url(images/spiral-binding.gif) repeat-y top left;
	width: 225px;
	margin-right: 10px;
	float: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 25px 10px 25px 40px;
	
}

#customsidebarquote p {
	padding: 10px;
}

#customnav {
	
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
			
}

#customnav li {
	display: block;
	list-style-type: none;
	background: #a90a01;
	width: 200px;
	height: 25px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

#customnav a {
	text-decoration: none;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #faf03b;
	font-size: .85em;
	margin-left: 5px;
	margin-right: 10px;
		
	
}

#customnav a:hover {
	color: #19110a;
}

.smallnavtitle {
	font-size: .825em;
}


/*blog entries*/

.post {
	border: solid 1px #717073;
	width: 590px;
	padding: 5px;
}

.comments {
	border: solid 1px #717073;
	width: 555px;
	padding: 5px;
}

#post-title-date {
	background: #faf03b;
	width: 590px;
	height: 30px;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#post-title {
	float: left;
	width: 425px;
	padding: 3px 5px;
}

#date {
	background: #faf03b url(images/calendar.png) no-repeat center left;
	float: right;
	margin-right:10px;
	margin-top: 7px;
	padding-left: 20px;
}

.meta {
	padding: 10px;
}

.form {
	width: 400px;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: .7em;
	font-weight: normal;
}


/* header elements */

#header {
	background: url(images/header.jpg) top center repeat-x;
	position: relative;
	width: 960px;
	height: 335px;
}



#jackiephoto {
	background: url(images/jackie_photo_05.jpg) no-repeat center center;
	width: 170px;
	height: 170px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;	
}

#signature {
	background: url(images/signature_07.gif) no-repeat center center;
	width: 170px;
	height: 100px;
	position: absolute;
	top: 10px;
	right: 25px;
	
}

.tagline {
	background: url(images/business_wisdom.png) no-repeat center center;
	width: 601px;
	height: 58px;
	position: absolute;
	top: 135px;
	right: 25px;
}


/* navigation */
#nav {
	width: 960px;
	position: absolute;
	top: 50px;;
	left: 20px;
		
}

#nav li {
	display: inline;
	list-style-type: none;
	line-height: 50px;
	
}

#nav a {
	text-decoration: none;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #3b3b3b;
	font-size: .85em;
	margin-left: 5px;
	margin-right: 10px;
		
	
}



#nav li a#home {
	background: url(images/home.jpg) no-repeat 0 -50px;
	padding: 15px 10px 15px 75px;
	
}


#nav li a:hover#home {
	background-position: 0 -4px;
	color: #a90a01;
}

#nav li a#about {
	background: url(images/about.jpg) no-repeat 0 -50px;
	padding: 15px 20px 15px 80px;
}


#nav li a:hover#about {
	background-position: 0 -1px;
	color: #a90a01;
}

#nav li a#book {
	background: url(images/book.jpg) no-repeat 0 -47px;
	padding: 15px 25px 15px 80px; 
}

#nav li a:hover#book {
	background-position: 0 -1px;
	color: #a90a01;
}

#nav li a#press-kit {
	background: url(images/press_kit.jpg) no-repeat 0 -47px;
	padding: 15px 15px 15px 70px;
}

#nav li a:hover#press-kit {
	background-position: 0 -1px;
	color: #A90A01;
}

#nav li a#resources {
	background: url(images/resources.jpg) no-repeat 0 -47px;
	padding: 15px 15px 15px 50px;
}

#nav li a:hover#resources {
	background-position: 0 2px;
	color: #A90A01;
}

#nav li a#contact {
	background: url(images/contact.jpg) no-repeat 0 -48px;
	padding: 15px 20px 15px 75px;
}

#nav li a:hover#contact {
	background-position: 0 1px;
	color: #A90A01;
}

/*footer*/

#footer {
	height: 50px;
	background: #3b3b3b url(images/footer.gif) top center repeat-x;
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	
}

#footer a {
	color: black;
}

#footer a:hover {
	color: #a90a01;
}

#footer-inner {
	padding-left: 20px;
	padding-top: 5px;
}

#copyright {
	float: left;
	width: 300px;
}

#footer-nav {
	float: right;
	margin-right: 50px;
}

#footer-nav li {
	display: inline;
	list-style-type: none;
	line-height: 20px;
	text-align: center:
	
	
}



#footer-nav a {
	text-decoration: none;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #3b3b3b;
	font-size: .8em;
	padding-right: 20px;
	padding-left: 20px;
	border-right: solid 1px black;
	
	
}

#footer-nav a .home {
	border-left: solid 1px black;
}

#footer-nav a {
	color: black;
}

#footer-nav a:hover {
	color: #a90a01;
}

#footer-meta {
	clear:left;
	padding-top: 10px;
}