/*
Theme Name: Duane Storey, Jan 2010
Theme URI: http://www.duanestorey.com
Description: January 2010
Version: 1.0
Author: Duane Storey
Author URI: http://www.duanestorey.com/
*/

body {
	font-family: "Lucida Grande", lucida sans unicode, arial, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #333;
}

.clearer {
	clear: both;
}

#page {
	text-align: left;
	background: #222;
}

#page-inside {
	background: #fff;
	width: 980px;
	margin: auto;
	padding: 10px;
	padding-top: 60px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;	
	border: 3px solid #666;
}

a {
	text-decoration: none;
	color: #008;
}

/* @group Breadcrumbs */

.bread {
	font-weight: bold;
}

#breadcrumb-wrapper {
	text-align: center;
}

#breadcrumb {
	margin: auto;
	width: 950px;
	text-indent: 340px;
	height: 30px;
	text-align: left;
	color: #888;
}

#breadcrumb a {
	color: #555;
	font-weight: bold;
}

/* @end */

/* @group Menu */

ul#menu {
	position: absolute;
	top: 64px;
	right: 0px;
}

ul#menu li {
	float: left;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-top: 3px;
	letter-spacing: -1px;
	font-size: 11pt;
}

ul#menu li a {
	color: #fff;
}

ul#menu li a:hover {
	color: #69c;
}

ul#menu li.current_page_item a,
ul#menu li.current_page_parent a,
ul#menu li.current_page_ancestor a {
	color: #369;
	position: relative;
	top: -1px;
	left: -1px;
	font-weight: bold;
}

ul#menu li.current_page_item a:hover,
ul#menu li.current_page_parent a:hover,
ul#menu li.current_page_ancestor a:hover {
	color: #000;
}

/* @end */

/* @group Archives */

#content ul.car-list  {
	padding-left: 0px;
	margin-left: 0px;
}

#content ul.car-list li {
	list-style-type: none;
	padding: 0px;
	padding-bottom: 1px;
}

#content ul.car-list li ul {
	padding-top: 2px;
	padding-bottom: 5px;
}

#content .car-yearmonth {
	font-weight: bold;
	color: #000;
	font-size: 10pt;
}

#content .car-yearmonth:hover {
	color: #000;
}

/* @end */

/* @group Header */

#header {
	width: 950px;
	margin: auto;
	text-align: left;
	height: 90px;
	position: relative;
}

#header #title {
	color: #ccc;
	position: relative;
	top: 28px;
}

#header #title img {
	float: left;
	width: 60px;
	position: relative;
	top: -10px;
	padding-right: 10px;
}

#header #title a {
	color: #eee;	
}

#header #title a:hover {
	color: #fff;
}

#header #title h2 {
	font-size: 22pt;

}

#header #title h4 {
	font-size: 10pt;
	color: #888;
	letter-spacing: -1px;
	padding-left: 4px;	
}

#header-wrapper {
	background: #222;
	text-align: center;
}

#top-area {
	position: absolute;
	top: 20px;
	right: 5px;
	font-size: 8pt;
	color: #555;

}

#top-area a {
	color: #777;
}

#top-area a:hover {
	color: #fff;
}

/* @end */

/* @group Home Page */

#main-photos {
	padding-top: 40px;
}

#main-photos .flickr {
	width: 290px;
	float: left;
	margin-left: 40px;
}

#main-photos .left {
	margin-left: 0px;
}

#main-photos .flickr h2,
#front-area h2 {
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #000;
}

#front-area a {
	color: #369;
}

#front-area #tweets {
	min-height: 160px;
}

#front-area #tweets li {
	padding-bottom: 5px;
}

#main-photos a.read-more,
#front-area a.read-more {
	display: block;
	float: right;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #555;
	padding-top: 10px;
}

#main-photos a.read-more:hover,
#front-area a.read-more:hover {
	color: #000;	
}

#main-photos img {
	float: left;
	width: 64px;
	height: 64px;
	border: 1px solid #fff;
	margin-left: 6px;
	margin-bottom: 6px;
}

#main-photos img:hover {
	border: 1px solid #369;
}

#front-area .left {
	float: left;
	width: 550px;
}

#front-area .right {
	float: right;
	width: 310px;
}

#front-area ul {
	list-style-type: circle;
	margin-left: 5px;
	color: #555;
}

#front-area li {
	margin-left: 15px;
	font-size: 9pt;
	list-style-type: lower-roman;
	padding-bottom: 5px;
}

#front-area h4 {
	display: block;
	font-weight: bold;
}

