/*

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: “helvetica neue”, helvetica, 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: “helvetica neue”, helvetica, arial, sans-serif;

}

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: 225px;

	width: 400px;

	float: left;

	}

.header #logo h1 a{

	font-family: “helvetica neue”, helvetica, arial, sans-serif;

	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: 400px;

	float: left;

	font-size: 24px;

	font-style: normal;

	color: #ffffff;

	height: 120px;

	text-align: right;

	line-height: 1.6em;

}

.header #nav{

	width: 605px;

	float: right;

	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: “helvetica neue”, helvetica, arial, sans-serif;



}



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: 0px;

	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: “helvetica neue”, helvetica, arial, sans-serif;

	font-weight: bold;

}

.post h1 a{

	font-weight: normal;

	font-family: “helvetica neue”, helvetica, arial, sans-serif;

	color: #444;

	font-size: 22px;

}

.post h1 a:hover{

	color: #3d85bb;

	text-align: none;

}

#sidebar h2 {

	margin: 5px 0 0;

	padding: 10px;

	font-size: 16px;

	background: #90c9f4 url(images/sidebar-header-bg.gif) repeat-x;

	font-weight: bold;

	font-family: “helvetica neue”, helvetica, arial, sans-serif;

	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: “helvetica neue”, helvetica, arial, sans-serif;

}

/* 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: “helvetica neue”, helvetica, arial, sans-serif;

}



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