/* all the layout definition comes from Thierry Koblentz http://www.tjkdesign.com */

/* Global styles definition */
body
{
	font-family: 'Trebuchet MS', Arial;
	font-size: 1em;
	margin: 0;
	padding: 0;	
}
a
{
	color: #974807;	
	text-decoration: none;
}
a:hover
{
	color: #E46D0A;		
}

img
{
	border-width: 0;
}


/* positioning styles */

#header, #sub-header, #content, #space, #navigation, #footer 
{
	overflow: hidden;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#header, #sub-header, #main, #footer
{
	margin-left: 7%;
	margin-right: 7%;
}
#content, #space, #navigation {float: left}
#content {width: 73%}
#space { width: 7%}
#navigation {width: 19.9%}
#footer {clear: left}

/* styles for the HEADER. It contains: logo (title & subtitle) e stats */
#header
{
	height: 95px;

	color: #974807;		
}
#logo
{
	float: left;
}
/* page header title */
#logo .title
{
	margin-top: 32px;

	font-family: 'Lucida Console', 'Courier New';
	font-size: 1.4em;
	font-weight: bolder;
}
#logo .title a
{
	color: #E46D0A;		
}
/* header subtitle */
#logo .subtitle
{
	margin-left: 108px;
	
	font-size: .8em;
	font-weight: bold;
}
/* the container for statistics for your blog */
#stats
{
	float: right;
		
	margin-top: 14px;
	padding-left: 23px;

	font-size: .7em;

	background-image: url("images/chart_bar.png");
	background-repeat: no-repeat;
	background-position: 0 -1px;
}
#stats ul
{
	margin: 0;
	padding: 0;
}
#stats ul li
{
	display: inline;
}

/* stlyes for SUBHEADER. It contains: menu (navigation links) and search */
#sub-header
{
	height: 26px;

	padding-left: 4px;
	padding-right: 4px;	

	border: solid 1px #75923C;
	border-left-width: 0;
	border-right-width: 0;	
}
#menu
{
	float: left;
	margin: 6px;
	margin-left: 7%;	
	margin-left: 0;
	margin-right: 0;
		
	font-family: 'Lucida Console', 'Courier New';
	font-size: .9em;
}
#menu ul
{
	margin: 0;
	padding: 0;
}
#menu ul li
{
	display: inline;
}

#search
{
	float: right;
	position: relative;
}
#searchResults
{
	z-index: 30;
	position: absolute;
	top: 28px;
	right: 0px;
	width: 300px;
	display: inline-block;

	padding: 6px;
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #FFF;
	border: solid 1px #75923C;	
}
#search input
{
	margin: 0;
}
/* the text box that search terms are typed into */
#search .searchterm
{
	width: 190px;
	
	padding-left: 2px;
	padding-right: 2px;	
	margin-right: 4px;

	border: solid 1px #974807;
}
/* the button pressed to initiate the search */
#search .searchButton
{
	width: 20px;

	background-color: White;	
	background-image: url(images/zoom.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;

	border-width: 0;
}
#searchResultsHeader
{
	height: 20px;
	border-bottom: solid 1px #D7E4BC;	
}
#searchResultsHeader .title
{
	float: left;
	font-family: 'Lucida Console', 'Courier New';	
	font-weight: bold;
	color: #75923C;
}
#searchResultsHeader .close
{
	float: right;
}
#searchResults ul
{
	margin: 0;
	padding-left: 2px;
	list-style-type: none;	
}
#searchResults ul li
{
	clear: both;	
	margin-bottom: 2px;
	padding-left: 25px;
	padding-right: 2px;
	font-size: .8em;
	background-image: url(images/bullet_go.png);
	background-repeat: no-repeat;	
	background-position: 2px 4px;
}
/* styles for MAIN. It contains content, space and navigation */
#main
{
	clear: both;
	margin-top: 35px;
}

/* this region is where the main page content will be loaded
it can have posts, archives, category listings, etc. */	
#content
{
}
/* the container for a single post */
.post
{
	margin-bottom: 35px;
	border-bottom: solid 1px #376091;	
}

/* the title of a post */
.post .title
{
	font-weight: bold;
	color: #17375D;

	border-bottom: solid 1px #376091;
}
.post .title a
{
	color: #17375D;
}
.post .details, .post .tags
{
	margin-right: 4px;
	text-align: right;			
	font-size: .7em;
	color: #376091;
}
.post .details a, .post .tags a
{
	color: #E46D0A;
}
.post .details a:hover, .post .tags a:hover
{
	color: #974807;
	text-decoration: underline;
}

/* the body of a post */
.post .body
{
	margin-top: 15px;		
	margin-bottom: 10px;

	line-height: 1.4em;	

	font-size: .9em;
	color: #0F253F;
}
.post .body a
{
	color: #538ED5;
}
.post .body a:hover
{
	text-decoration: underline;
}
.post .body em
{
	color: #75923C;
}
.post .body strong
{
	color: #376091;
}
.post .body ul li
{
	margin-bottom: 5px;
	padding-left: 14px;

	list-style-type: none;	
	background-image: url("images/bullet_orange.png");
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
.post img
{
	float: left;
	margin: 4px;
	margin-right: 16px;
	padding-left: 4px;
	
	border-left: solid 6px #D7E4BC;
}
.post blockquote
{
	margin-left: 30px;
	margin-right: 40px;

	padding-top: 10px;
	padding-left: 32px;
	padding-right: 4px;
	padding-bottom: 8px;	

	border: dashed 1px #376091;
	border-left-width: 0;
	border-right-width: 0;	

  	background: #FAFAFA url(images/quotes.gif) no-repeat;
  	background-position: 4px 4px;
}

/*the section that holds all the links to various parts of the site
such as archives, categories, and blogroll */
#navigation
{
	font-family: 'Lucida Console', 'Courier New';
	font-size: .9em;
}
#navigation .links .title
{
	padding-bottom: 5px;
	margin-bottom: 5px;

	font-weight: bold;
	color: #75923C;

	border-bottom: solid 1px #D7E4BC;
}
#navigation .links ul
{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#navigation .links ul li
{
	padding-left: 15px;
	list-style: none;
	line-height: 1.4em;
}
#syndication img
{
	vertical-align: middle;
	border:0;
}
#syndication .links ul li
{
	line-height: 1.6em;
}
#subTextLogo
{
	margin-top: 70px;
	margin-bottom: 40px;
	text-align: center;
}
#subTextLogo .powered
{
	font-family: 'Lucida Console', 'Courier New';
	font-size: .9em;
	color: #17375D;
}
/* bottom of all pages */
#footer
{
	height: 30px;
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
	border-top: solid 1px #75923C;
	font-size: .8em;
}
/* copyright information in the footer */
#footer .copyright
{
	float: left;
}
#validation
{
	float: right;
}
# validation ul
{
}
#validation ul li
{
	list-style: none;	
	display: inline;	
}

/* container for all comments */
.comments
{
	font-size: .9em;
	color: #376091;	
}
.comments h2
{
	font-size: 1.2em;
	font-weight: bold;
	color: #17375D;	
	color: #E46D0A;		
	border-bottom: solid 1px #376091;
}
/* container for individual comment */
.comment
{
	margin: 30px;
	margin-bottom: 0;
	
	color: #0F253F;
		
	border-bottom: solid 1px #376091;	
}
.comment a
{
	color: #538ED5;	
}

/* title of comment */
.comment .title
{
	height: 20px;
	margin-bottom: 10px;
	padding-left: 20px;

	font-weight: bold;

	background-image: url("images/comment.png");
	background-repeat: no-repeat;
	background-position: 2px 2px;

	border-bottom: solid 1px #376091;	
}
/* the container for the form where people can input comments */
#postComment
{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;	
}

/* the title of the comment form */
#postComment .title
{
	height: 30px;
	padding-top: 2px;
	padding-left: 22px;

	font-size: 1.1em;
	font-weight: bold;
	color: #17375D;	
	
	background-image: url("images/comment_add.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;	
}
#postComment .Inputs
{
	font-size: .9em;
	color: #17375D;
}
#postComment .Text
{
	border: solid 1px #376091;
	height: 20px;
	min-width: 300px;
	width: 50%;	
	font-family: 'Trebuchet MS', Arial;
	font-weight: normal;
}
#postComment .TextComment
{
	border: solid 1px #376091;	
	height: 200px;
	width: 100%;	
	min-width: 300px;	
	font-family: 'Trebuchet MS', Arial;
	font-weight: normal;
}
#postComment dt
{
	margin-bottom: 2px;
}

#postComment dd
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

/* container for a list of posts - not used on main page*/
.posts
{
}
.posts .title
{
	margin-bottom: 30px;
	font-size: 1.1em;
	font-weight: bold;
	color: #376091;

	border-bottom: solid 1px #376091;
}
.posts .post
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	background-color: #EAF1DD;
	border-width: 0;
}
.posts .post .title
{
	margin-bottom: 5px;
	border-width: 0;
	font-size: .95em;
}
.posts .post .title a:hover
{
	text-decoration: underline;
	color: #E46D0A;
}
.posts .post .details
{
	text-align: left;
	padding-left: 10px;
}

.posts .post .details a, .posts .post .tags a
{
	color: #538ED5;	
}
#contactForm
{
	border-bottom: solid 1px #376091;
	padding-bottom: 20px;	
}
/* the title of the contact form */
#contactForm .title
{
	height: 30px;
	padding-left: 22px;

	font-size: 1.2em;
	font-weight: bold;
	color: #17375D;	

	border-bottom: solid 1px #376091;
	
	background-image: url("images/email_edit.png");
	background-repeat: no-repeat;
	background-position: 2px 6px;	
}
#contactForm dt
{
	margin-bottom: 2px;
}

#contactForm dd
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
#contactForm .Inputs
{
	font-size: .9em;
	color: #17375D;
}
#contactForm .Text
{
	border: solid 1px #376091;
	height: 20px;
	min-width: 300px;
	width: 50%;	
	font-family: 'Trebuchet MS', Arial;
	font-weight: normal;
}
#contactForm .TextComment
{
	border: solid 1px #376091;	
	height: 200px;
	width: 99%;	
	min-width: 300px;	
	font-family: 'Trebuchet MS', Arial;
	font-weight: normal;
}
.small
{
	font-size: .8em;
	font-style: italic;
}
.required
{
}