/*   
Theme Name: The Greenville Textile Heritage Society
Author: Jim Ferguson
Author URI: http://jimferguson.me
Version: 1.0
*/

/*Reset*/
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;}

img.alignleft{ float: left; margin-right: 10px;}
img.alignright{ float: right; margin-left: 10px;}
img.aligncenter{ margin: 0 auto; display: block;}

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 */ 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; }  


/*Styles*/

body {font: 13px Verdana, Arial, Helvetica;  sans-serif; line-height: 18px; background-color: #436C99;}
body, select, input, textarea {color: #222;}

a {color: #436C99;}
a:hover {color: #638CBB; text-decoration: none;}

h1{ font-size: 30px;}
h2{ font-size: 24px; font-weight: normal; margin-top: 15px;}
h3{ font-size: 21px; margin-top: 15px;}
h4{ font-size: 21px; font-weight: normal; margin-top: 15px;}
h5{ font-size: 18px; margin-top: 15px;}
h6{ font-size: 18px; font-weight: normal; margin-top: 15px;}
.page-title, .post-title{ font-size: 18px; color: #436cc9; margin-top: 15px;}

/*Highlight Colors*/
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #fcd700;} 

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

#page-wrap {width: 864px; margin: 0 auto; background-image: url(images/bkg.jpg);}
#content{ width: 575px; padding: 20px; float: right;}

.post {}
.post p{ margin-top: 15px;}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

.meta { font-size: 11px; margin-top: -10px;}

#sidebar { width: 233px; float: left; margin-top: -4px; font-family: Arial, Helvetica, sans-serif;}
#sidebar li a{ text-decoration: none; display: block; padding: 4px 0 3px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #000; background-color: #638CBB; color: #fff;}
#sidebar li a:hover{ background-color: #E3FAE7; color: #436C99;}
#menu-primary li ul { position: absolute; left: -999em; margin-top: -27px; margin-left: 233px; width: 200px; border-left: 1px solid #fff;}
#menu-primary li ul li a{}
#menu-primary li ul li a:hover{}
#menu-primary li ul ul { margin-top: -27px; margin-left: 200px;}
#menu-primary li:hover ul ul, #menu-primary li:hover ul ul ul, #menu-primary li.sfhover ul ul, #menu-primary li.sfhover ul ul ul { left: -999em;}
#menu-primary li:hover ul, #menu-primary li li:hover ul, #menu-primary li li li:hover ul, #menu-primary li.sfhover ul, #menu-primary li li.sfhover ul, #menu-primary li li li.sfhover ul { left: auto;}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmit {}

#footer{ clear: both; width: 864px; background-color: #325884; color: #fff; padding: 10px 0; text-align: center; font-size: 12px; margin-bottom: 75px;}

#comments h4, #respond h4{ font-size: 21px font-weight: normal; margin: 30px 0 15px; padding-top: 15px; border-top: 1px solid #ccc;}
#comments input, #comments textarea, #respond input, #respond textarea{ margin-bottom: 8px;}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
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.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}