/*
Theme Name: SubtleFlux
Theme URI: http://thestateofflux.com/subtleflux-theme
Description: A nice and subtle theme that helps your reader focus on your content, not the surrounding elements.
Author: Damien Flux
Author URI: http://thestateofflux.com
Version: 1.0.3
Tags: white, two-columns, fixed-width
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {background: #FFFFFF; color: #323232; text-align:center; font:11px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0 20px 0 20px; padding: 0px;}
#wrap {background: #FFFFFF; width: 960px; text-align:left; margin: 0px auto 0px; padding: 0px;}

/******************** HYPERLINKS ********************/
a:link, a:active, a:visited {color:#886353; text-decoration:none;}
a:hover {color:#553a2e; text-decoration:none;}

/******************** HEADER ********************/
#header h1 {color: #1F1F1F; font-size: 25px; font-weight: normal; letter-spacing: 0px; margin: 10px 0px 3px 0px; padding: 10px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif;}
#header h1 a:link {color: #1F1F1F; text-decoration: none;}
#header h1 a:active {color: #1F1F1F; text-decoration: none;}
#header h1 a:visited {color: #1F1F1F; text-decoration: none;}
#header h1 a:hover {color: #1F1F1F; text-decoration: none;}
#header h3 {color: #525252; font-style: italic; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px 0px 0px 40px; padding: 5px 0px 10px 0px;}
#nav {text-align: center; margin: 10px 0px 20px 0px; padding: 0px;font-size:14px;border-top: 1px solid #E2DDDE;border-bottom: 1px solid #E2DDDE}
#nav ul {margin: 0px 0px 0px 0px; padding: 0px;}
#nav li {display: inline; font-weight:bold; padding:0 5px 0 10px;}
#nav a:link {color:#1F1F1F; text-decoration:none;}
#nav a:active {color:#1F1F1F; text-decoration:none;}
#nav a:visited {color:#1F1F1F; text-decoration:none;}
#nav a:hover {color:#1F1F1F; text-decoration:underline;}
#banner {background: url("images/banner.jpg") no-repeat; height:75px;}

/******************** CONTENT ********************/
#content {width: 960px; margin: 0px auto 0px; padding: 0px; text-align:justify;}
#content p {padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px;}
#content h1 {display:none;}
#content h2 {color: #1F1F1F; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; padding: 0px 0px 0px 0px; margin: 25px 0px 10px 0px;}
#content h2 a:link {color:#1F1F1F; text-decoration:none;}
#content h2 a:active {color:#1F1F1F; text-decoration:none;}
#content h2 a:visited {color:#1F1F1F; text-decoration:none;}
#content h2 a:hover {color:#1F1F1F; text-decoration:underline;}
#content h2.widgettitle {color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 25px 0px 0px 0px; padding: 10px 0px 10px 0px;}
#content h3 {color: #444444; font-size: 12px; font-weight: bold; margin: 25px 0px 0px 0px; padding: 10px 0px 10px 0px;}
#contentleft {float: left; width: 678px; margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; border-left: 0px solid #E2DDDE; border-right: 1px solid #E2DDDE;}
#contentleft ol {margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;}
#contentleft ol li {margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#contentleft ul {list-style-type:none; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px;}
#contentleft ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#contentleft ul li ul li{background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#contentleft .single {margin: 42px 0px 15px 0px; padding: 20px 0px 0px 0px;}
blockquote {margin: 0px 20px 20px 20px; padding: 25px 20px 25px 20px; background: #EFEFEF; border-left: 1px solid #696969; border-right: 1px solid #696969;}
.date {color:#A97965; font-family: Georgia, "Times New Roman", Times, serif;}
.postmetadata {margin: 0px 20px 10px 20px; padding: 15px 20px 15px 20px; background: #EFEFEF; border-left: 1px solid #696969; border-right: 1px solid #696969;}
.post-meta-key {text-decoration: none; font-weight: bold;}
.post-meta {font-weight: normal;}

/******************** IMAGES ********************/
img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
a img.alignright {float:right; border:2px solid; margin:0px 0px 10px 10px;}
a img.alignleft {float:left; border:2px solid; margin:0px 10px 10px 0px;}
a img.aligncenter {display: block; border:2px solid; margin:10px auto 10px auto;}

/******************** SIDEBAR ********************/
#sidebar a:link, a:active, a:visited {color:#886353; text-decoration:none;}
#sidebar a:hover {color:#553a2e; text-decoration:none;}
#sidebar {float: right; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 19px 20px 19px; border-right: 0px solid #E2DDDE; font:11px/18px Verdana, Arial, Helvetica, sans-serif;}
#sidebar ul {list-style-type: none; margin: 0px; padding: 0px;}
#sidebar ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#sidebar ul li ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
#sidebar li {list-style-type:none;}
#feed ul li {background:transparent url("images/rss.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}

/******************** FOOTER ********************/
#footerbar a:link, a:active, a:visited {color:#886353; text-decoration:none;}
#footerbar a:hover {color:#553a2e; text-decoration:none;}
#footerbar {margin: 40px auto 0px; padding: 0px; width: 960px; text-align: left; height: 100%; overflow: hidden; border-top: 1px solid #E2DDDE;}
.footerbox {float:left; width: auto; float: left; margin: 5px 10px 0px 10px; padding: 0px 10px 20px 10px;}
.footerbox ul {list-style-type: none; margin: 0px; padding: 0px;}
.footerbox ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}

/******************** SEARCH ********************/
#searchdiv {margin: 0px; padding: 0px;}
#searchform {margin: 0px; padding: 0px; overflow: hidden;}	
#s {color: #323232; font-size: 11px; padding: 4px; margin: 4px 0px 0px 0px; border: 1px solid #323232;}
#sbutt {background: #878787; color: #FFFFFF; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; padding: 1px; margin: 0px 0px 0px 5px; border: 1px solid #333333; cursor:pointer;}
	
/******************** COMMENTS ********************/	
#commentblock {margin: 0px 20px 10px 20px; padding: 25px 20px 10px 20px; background: #EFEFEF; border-left: 1px solid #696969; border-right: 1px solid #696969;}
#commentlist {margin: 20px 20px 20px 20px; padding: 10px 10px 10px 10px; background: #F9F9F9; border-left: 1px solid #696969; border-right: 1px solid #696969; font-style:normal;}
#commentlist li {list-style-type: none; list-style-image: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #B3B3B3; border: 1px solid #696969;}
#commentlist li.pingback {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #F9F9F9; border: 1px solid #696969;}
#commentlist li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li ul li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
#commentlist li.comment ul.children li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #B3B3B3; border: 1px solid #696969;}
#commentlist li.comment {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #E3E3E3; border: 1px solid #696969;}
#commentlist li.comment div.comment-author {text-transform: uppercase;}
#commentlist li.comment div.vcard cite.fn {text-transform: uppercase; font-style: italic; font-weight: bold; padding: 0px 0px 0px 10px;}
#commentlist li div.vcard img.avatar {float:left; border: 1px solid #696969;}
#commentlist li.comment div.vcard span.says {text-transform: lowercase; font-style: italic;}
#commentlist li.comment div.commentmetadata {color: #1F1F1F; font-size: 10px; font-style:italic; margin: 0px 0px 30px 70px;}
#comments, #respond {font-size: 12px; font-weight:normal;}

/******************** WORDPRESS CAPTIONS ********************/
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* SubtleFlux theme from http://thestateofflux.com */

/* My Additions */
.hidden {display:none;}
#content img {margin:3px;}
#content #portfolio a img {border:2px solid #886353;}
#content #portfolio a:hover img {border:2px solid #553a2e;}
#navigation #nextnav {float:right;}
#navigation #prevnav {float:left;}
#navigation a:hover {color:#553a2e; text-decoration:none;}
#portfolio #thumbnails {
	width:300px;
	height:auto;
	float:left;
}
#portfolio #largeimage {
	width:575px;
	height:575px;
	floatl:left;
	float: right;
	padding: 0 40px 0 0;
	text-align: center;
}
#portfolio #largeimage img {
	max-width: 575px;
	max-height: 575px;
}
#content {min-height:500px;}
#content a:hover {color:#553a2e;text-decoration:none;}

#sidebar {overflow: hidden;}

#contentleft img {
	max-width: 600px;
	width: auto;
	height: auto;
}
}.alignleft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.alignright {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.aligncenter {
	margin-right: auto;
	margin-left: auto;
}
.alignnone {
	margin: 0;
	display: inline;
}