/*
Theme Name: Halftone
Theme URI: http://designelemental.net/blog/Halftone-A-Free-Wordpress-Theme/
Description: A clean, blue and grey halftone theme designed for oversized logos.
Version: 1.04
Author: Dan King
Author URI: http://designelemental.net/
Tags: blue, fixed-width, two-columns, theme-options, custom-header, black, silver, white, light

Released under the <a href="http://www.opensource.org/licenses/gpl-3.0.html">GPL 3.0</a>
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}



/* Begin Typography & Colors */
body {
	font-family: 'Lucida Sans', Verdana, Arial, Sans-Serif;
	background: #fff url('images/body-bg.gif') repeat-x;
	color: #555;
	font-size: 12px;
}

a{
	color: #3d85bb;
	text-decoration: none;
}
a:hover{
	color: #2b618a;
}

.post{
	line-height: 1.6em;
}
strong {
	font-weight: bold;
}
small{
	font-size: 10px;
	font-family: arial;
}
p {margin-top: 10px; }

.post .meta {
	color: #808080;
}
/* End Typography & Colors */



/* Begin Structure */


.full-page {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

.header {
	margin: 0;
	padding: 0;
	height: 300px;

}

.header #logo {
	margin: 0;
	padding: 0;
	height: 300px;
	width: 400px;
	float: left;
	}
.header #logo h1 a{
	font-family: 'Myriad Pro', verdana, arial;
	color: #f0f0f0;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
}	

.header #search{
	width: 500px;
	height: 75px;
	float: left;
	margin-top: 30px;
	padding: 0;
	text-align: right;
}
.header #search input.text{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #eee;	
	font-size: 16px;
	padding: 5px;
	margin: 0;
	vertical-align: middle;
	height: 24px;
	width: 200px;
	color: #777;
}
.header #search input.image{
	margin: -6px;
	vertical-align: middle;
}
.header #quote{
	background: url(images/quotes.gif) no-repeat;
	width: 500px;
	float: left;
	font-size: 24px;
	color: #bbb;
	height: 120px;
	text-align: right;
	line-height: 1.6em;
}
.header #nav{
	width: 500px;
	float: left;
	color: #fff;
	text-align: right;
}

.narrowcolumn{
	width: 560px;
	margin-right: 60px;
	float: left;
	overflow: hidden;
}

.post {
	margin: 0 0 40px;
	/*text-align: justify;*/
	}
.alignleft{
	float: left;
	margin-right: 10px;
}
.alignright{
	float: right;
	margin-left: 10px;
}
.aligncenter{
	float: center;
	margin: 10px;
}
.post hr {
	display: block;
	}

.clear {
	clear: both;
}

.footer {
	background: #707070 url(images/footer-bg.gif) repeat-x;
	padding-top: 15px;
	margin-top: 20px;
	height: 230px;
	clear: both;
}

.footer-top {
	height: 150px;
	color: #dbdbdb;
}
.footer-top .widget{
	width: 250px;
	margin-right: 20px;
	padding: 5px;
	float: left;
	line-height: 1.4em;
}
.footer-top .widget a{
	color: #ddd;
}
.footer-top .widget a:hover{
	color: #eee;
}
.footer-top h2{
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #eee;
	text-transform: uppercase;
}
.footer-bottom{
	margin-top: 30px;
	height: 50px;
	color: #aeaeae;
}
.footer-bottom a{
	color: #bbb;
	border-bottom: 1px dotted #bbb;
}
.footer-bottom a:hover{
	border-bottom: 1px solid #ccc;
	color: #ccc;
}
/* End Structure */

/* Navigation */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 18px;
 font-family: 'lucida sans', verdana, arial;

}

ul.dropdown a{
	color: #ddd;
	text-decoration: none;
	font-weight: bold;
}

ul.dropdown a:hover{
	color: #fff;
	text-decoration: none;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 
}

ul.dropdown li {
 float: left;

 vertical-align: middle;
 /*padding: 7px 15px 7px;*/
 padding: 0 15px 0 2px;
 margin: 0;
	border-left: 10px solid #565656;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 cursor: default;

 border-left: 10px solid #60aaec;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 150px;
}

