/*
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:#EBEBEB; height:100%; width:100%; }

#page { margin:20px auto; width:960px; height: auto;  }

#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; color:#E1E1E1; font-size:12px; margin-left:24px; position:relative; top:-4px; }

#headernav { float:right; font-size:14px; font-family:arial, sans-serif; margin:30px 16px; font-weight:bold; position:relative; top:100px; }
#headernav a { color:#E1E1E1; text-decoration:none; }
#headernav a:visited { color:#E1E1E1; text-decoration:none; }

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:arial, sans-serif; color:#0C1652; font-size:18px; }
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;  }


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:20px 0px; float:left; }
.narrowcolumn { width:680px; }

#sidebar { margin:20px 0px; width:270px; float:left; min-height:660px; 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; }

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; }
#searchsubmit { background-color:#F2EBE1; color:#0C1652; border:1px solid #331212; }


#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 0px; font-weight:bold; font-family:arial; font-size:12px; }
.navigation a { text-decoration:none; }
.alignleft { float:left; }
.alignright { float:right; }

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

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

*/