/*   
Theme Name: Sharon Greytak Site Theme (Based on HTML5 Reset)
Theme URI: http://html5reset.org
Author: Evan Paschke
Version: 1
*/
/* STYLE-CLEAR
-------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* FONTS
-------------------------------------------------------------------------------*/
body, textarea, input, select  {
	font: 10pt 'Open Sans', Helvetica, sans-serif;
	line-height: 1.5;
	background:#202020;
    color: #333;
}
.text {font:10pt 'PT Serif', serif}
.code {font:10pt 'Cousine', monospace}

input, textarea {background-color: #FFF;}

a,#submit {
	color: #03f;
	text-decoration:none;
}
a:hover,#submit:hover {color: #69f;}
a:link {-webkit-tap-highlight-color: #69f;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.title{
	display:block;
    font-size:11pt;
	border-bottom: 1px solid #808080;
	margin-bottom:4px;
}
p, #content li{
	padding-bottom:1em;
}
#content h1{
    font-size: 11pt;
}

/* STRUCTURE
-------------------------------------------------------------------------------*/
#page-wrap {
	width: 700px; 
	margin: 18px auto;
}

#content {min-height:30em;}

#content, #footer {
	no-repeat 0 50%; zoom:1; 
	width: auto;
	border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd; 
	padding:9px;
	background:#fcfcfc;

}
#footer {
	border-top: 1px solid #ddd; margin: 0.25em 0;
}

#nav {
	background: #d7d6d5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f1', endColorstr='#bdbbbb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f1), to(#bdbbbb)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f3f3f1,  #bdbbbb); /* for firefox 3.6+ */
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	height:23px;
}

/* POSTS */
article{margin:0 0 1em 0;}
hr.article {width:62%;}
p.post{padding-top:40px;}

blockquote{
padding:0em 2em;
}
.img-caption{
	position: relative;
	width: 100%;
	width:700px;
	height:200px;
}
.img-caption .caption-text{
	position: absolute;
	   top: 136px;
	   left: 18px;
	   width: 100%;
}
.caption-text span{
	color: white;
	   font: 24px/45px "Cousine", Helvetica, Sans-Serif;
	   letter-spacing: .1em;
	   background: rgb(0, 0, 0); /* fallback color */
	   background: rgba(0, 0, 0, 0.7);
	   padding: 10px;
}

.postmetadata{
	font-size:0.66;
	font-weight:300;
}
/* LINKS */
.link{
	padding-left:13px;
	text-align:center;
	*padding-top:0; 
	*padding-bottom:0;
}

/* NAV Menu
-------------------------------------------------------------------------------*/
#nav ul {
	width:auto;
	margin:-1px 3px;
}
#nav li{
	/* buttons */
	display:inline; 
	height:25px;
	line-height:25px;
	border-right: 1px solid #808080;
	margin-left:-2.5px;
	margin-right:-2.5px;
	padding:0px 10px;
	text-align:center;
}
#nav a{ 
	color:#333; 
}
.alignleft{
	float:left;
	display:inline;
	padding-top:5px;
	padding-right:10px;
}
.current-menu-item{ 
	z-index:2;
	color:#000; 
	cursor:pointer; 
	background: #d7d6d5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbbbb', endColorstr='#808080'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bdbbbb), to(#808080)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bdbbbb,  #808080); /* for firefox 3.6+ */
	border: 1px solid #808080;
	height:23px;
}
.current-menu-item a {
	color:#000; 
	text-shadow:none;
}
/* Images
-------------------------------------------------------------------------------*/
#content img{
border: solid 1px #dbdbdb;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    }
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligntwo {
    margin: 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.aligntwo {
    display:inline;
    margin: 0px auto 15px 25px;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    display:inline-block;
    background: #fff;
    max-width: 300px;
    padding: 5px 0px 10px;
    text-align: center;
    margin: 0px auto 0px 25px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    max-width: 300px;
    
}

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

/* Misc
-------------------------------------------------------------------------------*/

#commentform{
	padding-top:1em;
}
#si_contact_form_1{
	margin:0px auto;
}
input, textarea,.inputbox, #comment{
	font-size:11px;
	margin:0 0 8px 0;
	background: #f2f2f2;
	border: 1px solid #d8d8d8;
}
.entry-title {}
.entry-content a {}
.entry-content a:hover {}
#meta {}
.postmetadata {}
.navgation {}
.next-posts {}
.prev-posts {}

#s {}
#searchsubmt {}

/* Comments
-------------------------------------------------------------------------------*/
#commentbox{
	display:inline-block;
}

ol.commentlist {
	list-style: none;
	font-size:10pt;
	margin:4px 0 4px 0;
}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img {display:none}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {display:none}
ol.commentlist li.comment div.comment-meta {font-size: 10pt;}
ol.commentlist li.comment div.comment-meta a {color: #999;}
ol.commentlist li.comment div.reply, #submit{display:inline;font-size: 8pt; padding:1px 4px; border: 1px solid #d8d8d8; -moz-border-radius: 1px; -webkit-border-radius: 1px; background: #f2f2f2;}
ol.commentlist li.comment ul.children li {border-left: 1px solid #808080; padding:0 0 4px 15px;}