/*

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;

	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;

}



.blogdateauthor {

	color: #494949;

	font-size: 1.1em;

	text-decoration: none;

	margin-bottom: 25px;

}



.blogtext {

	color: #000;

	font-size: 1.4em;

	text-decoration: none;

}



.blogmetadata {

	font-size: 1.4em;

	text-decoration: none;

}



.navbar {

	color: #000;

	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;

	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;

	}



.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;

	}

	

/* 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: 35px;

}



.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: -155px;

	*top: -180px;

	left: 120px;

	width: 570px;

}



.commentbox {

	border: 1px solid #3096c1;

}



#recentposts {

	position: relative;

	top: 435px;

	*top: 440px;

	left: 695px;

	width: 210px;

}



#recentposts li {

	list-style: none;

}



#recentposts ul {

	list-style: none;

	font-size: 1.4em;

	font-weight: bold;

	color: #3096c1;

	line-height: 24px;

}



#recentposts ul a {

	font-weight: normal;

	color: #000;

}



#recentposts ul a:hover {

	font-weight: normal;

	color: #3096c1;

}

	

#navigation {

	padding-left: 195px;

	margin-top: 0; /* -33px */

	*margin-top: -25px;

}



#navigation2 {

	padding-left: 195px;

	margin-top: 0; /* -33px */

	*margin-top: -25px;

	margin-bottom: 30px;

}



#footer {

	clear: both;

	margin-top: 15px;

	margin-bottom: 10px;

    height: 280px; 

	width: 1000px;

	border: 1px solid #8c8b8b;

	border-radius: 10px;  

	-moz-border-radius: 10px;  

	-webkit-border-radius: 10px; 

	background: #fff url(footerlist.gif) no-repeat 18px 15px;

	/* 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;

}



#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;

}