/*
Theme Name: Writer's Desk
			WP-Framework Template
Theme URI: http://jhgraphix.com/
Description: A messy writer's desk - with flair!
Version: 1.0
Author: Janae Niell
Author URI: http://jhgraphix.com/
Tags: Blue, Green, Swirls, Writer's Desk

	This theme was designed and built by Janae Niell,
	whose website you will find at http://jhgraphix.com/

*/



/* Begin Typography & Colors */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {  
	margin:0px; 
	padding:0px; 
	border:0px;   
}  

body {
	background: #fff;
	background-image: url(/images/back_swirls.gif);
	background-repeat: repeat;
	background-position: top;
	font-family: Trebuchet MS, "Trebuchet MS", Georgia, Helvetica;
	font-size: 62.5%;
	font-color: #000;

	/* IE Hack to Center Page */
	
	text-align: center;
	
	/* End */
}

p {
	margin-bottom: 15px;
}

.headline {
	color: #3096c1;
	font-size: 2.2em;
	text-decoration: none;
	margin-bottom: 10px;
}	

.headlinealt {
	color: #000;
	font-size: 2.2em;
	text-decoration: none;
	margin-bottom: 10px;
}

.headlinealt2 {
	color: #000;
	font-size: 2em;
	text-decoration: none;
}

.blogdateauthor {
	color: #494949;
	font-size: 1.1em;
	text-decoration: none;
	margin-bottom: 25px;
}

.blogtext {
	color: #000;
	font-size: 1.4em;
	text-decoration: none;
}

.blogtextright {
	color: #000;
	font-size: 1.4em;
	text-decoration: none;
	text-align: right;
}

.navbar {
	color: #000;
	font-size: 1.4em;
	text-decoration: none;
}

.blogmetadata {
	font-size: 1.4em;
	text-decoration: none;
}

a:link {
	color: #3096c1;
	text-decoration: none;
}

a:visited {
	color: #3096c1;
	text-decoration: none;
}

a:active {
	color: #3096c1;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/* Comments Styles*/

.commentlist li, #commentform input, #commentform textarea {
	font-family: Trebuchet MS, "Trebuchet MS", Georgia, Helvetica;
	font-size: 1.1em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Trebuchet MS, "Trebuchet MS", Georgia, Helvetica;
	}

.commentmetadata {
	font-weight: normal;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-family: Trebuchet MS, "Trebuchet MS", Georgia, Helvetica;
	}
	
/* End */

.container {
	width: 1000px;
	margin: 0 auto;
	
	/* IE Hack to Center Page */

	text-align: left;
	
	/* End */
}

#header_wrap {
	height: 288px;
	width: 1000px;
	position: relative;
	display: block;	
	margin: auto;
}

#top img {
	position: relative;
	display: block;
	margin: auto;
}

.handle {
	position: relative;
	right: 18px;
	bottom: 728px;
}

.pencil {
	position: relative;
	right: 235px;
	bottom: 5px;
}

.teabag {
	position: relative;
	top: 290px;
	right: 510px;
}

.postitcorner {
	position: relative;
	left: 404px;
	bottom: 475px;
}

.postitlower {
	position: relative;
	left: 114px;
	bottom: 353px;
}

.clippedpapers {
	position: relative;
	left: 775px;
	bottom: 340px;
}

.peapods {
	position: relative;
	bottom: 125px;
	left: 408px;
}

.pen {
	position: relative;
	left: 500px;
	top: 15px;
}

.almonds {
	position: relative;
	left: 250px;
	top: 215px;
}

#center {	
	background: url(/images/linedpaper2.gif) repeat-y;
	background-color: #FFF;
	min-height: 786px;
	border-left: 1px solid #8c8b8b;
	border-bottom: 1px solid #8c8b8b;
	border-right: 1px solid #8c8b8b;
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px; 
}

#blogs {
	position: relative;
	top: -55px;
	*top: -88px;
	left: 120px;
	width: 570px;
}

#navigation {
	padding-left: 195px;
	*margin-top: 17px;
}

#websitetext {
	margin-top: 20px;
}

#fibrobook {
	float: left;
	margin-left: -33px;
	margin-top: 15px;
}

#fibroreasons {
	float: right;
	padding-left: 10px;
	margin-top: 15px;
	width: 290px;
}

#endorsements1 {
	float: left;
	width: 200px;
	margin-top: 20px;
	*margin-top: -80px;
	margin-left: -150px;
	*margin-left: 110px;
	padding-right: 20px;
}

#endorsements2 {
	float: left;
	width: 212px;
	margin-top: 20px;
	*margin-top: -80px;
	padding-right: 17px;
}

#endorsements3 {
	float: left;
	width: 202px;
	margin-top: 20px;
	*margin-top: -80px;
}

.commentbox {
	border: 1px solid #3096c1;
}

#recentposts {
	position: relative;
	top: 330px;
	*top: 353px;
	left: 695px;
	width: 210px;
	height:20px;
}

#recentposts li {
	list-style: none;
}

#recentposts ul {
	list-style: none;
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
	line-height: 24px;
}

#recentposts ul a {
	font-weight: normal;
	color: #000;
}

#recentposts ul a:hover {
	font-weight: normal;
	color: #3096c1;
}
	
#footer {
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	height: 267px;
	width: 1000px;
	border: 1px solid #8c8b8b;
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px; 
	background: #fff url(/images/footerlist.gif) no-repeat;
	background-position: center;
}

#twitter {
	float: left;
	width: 300px;
	font-size: 1.4em;
	padding-left: 28px;
	padding-top: 50px;
	*padding-top: 70px;;
}

#twitter ul li {
	margin-top: 15px;
	list-style: none;
}

#tweet {
	float: left;
	width: 300px;
	font-size: 1.4em;
	padding-left: 28px;
	padding-top: 50px;
	*padding-top: 70px;;
}

#tweet ul li {
	margin-top: 15px;
	list-style: none;
}

#mailchimp {
	float: left;
	width: 300px;
	padding-left: 85px;
	padding-top: 80px;
}

.comment {
	width: 570px;
}
	
#icons {
	float: left;
	width: 250px;
	padding-top: 80px;
	text-align:center;
}

.input-text-newsletter {
	color: #fff;
	border: 1px solid #959595;
	font-weight: normal;
	background-image: url(/images/textfieldblue.gif);
  	background-repeat:repeat-x;
	font-size: 1.1em; 
	width: 145px;
	height: 12px; 
	padding-left: 10px;
	padding-top: 4px; 
	padding-bottom: 7px;
	margin: 0px 0px 10px 0px;
}

.input-text-newsletter2 {
	color: #fff;
	border: 1px solid #959595;
	font-weight: normal;
	background-image: url(/images/textfieldblue.gif);
  	background-repeat:repeat-x;
	font-size: 1.1em; 
	width: 145px;
	height: 12px; 
	padding-left: 10px;
	padding-top: 4px; 
	padding-bottom: 7px;
	margin: -13px 0px 10px 0px;
}

.signupbutton {
	margin-top: -10px;
}

.response {
	width: 230px;
	line-height: 11px;
	margin-top: -9px;
}

#linkback {
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 30px;
}

#linkback a {
	color: #000;
}
	
#linkback a:hover {
	color: #3096c1;
}