@charset "UTF-8";
/* CSS Document

Theme Name: Justin
Description: Custom theme created for Justin Kinsey's campaign site
Version: 1
Author: Samantha Armacost
Authror URI: http://www.samanthaarmacost.com
Tags: centered, fixed-width, gray, blue, white, red, yellow
*/

body {background: #ccc url(img/body_back_grad.gif) repeat-x top; font-family:Helvetica,Arial,Verdana,sans-serif;font-size:0.96em;min-height:101%;text-align:center; color:#000; line-height:1.5;}

html {height:100%;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0; padding:0;} 

.clear {clear:both;}
.right {float:right;}
.left {float:left;}

img {border:0;}

a:link, a:visited {color:#666;text-decoration:none;}
a:active, a:hover {color:#666;text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {padding:.2em 0 .4em 0;}



/* GENERAL TEMPLATE  ------------------------------------------------------------------------------------------- */

.wrap {margin:0 auto;width:910px; text-align:center; position:relative;}

#head {background: url(img/logo_kinsey.png) no-repeat right bottom;}
#head h1, #head h2 {text-indent:-9000em; line-height:.8;}

#head ul {background: url(img/social_tab_back.png) no-repeat top right; height:38px; list-style:none; text-align:right;}
#head ul li {display:inline; margin:3px;}
#head ul li.last {margin-right:14px;}
#head ul li img {padding-top:10px;}


/* NAVIGATION  ------------------------------------------------------------------------------------------- */

#nav ul {background:url(img/nav_back_grad.gif) repeat-x; list-style:none; height:83px; margin:10px 0 0 0;}
#nav ul li {background:url(img/nav_div_line.png) no-repeat right; height:76px; margin:0 0 0 -5px;display:-moz-inline-box; display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
#nav ul li.page-item-9  {background:none;}

#nav ul li a:link, #nav ul li a:visited {padding:0 32px; text-transform:uppercase; letter-spacing:1px; color:#b62025; text-shadow: 0 1px 0 #fff; font-size:18px; height:77px; line-height:4.5; margin:0; display:-moz-inline-box; display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
#nav ul li a:active, #nav ul li a:hover {background:url(img/nav_back_overstate.png) no-repeat; color:#000; text-shadow: 0 1px 0 #FFF7BF; text-decoration:none;}


/* CONTENT AREA  ------------------------------------------------------------------------------------------- */

#content {background:#fff url(img/content_back_top.png) top repeat-x; min-height:300px; padding:25px; width:870px; box-shadow: 1px 15px 10px #000; -moz-box-shadow: 1px 15px 10px #000; -webkit-box-shadow: 1px 15px 10px #000;}
#content h3 {color:#b62025; font-weight:200; letter-spacing:1px; padding:10px 0 0 0;}

#content .wide_col {width:580px; margin:20px 15px 0 0; padding:0 15px 0 0; text-align:left; border-right:#333 1px inset; min-height:600px;}
#content .sidebar {width:250px; margin:10px 0 0 0; text-align:left;}

a.read_more {text-transform:uppercase; font-size:10px; color:#b62025;}

a img.btn_materials {position:relative; z-index:15; left:70px; top:50px;}
a img.btn_lib {position:relative; z-index:10; top:-50px;}


/* FOOTER ------------------------------------------------------------------------------------------- */

#foot {padding:10px 25px 10px 25px; text-align:right; background:#fff; width:870px; box-shadow: 1px 5px 10px #000; -moz-box-shadow: 1px 5px 10px #000; -webkit-box-shadow: 1px 5px 10px #000;}

#foot ul {list-style:none; font-size:.7em;}
#foot ul li {display:inline; padding:1px 15px; border-right:#999 1px solid;}
#foot ul li.page-item-9 {border:none; padding-right:0px;}

#foot p {color:#666; font-size:.7em;}

#foot p a:link, #foot p a:visited {color:#666;text-decoration:none;}
#foot p a:active, #foot p a:hover {color:#666;text-decoration:underline;}

#foot ul li a:link, #foot ul li a:visited {color:#666;text-decoration:none;}
#foot ul li a:active, #foot ul li a:hover {color:#666;text-decoration:underline;}


/* WordPress ------------------------------------------------------------------------------------------- */

.wide_col .entry, .wide_col .entry p {margin-bottom:10px; font-family:Helvetica,Arial,Verdana,sans-serif;}

blockquote {margin:20px; padding:15px; border:1px inset; background:#282663; color:#fff; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;}

a:link.readmore, a:visited.readmore {color:#b62025;text-decoration:none; text-transform:uppercase; font-size:10px;}
a:active.readmore, a:hover.readmore {text-decoration:underline;}

.post h2 {color:#b62025; font-weight:200; letter-spacing:5px; text-transform:uppercase; text-shadow: -1px -1px white, 1px 1px #333;}



/* Image Slider ------------------------------------------------------------------------------------------- */

#slider{margin:0 0 0 3px;}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:864px; height:256px; overflow:hidden; }	
#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:-5px;top:100px; text-indent:-90000em;}	
#nextBtn{left:895px;}														
#prevBtn a, #nextBtn a{display:block; width:30px; height:77px; background:url(img/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a{background:url(img/btn_next.gif) no-repeat 0 0;}