ul.dropdown ul li {
	float: none;
	font-size: 12px;
	background-color: #444;
	border-bottom: 1px solid #777;
	margin-left: -10px;
	padding: 7px 15px;
	text-align: left;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
/* End Navigaion */

/*	Begin Headers */
h1 {
	letter-spacing: -1px;
	margin: 10px 0;
	font-size: 30px;
	font-weight: bold;
	}

h2 {
	margin: 30px 0 10px;
	font-size: 20px;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}
.post h2{
	font-size: 24px;
	font-family: 'Myriad Pro', verdana, arial;
	font-weight: bold;
}
.post h1 a{
	font-weight: normal;
	font-family: 'Myriad Pro', verdana, arial;
	color: #444;
	font-size: 30px;
}
.post h1 a:hover{
	color: #3d85bb;
	text-align: none;
}
#sidebar h2 {
	margin: 5px 0 0;
	padding: 10px;
	font-size: 16px;
	background: #e5e5e5 url(images/sidebar-header-bg.gif) repeat-x;
	font-weight: bold;
	font-family: 'Myriad Pro', verdana, arial;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e0e0e0;
}

h3 {
	padding: 0;
	margin: 10px 0;
	font-size: 18px;
	}
/* End Headers */



/* Begin Images */

/* End Images */



/* Begin Lists */



#sidebar ul, #sidebar ul ol {
	
	padding: 0;
	
	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 25px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	
	}

#sidebar ul ul, #sidebar ul ol {
	padding: 5px 0 10px 10px;
	line-height: 1.4em;
	background: #f5f5f5;
	border: 1px solid #ddd;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	border: none;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	list-style-type: none;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	
	}
/* End Entry Lists */



/* Begin Form Elements */

/* End Form Elements */



/* Begin Comments*/
.children li, .reply{
	margin:0;
	padding:0;
	border: none;
	padding-left: 2em;
}
.children li ul {
padding-left: 2em;
}

.children li div .reply {
padding-left: 4em;
}

.comment-body{
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 10px;
}

.comment-body .vcard{
	
	line-height: 1.7em;}
.comment-body .vcard a{
	font-weight: bold;
	font-size: 14px;
}
.comment-body .vcard img{
	float: left; 
	margin-right: 5px;
	border: 3px solid #fff;
}
.comment-body .commentmetadata{
	font-size: 10px;
}
.comment-body .commentmetadata a{
	color: #888;
}
.comment-body p{
	clear: both;
	margin-top: 20px;
	line-height: 1.5em;
}
#commentform input {
	font-size: 12px;
	padding: 3px;
	margin-bottom: 5px;
}
#commentform textarea{
	font-size: 12px;
	padding: 3px;
	font-family: arial;
}
/* End Comments */



/* Begin Sidebar */
#sidebar{
	padding: 20px 0 10px 0;
	margin: 0;
	width: 280px;
	float: left;
}

#sidebar form {
	margin: 0;
}


/* End Sidebar */







/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


/** Begin Awesome Buttons */
.awesome, .awesome:visited, .more-link {
	background: #222 url(images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	/*border-bottom: 1px solid rgba(0,0,0,0.25);*/
	position: relative;
	cursor: pointer;
	font-family: arial;
}

.more-link{
	margin-top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #2476bb;
}
.awesome:hover, .more-link:hover	{ background-color: #111; color: #fff; }
.awesome:active						{ top: 1px; }

.small.awesome, .small.awesome:visited{ 
	font-size: 11px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: normal; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.awesome, .large.awesome:visited 			{ font-size: 14px; font-weight: bold; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #319a10; }
.green.awesome:hover						{ background-color: #338421; }
.blue.awesome, .blue.awesome:visited		{ background-color: #0078dc; }
.blue.awesome:hover							{ background-color: #0067bd; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }
.gray.awesome, .gray.awesome:visited		{ background-color: #808080; }
.gray.awesome:hover						{ background-color: #555555; }