/*
Theme Name: JS Arts Portfolio
Theme URI: http://wordpress.org/
Description: Arts portfolio
Version: 1.0
Author: Joshua Siegal
Author URI: http://joshuasiegal.org
Tags: blue, brown, beige, custom header
*/

/*
:root { overflow-y:scroll; }
*/

* { margin: 0 0; padding: 0 0; }

html, body { background-color:#FFFFFF; height:100%; width:100%; }

#page { margin:4px auto 20px; width:960px; height: auto; background-color:#FFFFFF;  }

#header { margin:10px 0px 10px; width:960px; height:160px; background-image:url('images/fluids1.jpg'); background-repeat:no-repeat; clear:both; clear:both; }
#headerlogo { position:relative; top:8px; float:left; margin-left:10px; }
.description { font-family:arial, sans-serif; font-weight:bold; color:#E1E1E1; font-size:12px; margin-left:24px; position:relative; top:-4px; }

#headernav { float: right;
    font-family: arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 24px 8px;
    position: relative;
    top: 100px; }
#headernav a { color:#E1E1E1; text-decoration:none; padding:2px; text-transform:capitalize; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
#headernav a:hover, #headernav a.curpage { text-transform:capitalize; background-color:#E1E1E1; color:#0C1652; }

h1 a { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h1 a:hover { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h1 a:visited { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }

h2 { font-family:Georgia, serif; color:#0C1652; font-size:18px; text-transform:lowercase; }
h2 a { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h2 a:hover { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h2 a:visited { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
div.post h2 { margin-top:12px; font-size:18pt; }

h2.mainheader { font-size:24px; margin-bottom:12px; background-color:#D1D1D1; padding:4px 8px; }

h3 { font-family:arial, sans-serif; color:#0C1652; font-size:14px; }
h3 a { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h3 a:hover { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }
h3 a:visited { font-family:arial, sans-serif; color:#0C1652; text-decoration:none;  }

.righthead { font-size:12px; }

#content { margin:0px 0px 20px; float:left; }
.narrowcolumn { width:680px; }

#sidebar { margin:0px 0px 20px; width:262px; padding:8px; float:left; min-height:1000px; border-left:1px solid #331212; background-color:#E1E1E1; }

#sidebar ul { margin-bottom:20px; }
#sidebar li { margin-top:6px; margin-bottom:6px; font-family:arial; }
#sidebar .widget_search { margin-bottom:20px; }
#sidebar p { font-size:11px; }
#sidebar #followButton { margin-left:8px; padding-bottom:20px; }

#sidebar ul#tweetList { margin-left:8px; }
#sidebar ul#tweetList li { font-size:12px; padding-bottom:6px; border-bottom:2px solid #FAFAFA; }
span.tweetDate { font-size:10px; color:#0C1652; }
#sidebar ul#tweetList li a { text-decoration:none; }
#sidebar ul#tweetList li a:hover { text-decoration:underline; }
#sidebar div.aboutme { font-size:12px; padding-bottom:18px; margin-left:8px; }

li .cat-item a { text-decoration:none; font-family:arial; font-size:11px; }
.widget sidebar ol { list-style-type:none; }
.widget li { list-style-type:none; font-family:arial; font-size:11px;  }
.newsevents li { list-style-type:none; margin-left:8px; font-size:10px; margin-left:8px; }
.blogroll li { margin-left:8px; font-size:11px; }
.widget { list-style-type:none; margin-left:6px; margin-bottom:6px; }
.widgettitle { font-size:14px; }
.widget h2 { font-size:14px; }
.screen-reader-text { display:none; }
input { font-family:arial, sans-serif; font-size:11px; padding:2px; }
#searchsubmit { background-color:#F2EBE1; color:#0C1652; border:1px solid #331212; }

.widget li a .mainheader {
	margin-top:20px;
}

#footer { clear:both; margin-top:40px; }
#footer p { font-size:12px; text-align:center; }
#footer a { font-weight:bold; text-decoration:none; }
#footer a:hover { font-weight:bold; text-decoration:none; }
#footer a:visited { font-weight:bold; text-decoration:none; }

#footerleft { float:left; font-family:arial; font-size:11px; }
#footerright { float:right; }

.post { margin:0px 20px 20px; }
.entry { margin:10px 0px; }

.navigation { margin:20px auto;; font-weight:bold; font-family:arial; font-size:12px; overflow:auto; }
.navigation a { text-decoration:none; }
.alignleft { float:left; padding:0px 20px; }
.alignright { float:right; padding:0px 20px; }

p { font-family:arial, sans-serif; color:#21201A; font-size:12px; margin-right:10px; margin-bottom:14px; }
small { margin:6px 0px; font-family:arial, sans-serif; font-size:10px; }
.postmetadata { margin:6px 0px; font-family:arial, sans-serif; font-size:10px; }

div.ogtitle { font-family:arial,sans-serif; font-size:16px; margin-left:20px; }

div.ogtitle-main { font-size:16px; margin-left:12px; }
div.ogtitle-main a,
div.ogtitle-main a:hover,
div.ogtitle-main a:visited {
	text-decoration:none;
	font-family:arial,sans-serif;
}

p.latest-all {
	position:relative;
	left:24px;
}

div.ogtitle a,
div.ogtitle a:hover,
div.ogtitle a:visited {
	text-decoration:none;
}

div#latest-img {
	margin-left:20px;
	margin-bottom:12px;
}

div.ogentry { margin-left:20px; }

div.newstitle { font-size:12px; margin-left:20px; text-indent:0; margin-top:10px; text-indent:-10px; }
div.newstitle a { font-family:arial, sans-serif; text-decoration:none; font-size:12px; width:420px; }
div.newstitle a:hover { text-decoration:none; }
div.newsentry p { margin-top:0px; margin-left:20px; }
div.allnews { margin-bottom:24px; }

a { color:#0C1652; text-decoration:underline; }
a:hover { color:#0C1652; text-decoration:none; }
a:visited { color:#0C1652; text-decoration:none; }

#maintitle { clear:both; font-family:arial, sans-serif; font-size:18px; margin-bottom:4px; }
#maintitle a { text-decoration:none; }
#mainthumb { float:left; margin-bottom:30px; }
#mainthumb img { border-width:0px; }
#mainentry { float:left; margin-left:10px; margin-top:8px; width:420px; }




/*  COLOR PALETTE

Light Grey - EBEBEB
Dark Text - 21201A
Sage Accent - 7F8D7B
Dark Beige - 8C806D
Beige Highlight - F2EBE1
RedBrown Accent - 79431F

*/


/* PALETTE BW

Light Grey - E1E1E1
Red - 331212
Blue - 0C1652
Dark Grey - D5D5D5

*/