#front-area .left h4 {
	padding-top: 10px;
	display: inline;
}

#front-area .left li {
	border-bottom: 1px solid #e0e0e0;	
	padding-bottom: 10px;
}

#front-area .right {
	padding-right: 10px;
}

#front-area .content {
	padding-left: 5px;
	padding-bottom: 25px;
	color: #555;
	padding-top: 2px;
}

#front-area a {
	letter-spacing: -1px;
	font-weight: bold;
}

#front-area a:hover {
	color: #369;
}

#front-area h4 {
	font-size: 10pt;
}

/* @end */

/* @group My Group */

#sitemap {
	border-top: 1px solid #ddd;
	text-align: center;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

#sitemap-inside {
	width: 950px;
	text-align: left;
	margin: auto;
}

#sitemap h2 {
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 10px;
}

#sitemap ul {
	margin-left: 0px;
}

#sitemap ul li {
	font-size: 9pt;
}

#sitemap ul li a {
	color: #369;	
}

#sitemap li.current_page_item > a {
	color: #000;
	font-weight: bold;
}

#sitemap ul li a:hover {
	color: #000;
}

#sitemap ul ul,
#sitemap ul ul ul {
	margin-left: 15px;
}

#sitemap .section {
	float: left;
	width: 310px;
}

/* @end */

/* @group Content */

h1, h2 {
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: -1px;
	max-width: 500px;
	line-height: 1;
	
}

#content .entry a {
	text-decoration: underline;
}

#content h1,
#content h2  {
	font-size: 15pt;
}

#content .entry a:hover {
	color: #69a;
}

#content h1,
#content h2 {
	padding-top: 5px;
}

h3 {
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 5px;
}

h4 {
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom: 5px;
	color: #555;
}


#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
	color: #333;
}

#content {
	width: 600px;
	float: right;
	padding-left: 30px;
	overflow: hidden;
	padding-right: 65px;
}

#content a {
	color: #369;
	padding-bottom: 1px;
	font-weight: bold;
	letter-spacing: -1px;
}

#content a:hover {
	text-decoration: underline;
}

#content img {
	-moz-box-shadow: 4px 4px 10px #999;
	-webkit-box-shadow: 4px 4px 10px #999;

}

.flickr img,
#flickr-photos img,
#content img.avatar {
	-moz-box-shadow: 4px 4px 5px #bbb;
	-webkit-box-shadow: 4px 4px 5px #bbb;
}

#content a.read-more {
	display: block;
	float: right;
}

#content input[type="text"] {
	padding: 3px;
	color: #777;
	border: 1px solid #ccc;	
}

#content p {
	padding-top: 13px;
	padding-bottom: 13px;
	line-height: 1.4;
	font-size: 10pt;
	color: #333;
}

#sociable .right a {
	text-decoration: none;
}

.blog #content p {
	text-align: justify;
}

#content img {
	max-width: 600px;
}

#content .post {
	margin-bottom: 30px;
	clear: both;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#content blockquote {
	margin-left: 25px;
	margin-right: 40px;
	color: #888;
	text-align: justify;
}

#content strong {
	color: #000;
	font-weight: bold;
}

#content blockquote strong  {
	color: #555;	
}

#content #sociable {
	padding-top: 20px;	
	text-align: left;
}

#content #sociable .left {
	float: left;
}

#content #sociable .right {
	float: right;
	text-align: right;
}

#sociable .sociable {
	margin-top: 0px;	
	
}

#sociable .sociable img {
	opacity: 0.75;
}

#sociable .sociable img:hover {
	opacity: 1.0;
}

#content #sociable img {
	-moz-box-shadow: 2px 2px 4px #aaa;
	-webkit-box-shadow: 2px 2px 4px #aaa;
}

#content em {
	font-style: italic;
	color: #000;
}

#content img.alignright {
	float: right;
	margin-left: 10px;
	max-width: 250px;
	margin-bottom: 10px;
	margin-right: 8px;	
}

#content img.alignleft {
	float: left;
	margin-right: 10px;
	max-width: 250px;
	margin-bottom: 10px;
}

#content ul {
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content ul li {
	list-style-type: disc;
	padding-bottom: 8px;
	padding-left: 5px;
	color: #666;
}

#content .meta {
	font-size: 9pt;
	color: #777;
	padding-bottom: 10px;
	padding-top: 3px;
}

#content .meta a {
	color: #369;
	text-transform: capitalize;
	font-weight: bold;
	letter-spacing: 0px;	
}

