/* 
Theme Name: d3
Theme URI: http://orscp.org/olympia/d3.php?http://orscp.org/olympia/d3.php?http://drew3000.net/about/d3-theme/
Description: The vivacious layout, sparse use of color and elegant typography that make up this site's sexy, sexy design are based on the stylish themes  
hanami and olulipo by A. Mignolo (at http://andreamignolo.com), WPTypo by Chris Coyier (http://diggingintowordpress.com) and my modestly amended version of Modicus Remix, originally by ArtCulture (http://www.vanillagreen.com). Modicus Remix, by and by, is a stripped-down take on the robust Modicus theme found at Upstart Blogger. This is how the web is built.
Version: 1.0
Author: Andrew Ford lyons, et al
Author URI: http://orscp.org/olympia/d3.php?http://orscp.org/olympia/d3.php?http://drew3000.net
Tags: light, two-columns, fixed-width, custom-header, right-sidebar, threaded-comments, sticky-post, typography, suculant, minimal-design

License: GNU General Public License (GPL) version 3


*/


/* HEADER ELEMENTS */

#headerstripe {
background:url('./images/headerstripes.gif');
background-repeat:repeat;
width: 100%;
height:20px;
margin-top:5px
}


/* =Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, address,.more-link, ul  {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul, ol {
	list-style-type: none;
}


/* =Layout 
------------------------------------------------------------------*/

#wrap
{ 
color: #000000;
}

#wrapper {
	width: 60em;
	margin: 0 auto;
	padding: 0 .5em;
}

#content {
	margin: 1em 0 0 0;
	clear: both;
	width: 65%;
	float: left;
}

#sidebar {
	margin: 1em 0 0 0;
	width: 30%;
	float: right;
	border-left: 1px dotted #000;

}

#masthead {
	text-align: left;
	width: 100%;
	height: 125px;
	overflow: hidden;
}

#description {
	text-align: left;
	margin: -.3em 0 0 0;
	padding: 0 0 1em 0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.entry {
	padding: 2em 0 1em 0;
}


#sidebar h2 {
	margin: 2em 0 0 0;
	padding: 0;
}

#sidebar li {
	padding: 0 0 0 .5em;
}

.entry .thumbnail {
	float: left;
	margin: 0 .7em 0 0;
}

p.attachment img {
	display: block;
	margin: 0 auto;
}


/* =Typography
------------------------------------------------------------------*/
body {
	font-family: times, 'Times New Roman', times-roman, georgia, serif;
}

.dropcaps {
	font-size: 3.5em;
	float: left;
	display: inline;
	margin: .35em .2em 0 0;
}

#masthead h1 {
	clear: right;
	padding-top: .16em;
	margin-left: .2em;
	font-size: 4.2em;
	font-weight: 500;
	letter-spacing: .05em;
	font-family: 'Lobster', arial, serif;
}

#description {
	display: block;
	letter-spacing: .1em;
	font: small-caps .25em Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
}

h2 {
	text-transform: none;
	font-size: 1.9em;
	margin-bottom: -.1em;
	font-variant: small-caps;
}

.meta {
	padding-right: .6em;
	font: .6em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.cont {
	text-align: right;
	font: small-caps bold .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#mainnav  {
	font-variant: small-caps;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: .5em;
}

#topnav {
	font-size: 0.8em;
	letter-spacing: .02em;
	text-transform: none;
	font-variant: small-caps;
	display: block;
}

.entry {
	line-height: 1.4em;
}

.entry ol {
	list-style-type: decimal;
	margin: 0;
	padding: 0 0 0 2em;
}

.entry ul {
	list-style-type: circle;
	padding: 0 0 0 2em;
}

h2.browse {
	text-align: center;
	font-variant: small-caps;
	padding: .5em 0;
	font-size: 1.1em;
}

/* =old search style
------------------------------------------------------------------

.search {
	text-transform: uppercase;
	font-size: .9em;
	-----------------------------*/
}

#sidebar h2 {
	font-size: 1.5em;
	font-variant: small-caps;
	letter-spacing: 1px;
}

#sidebar {
	font: .87em/1.9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.entry cite {
	display: block;
	text-align: right;
}

.entry cite::before {
	content: "-";
}

.error {
	text-align: center;
	font-size: 2em;
	line-height: 1.7em;
}

h3#comments {
	padding-bottom: 1em;
}


/* =Colors
------------------------------------------------------------------*/

