/*  
Theme Name: WordPress A Bit Modern
Theme URI: http://stilldesigning.com/
Description: Theme for StillDesigning.com based on <a href="http://www.bcdesignplace.com">Boris Cherny</a> "A Bit Modern" design.
Version: 1.0
Author: David E. Still
Author URI: http://stilldesigning.com/

*/

/* CSS version 2.0, by Boris Cherny. */
/*Many thanks to Andreas, NickyD, ditchCrawler, TomW, whowrotewhat, hash bar, and Sanden Cottongame */
* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background: #92847b url(images/background.gif) center repeat-y;
	color: #616161;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
}
a {
	color: #6799b1;
	text-decoration: underline;
}
a:hover {
	color: #838f96;
	text-decoration: none;
}
acronym {
	border-bottom: 1px dashed #999999;
	cursor: help;
}
#main p.postmetadata {
	margin-top: 5px;
	line-height: 110%;
}
#main h2 {
	border-bottom: 1px solid #b48181;
	border-top: 1px solid #b48181;
	border-right: 20px solid #b48181;
	color: #b38b84;
	font-size: 150%;
	font-weight: normal;
	margin: 5px 0 10px 0;
}
#main h2 a,
#main h3 a {
	color: #b38b84;
	text-decoration: none;
}
#main h2 a:hover,
#main h3 a:hover {
	color: #6799b1;
	text-decoration: none;
}
#main h3 {
	border-bottom: 1px solid #b48181;
	border-top: 1px solid #b48181;
	color: #b38b84;
	font-size: 115%;
	font-weight: normal;
	margin: 20px 0 5px 0;
}
#main input {
	border: 1px solid #b48181;
	background: #ccc;
	color: #333;
	width: 220px;
	margin: 0;
}
#main input[type=checkbox], #rememberme {
	width: auto;
}
#sidebar input {
	background: #666;
	color: #ccc;
	border: 1px solid #999;
	margin: 2px 18px;
	width: 220px;
	height: 20px;
}
#sidebar input[type=submit] {
	width: 222px;
	height: 22px;
}
#searchform {
	margin: 8px 0 8px 0;
}
textarea {
	width: 100%;
	border: 1px solid #999;
}
#main ul {
	margin: 10px 0;
}
#main ul li {
	color: #999999;
	list-style: square;
	margin-left: 20px;
}
.login {
	border: 1px solid #666;
	color: #999;
}
.login_hover {
	border: 1px solid #999;
	color: #ccc;
}
#submit {
	border: 1px solid #666;
	color: #999;
	cursor: pointer;
	margin: 2px 20px;
	text-decoration: none;
	width: 220px;
}
#submit_hover {
	border: 1px solid #999;
	color: #ccc;
	cursor: pointer;
	margin: 2px 20px;
	width: 220px;
	text-decoration: none;
}
/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */
#wrap {
	background-image: url(images/arrow.gif);
	background-image: url(images/arrow_outline.gif);
	background-image: url(images/background.gif);
	background-image: url(images/camera1.gif);
	background-image: url(images/camera2.gif);
	background-image: url(images/camera3.gif);
	background-image: url(images/header.gif);
	background-image: url(images/selector.gif);
	background-image: url(images/selector_sub.gif);
	background-repeat: no-repeat;
	background-position: -5000px -5000px;
	margin: 0 auto;
	text-align: left;
	width: 800px;
	position: relative;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #3edbff;
	font-size: 48px;
	font-weight: normal;
	font-family: 'Andale Mono','Courier New',monospace;
	letter-spacing: 18px;
	height: 120px;
	background: url(images/header.gif) center 0 no-repeat;
	line-height: 120px;
	text-indent: 96px;
	clear: both;
}
#header a {
	color: #3edbff;
	text-decoration: none;
	text-align: left;
	width: 800px;
	height: 90px;
	display: block;
	margin: 0 auto;
}
#header a:hover {
	text-decoration: none;
}
#header span {
	font-family: 'Bernhard Modern Std','Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	text-align: right;
	letter-spacing: 16px;
	color: #ff3600;
	font-style: oblique;
	padding-right: 12px;
}
#header .description {
	width: 800px;
	margin: -30px auto 0;
	padding: 0;
	color: #fff;
	font-family: 'Courier New',Courier,monospace;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 4px;
	text-align: left;
	text-indent: 276px;
}
#header .description[class] {
	margin: 0 auto;
}
#content {
	clear: both;
}
#leftnav {
	color: #fff;
	padding-bottom: 40px;
	width: 260px;
}
/* leave the padding-bottom in the #leftnav if you want some space between the navigation and the photos in the left column */
#leftnav ul li {
	display: inline;
	line-height: 16px;
	list-style: none;
}
#leftnav ul li a,
#leftnav ul li h2 {
	border-bottom: 1px solid #666;
	color: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 249px;
}
#leftnav ul li h2 {
	font-size: 14px;
	font-weight: normal;
}
/* remove the 'text-decoration: underline;' in #leftnav li a:hover if you don't want the links in the left nav menu to be underlined when the user hovers over them with their mouse */
#leftnav li a:hover {
	background: #666 url(images/selector.gif) center right no-repeat;
}
/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
#leftnav ul ul li {
	line-height: 10px;
	border-bottom: none;
}
#leftnav ul ul li a {
	color: #ccc;
	text-indent: 10px;
}
#leftnav ul ul ul li a {
	text-indent: 20px;
}
#leftnav ul ul ul ul li a {
	text-indent: 30px;
}
#leftnav ul ul ul ul ul li a {
	text-indent: 40px;
}
#leftnav ul ul ul ul ul ul li a {
	text-indent: 50px;
}
#leftnav ul ul li a:hover {
	background-image: url(images/selector.gif);
}
#leftnav ul li p {
	margin: 5px 20px;
}
#leftnav ul li p a {
	color: #6799b1;
	display: inline;
	background: none;
	border: 0;
}
#leftnav ul li p a:hover {
	background: none;
	text-decoration: underline;
}
#sidebar {
	float: left;
	*margin-left: 1px;
}
#sidebar img {
	border: 1px solid #666;
	margin: 5px 20px;
	padding: 10px 20px;
}
/* in the tag below, #main, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */
#main {
	float: none !important;
	float: right;
	margin: 0;
	margin-left: 0;
	width: 470px;
	padding: 12px 40px 30px 9px;
}
#main[id] {
	margin-left: 272px !important;
}
#main p {
	line-height: 190%;
	margin-bottom: 15px;
}
.commentlist .commentmetadata {
	float: right;
	padding: 0;
	margin: 0;
	display: block;
}
.commentlist li {
	margin: 10px 0 20px 0;
}
#main .commentlist li p {
	margin-top: 10px;
	line-height: 150%;
	clear: right;
}
#links div {
	float: left;
	width: 220px;
}
#links div li {
	list-style: none;
}
#links div li a {
	background: url(images/arrow_outline.gif) left no-repeat;
	padding-left: 15px;
	text-decoration: none;
}
#links div li a:hover {
	background-image: url(images/arrow.gif);
	color: #ac835c;
	text-decoration: underline;
}
#footer {
	clear: both;
	color: #999;
	font-size: 9px;
	line-height: 15px;
	padding: 30px 0 10px 285px;
}
#footer a {
	color: #999999;
	text-decoration: underline;
}

.diagramBlock {
	display: inline;
	background-color: #666;
	color: #fff;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
}

.gallery-item {
	padding: 0 10px;
}

#twitspace {
	position: relative;
}


#leftnav a#twitter, #leftnav a#twitter:hover {
	position: absolute;
	width: 35px;
	height: 20px;
	background: transparent url(images/twitter.gif) 0 0 no-repeat;
	display: block;
	top: 6px;
	left: 220px;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
#leftnav a#twitter[id], #leftnav a#twitter[id]:hover {
	background-image: url(images/twitter.png);
}

#tweet {
	position: absolute;
	display: block;
	width: 188px;
	height: 58px;
	background: #fff;
	color: #000;
	padding: 6px;
	font-size: 80% ! important;
	left: 18px;
	top: -60px;
	background: transparent url(images/tweetquote.gif) 0 0 no-repeat;
	line-height: 12px ! important;
}
#tweet[id] {
	background-image: url(images/tweetquote.png);
}

#tweet a, #tweet a:hover {
	display: inline ! important;
	background: none ! important;
	color: #073951 ! important;
	text-decoration: none ! important;
	border: none ! important;
}

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