#content .meta .datetime {
}

#content .navigation .alignleft {
	float: left;
}

#content .navigation .alignright {
	float: right;
}

#sociable {
	text-align: center;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: left;
	width: 280px;
	text-align: right;
	color: #777;
	font-size: 9pt;
	padding-top: 5px;
	line-height: 1.4;
}

#searchform #s {
	font-size: 9pt;
	color: #888;
	padding: 3px;
	width:  250px;
	border: 1px solid #484848;
	background: #444;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;	
}

a.rss {
	background: url(images/rss-gray.png) no-repeat left -2px;
	padding-left: 23px;
	padding-bottom: 11px;
}

a.rss:hover {
	background: url(images/rss.png) no-repeat 0px -4px;
	padding-left: 23px;	
}

body.page #sidebar {
	padding-top: 5px;
}

#sidebar .tags {
	text-transform: capitalize;
}

#sidebar a {
	color: #369;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: capitalize;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar h2 {
	font-size: 12pt;
	padding-bottom: 15px;
	color: #333;
}

#sidebar .section {
	clear: both;
	margin-bottom: 40px;
	padding-right: 37px;
	padding-bottom: 10px;
	border-right: 1px solid #ddd;
}

div.tweetmeme_button {
	float: right;
	padding-left: 10px;
}

ul#menu li.current_page_item,
ul#menu li.current_page_parent,
ul#menu li.current_page_ancestor {
	font-weight: normal;
	background: #fff;
	border-top: 2px solid #888;
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;	
}

#sidebar ul {
	padding-top: 10px;
	margin-left: 40px;
	padding-bottom: 10px;
}

#sidebar ul li.current_page_item a {
	color: #000;
}

#sidebar ul li {
	/* border-bottom: 1px solid #f0f0f0; */
	width: 200px;
	padding-bottom: 1px;
	padding-top: 1px;
}

#sidebar #flickr-photos img {
	width: 54px;
	height: 54px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #fff;
}

#sidebar #flickr-photos img:hover {
	border: 1px solid #369;
}

/* @end */

/* @group Comments */

#comment-area {
	padding-top: 40px;
}

#comment-area .reply {
	float: right;
	padding-bottom: 10px;
	display: block;
}

#comment-area #respond  {
	clear: both;
}

#comment-area #respond h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#comment-area input#author,
#comment-area input#email,
#comment-area input#url {
	padding: 3px;
	color: #555;
	border: 1px solid #ccc;
}

#comment-area label {
	color: #555;
}

#comment-area h3 {
	color: #333;
	font-size: 13pt;
	font-weight: bold;
	padding-bottom: 20px;
}

#comment-area ol.commentlist {
	list-style-type: none!important;
}

#comment-area ol.commentlist li {
	margin-bottom: 20px;
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}

#comment-area textarea {
	width: 600px;
	padding: 3px;
	color: #555;
	border: 1px solid #ccc;	
}

#comment-area li p textarea {
	width: 530px;
}

ol.commentlist li img {
	float: left;
	margin-right: 15px;
	margin-top: 2px;
	border: 1px solid #555;
}

ol.commentlist li cite.fn {
	letter-spacing: -1px;
	color: #333;
	font-weight: bold;
}

#comment-area ol.commentlist li ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#comment-area ol.commentlist li.parent li {
	margin-bottom: 0px;
}

#comment-area ol.commentlist li ul li {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 61px;
	padding-left: 5px;
	color: #333;
}

ol.commentlist li p {
	margin-left: 66px;
}

/* @end */

/* @group Footer */

#footer {
	font-size: 9pt;
	color: #999;
	text-align: left;
	width: 950px;
	margin: auto;
	padding-bottom: 15px;
	padding-top: 10px;
}

#footer a {
	color: #ccc;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer li {
	line-height: 1.5;
}

#footer .footer-section {
	float: left;
	width: 170px;
}

#footer .footer-section a {
	color: #999;
}

#footer .footer-section a:hover {
	color: #ccc;
}

#footer .footer-section h2 {
	font-size: 10pt;
	color: #fff;
	padding-bottom: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}

#footer-wrapper {
	clear: both;	
	background: #222;
	padding: 10px;
	text-align: center;
	padding-top: 20px;
}

#footer #license {
	float: right;
	width: 390px;
	font-size: 8pt;
	text-align: right;
}

/* @end */

/* @group Crossroads */

#content ul.crossroads-gallary {
	list-style-type: none;
}

#content ul.crossroads-gallary li {
	list-style-type: none;
}

/* @end */