.red {color: #960000}

#bottomnav {
	color: #e90000;
}

.browse {
	background: #EEE;
}

#masthead {
	border: 0px solid #ffffff;
}

#description {
	color: #000000;
}

input {
	border: 1px solid #666;
	}

#sidebar li > ul li {
	border-bottom: 1px solid #DDD;
}

#sidebar li > ul li:hover {
	background: #beb288;
}

#sidebar li > .children li {
	border: 0;
}

.entry {
	border-bottom: 1px dotted #000;
}

.entry img {
	padding: .3em;
	border: 0px;
}

.entry .sticky h2 a {
	color: #960000;
}

.entry .gallery img {
	border: 1px solid #000;
}

/* =Links
------------------------------------------------------------------*/
.entry h2 a {
	color: #000;
	background: none;
	border: 0;
	font-weight: normal;
}

.entry h2 a:hover {
	color: #960000;
	border: 0;
}

#masthead a {
	color: #000;
}

#topnav a, #mainnav a {
	color: #EEE;
}

#sidebar a {
	color: #666;
}

#bottomnav a {
	color: #888;
}

.entry a, #comments a, .entry_nav a {
	color: #960000;
}

.entry a:hover, #comments a:hover {
	color: #000000;
}

#sidebar li a {
	color: #960000;
}

#sidebar li a::before {
	content: "\00BB\00A0";
	color: #960000; 
}

.entry .gallery a {
	border-bottom: none;
}

/* =Navigation
------------------------------------------------------------------*/


ul#topnav {
	height: 2em;
	line-height: 2em;
	background: #000000;
	overflow: hidden;
	
}

ul#mainnav {
	height: 2.5em;
	line-height: 2.5em;
	overflow: hidden;
}

ul#mainnav li > ul {
	display: none;
}

ul#mainnav li.current_page_item > ul, ul#mainnav li.current_page_parent > ul {
	display: block;
	position: absolute;
	clear: both;
	margin-top: 2.5em;
	width: 60em;
}

ul#mainnav li:hover > ul a, ul#mainnav li.current_page_item > ul a, ul#mainnav li.current_page_parent > ul a {
	float: left;
	height: 1.5em;
	line-height: 1.5em;
	padding-top: .3em;
	font-size: .9em;
	border-right: 3px solid #FFF;
	background: #EEE;
}

ul#mainnav li.current_page_parent > ul li.current_page_item a, ul#mainnav li.current_page_item > ul li a:hover, ul#mainnav li.current_page_parent > ul li a:hover {
	background: #DDD;
}


ul#mainnav li.current_page_parent a {
	background:  #ffffff;
}

ul#bottomnav {
	height: 1.8em;
	line-height: 1.8em;
	background: #CEE1EF;
}

#topnav li a {
	float: right;
	line-height: 2em;
	padding: 0 .7em;
	border-left: 2px solid #FFF;
	color: #ffffff;
}

#topnav li a:hover {
	background: #beb288;
	color: #bb0000;
}

#topnav li a:hover {
	background: #beb288;
	color: #bb0000;
}

#mainnav li.current_page_item a, li.current a {
	color: #bb0000;
}

#mainnav li a {
	float: left;
	line-height: 2.5em;
	padding: 0 .9em 0 .9em;
	border-right: 3px solid #FFF;
	color: #333;
}

#mainnav li a:hover {
	color: #bb0000;
}

#bottomnav li {
	float: right;
	line-height: 1.8em;
	padding: 0 .7em;
	border-left: 2px solid #FFF;
	color: #333;
}

/* =Threaded Comments
------------------------------------------------------------------*/

.reply {
	margin-bottom: 1.5em;
}

ul.children {
	margin-left: 2em;
}

#comments li.bypostauthor img {
	border: 1px solid #960000;
}

#comments li.bypostauthor .comment-author {
	border-top: 1px dotted #960000;
}

#comments li.bypostauthor .comment-meta {
	border-bottom: 1px dotted #960000;
}

#comments ul.commentlist img {
	margin-top: .25em;
	margin-bottom: .3em;
}

ul.commentlist .commentmetadata {
	font-size: .8em;
}

span.says {
	display: none;
}

ul.commentlist .comment-author {
	border-top: 1px dotted #999;
}

ul.commentlist .comment-meta {
	border-bottom: 1px dotted #999;
}

#comments ul.commentlist .comment-meta a {
	color: #000;
	border-bottom: none;
}

