/*
Theme Name: Seagull
Theme URI: http://wordpress.org/
Description: Based off the look and feel of my portfolio
Version: 1.0
Author: Joshua Siegal
Author URI: http://joshuasiegal.com
Tags: blue, brown, beige, custom header
*/


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

html, body { background-color:#F2F2F2; height:100%; width:100%; overflow:hidden; }

#bg { position:absolute; left:0px; top:0px; z-index:1; height:100%; width:100%; background-image:url('images/pageBG.jpg'); background-width:100%; background-repeat:repeat-y; }

#scroller { position:relative; z-index:2; height:100%; width:100%; overflow-y:scroll; overflow-x:auto; }
#canvass { position:relative; z-index:2; width:760px; height:auto; margin:10px auto; }

#content { float:left; width:560px; border-right:1px dotted #253242; border-left-width:0px; min-height:520px; }
#content.widecolumn { width:760px; border:0px; }

#sidebar {  float:left; width:190px; height:auto; }
.sidelist { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; margin:0px 8px; color:#6A87A1; list-style-type:none;  }

.widget_tag_cloud a { text-decoration:none; }

.logo { width:760px; height:50px; }

hr { height:0px; border-top:1px dotted #253242; border-bottom-width:0px; clear:both; }

.navigation { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; margin:20px auto; color:#6A87A1; width:600px; }
.alignleft { text-align:left; float:left; }
.alignright { text-align:right; float:right; }

#wp-calendar { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; color:#6A87A1; }
caption { font-weight:bold; font-size:10px; }

#footer { clear:both; }


/* ------------  FORM / COMMENT STYLES ------------ */

.commentbox { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242; margin:0px 20px 0px 40px; width:600px; }
.input { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242; margin:0px 0px 0px 40px; width:200px; }
select { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242; }
option { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242; }
.butt { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; border:1px solid #253242; background-color:#6A87A1; color:#253242; margin:8px 40px; padding:3px; }

.screen-reader-text {  }
#s { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242;  }
#searchsubmit { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; border:1px solid #253242; background-color:#6A87A1; color:#253242; padding:1px;  }

.commentlist { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#253242; margin:0px 20px 0px 40px; list-style-type:none; }
.commentlist li { border-top:1px dotted #253242; padding-bottom:16px; }
.req { font-weight:bold; color:#6A87A1; }

h4 { font-family:"Kozuka Gothic", Gil Sans, Arial; font-size:12px; color:#CCBCAA; margin:20px 20px 6px 40px; }

.screen-reader-text { font-family:"Kozuka Gothic", Gil Sans, Arial; font-size:11px; margin:20px 20px 6px 0px; }

.paypal { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#6A87A1; text-align:center; }
.ppform { display:inline; margin-left:10px; margin-right:10px; }

/* ------------  IMAGE / CAPTION STYLES ------------ */

.aligncenter { margin:auto; }
.wp-caption-text { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:11px; color:#6A87A1; text-align:center; margin-top:2px; }

/* ------------  TEXT STYLES ------------ */

h2 { font-family:"Kozuka Gothic", Gil Sans, Arial; font-size:16px; color:#302928; margin:20px 20px 6px 40px; clear:both; }
.ah2 { text-decoration:none; color:#302928; }
.ah2:hover { text-decoration:none; color:#CCBCAA; }
.ah2:active { text-decoration:none; color:#CCBCAA; }

h2.page { font-size:20px; }
.apage { text-decoration:none; color:#253242; }
.apage:hover { text-decoration:none; color:#6A87A1; }
.apage:active { text-decoration:none; color:#6A87A1; }

.pagesub { font-family:"Gil Sans", Arial; font-size:14px; color:#6A87A1; margin:0px 20px 8px 48px; }

.melink { text-decoration:none; color:#6A87A1; }

h3 { font-family:"Kozuka Gothic", Gil Sans, Arial; font-size:14px; color:#CCBCAA; margin:20px 20px 6px 40px; clear:both; }
.widgettitle { font-family:"Kozuka Gothic", Gil Sans, Arial; font-size:14px; color:#CCBCAA; margin:20px 0px 6px 0px; clear:both; }

.widgettitlelink { text-decoration:none; color:#CCBCAA; }

small { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; color:#302928; margin:0px 20px 0px 40px; }
small.comment { margin-left:8px; }

.entry { font-family:"Gil Sans", Arial; font-size:12px; color:#253242; margin:18px 20px 8px 40px; }
.postmetadata { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; color:#6A87A1; margin:0px 20px 0px 40px; text-align:right; }

a { text-decoration:underline; color:#253242; }
a:hover { text-decoration:none; color:#6A87A1; }
a:active { text-decoration:none; color:#6A87A1; }

p { margin:10px 0px; line-height:1.5; }

blockquote { font-family:"Courier New", monospace; background-color:#CCBCAA; font-size:11px; margin:12px 40px 12px 40px; padding:4px 8px; }

.foottextL { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; color:#6A87A1; margin:8px 0px 8px 0px; text-align:left; float:left; }
.foottextR { font-family:"Kozuka Gothic", "Gil Sans", Arial; font-size:10px; color:#6A87A1; margin:8px 0px 8px 0px; text-align:right; float:right; }




/* ---------- COLOR PALETTE

Deep Blue - 253242
Light Blue - 6A87A1
Dark Brown - 302928
Beige - CCBCAA
Whitish - F2F2F2
Liner - CCCCCC

------------ */