/* =Comments
------------------------------------------------------------------*/
#comments {
	line-height: 1.5em;
}

#comments h3 {
	margin: 2em 0 0 0;
	font-size: 1.4em;
	text-transform: capitalize;
}

.avatar {
	margin: .15em .3em 0 0;
	float: left;
}

#comments img {
	padding: .2em;
	border: 1px solid #000;
}

.commentmeta {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	}

.commentmeta li {
	font-size: .9em;
}

li.author, li.date {
	font-variant: small-caps;
}

.comment_text {
	margin: 0 0 0 2.5em;
}

/* =Wigetized
------------------------------------------------------------------*/

#searchform {
	margin: 2em 0;
}

.textwidget {
	margin: .7em 0 0 0;
	line-height: 1.2em;
	font-size: 0.9em;
}

#calendar {
	margin: 0 0 0 1.5em;
}

#sidebar #calendar a::before {
	content: "";
}


/* =captions and pullquotes
------------------------------------------------------------------*/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft, .entry img .alignleft {
	float: left;
}

.alignright, .entry img .alignright {
	float: right;
}

.wp-caption, .gallery-caption {
	text-align: center;
	color: #7c3d03;
	font: normal normal normal .7em "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #f3f3f3;
	}

.wp-caption {
	border: 1px solid;
	border-color: rgba(124,61,3,0.42);
	text-align: center;
	background-color: rgba(124,61,3,0.29);
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	
}

blockquote
{
	font-size: 1.5em;
	padding:15px 30px 1px 10px;
	margin-bottom:15px; 
	font-style:italic;
	position:relative;
	color: #7c3d03;
}

/* =oulipo inspired footer
------------------------------------------------------------------*/

#footer {
	clear: both;
	font-size: .7em;
	line-height: 1.7em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant: small-caps;
	width: 90em;
	
	}

#footer p {
	margin: 0;
	padding: 0;
}

#footer_contact {
	width: 15.7em;
	float: right;
	display: inline;
	height: 3.4em;
	width: 19%;
	padding: .5em 0 .5em .5em;
	color: #ffffff;
	background-color: #3c3c3c;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: #000000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#footer_contact a {
	color: #ffffff;
	font-weight: bold;
}

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


#footer_info {
	margin: 0 0 0 0em;
	float: left;
	display: inline;
	width: 76%;
	height: 3.5em;
	padding: 1em 1.9em 1em 1em;
}

#footer_info a {
	color: #960000;
}

#footer_info a:hover {
	color: #000000;
}

/*--- WPTypo based "Explore" ---*/

#explore-area
{
	position: absolute;
	top: 1.6em; 
	width: 58.78em; 
	background: #beb288; 
	text-align: right;
	padding: 10px;
	overflow: hidden;
}

#explore-area ul li a
{
	display: block;
	padding: 10px;
	color: #3B3B3B; 
	text-decoration: none; 
	font-size: 16px; 
	border-top: 1px dotted #3B3B3B; 
	text-align: center;
}

#explore-area ul li a:hover
{
	background: #807960;
	color: #960000;
}

#explore-area h3
{ 
	font-size: 1.6em;
	margin: 0 0 10px;
	font-weight: bold; 
	color:#960000;
	text-align: center;
	font-variant: small-caps;
}

#explore-area h3 span
{ 
	font-style: italic; 
	font-weight: normal; 
	font-size: 0.8em; 
	text-transform: lowercase;
	color:#3B3B3B;
	font-variant: normal;

}

#archives-area
{ 
	width: 220px; 
	margin-right: 20px; 
	float: left;
}

#recent-posts-area
{ 
	width: 220px; 
	margin-right: 20px; 
	float: left;
}

#blogroll-area
{
	width: 220px;
	margin-right: 20px;
	float: left;
}

#search-area
{
	width: 220px;
	float: left;
	text-align: center;
}

#search-area p.submit
{
	font-size: 2.5em;
}

#search-area p.submit input#searchsubmit
{ 
	border:none; 
	text-transform:uppercase; 
	font-size:0.6em; 
	padding:8px 3px 0px; 									color:#960000; 
	vertical-align:top; 
	cursor:pointer; 
	font-family:Georgia, Serif; 
	background: none; 
}

.post span.para
{
	color:#d5d5d5; 
	font-size:6.75em; 
	display:block; 
	width:70px; 
	height:90px; 
	margin:12px 20px 0px 75px; 
	float:left; 
	text-align:right; }