/*
Theme Name: wp-ugm
Theme URI: http://vintom.com
Description: A totally custom theme (Based on the famous <a href="http://elliotjaystocks.com/starkers/">Starkers Theme</a>) and the <a href="http://960.gs">960 Grid System</a>.
Version: 3.0
Author: Vin Thomas
Author URI: http://vintom.com
Tags: 960, grid, blank, clean
*/

@import "style/css/960.css";
@import "superfish.css";
@import "style/css/reset.css";


/*--------------------------------------------
Colors
----------------------------------------------*/

/* Brown: 9c4308 */
/* Nav Brown: 665e56 */
/* Tan: f4f2f0 */
/* Yellow: ffcf06 */
/* Orange: ff8315 */


/*--------------------------------------------
Global Styles � (body, paragraphs, lists, etc)
----------------------------------------------*/

body { font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background: #fff url(images/bg.jpg) no-repeat center top; color: #9a8e81;}

.cufont, h2, h3, h3 a, h4{ font-weight: 200 !important;}

p { line-height: 1.8em; margin-bottom: 20px; }

div, ul, li { position:relative; }

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

.aligncenter { display:block; margin:0 auto; text-align: center; }

.alignleft { float:left; margin: 0 20px 5px 0}

.alignright { float:right; margin: 0px 0px 5px 20px;}

#wrapper { margin-top: 20px; }

.box { background-color: #f4f2f0; outline: solid 1px #cccac8; margin-bottom: 20px; overflow: hidden;}

/*--------------------------------------------
Headings
----------------------------------------------*/

h1, h2, h3, h5, h5, h6 { font-weight:normal; } 

h1 { font-size: 2.8em; color: #361e03; }

h2 { font-size: 2.2em; color: #361e03; margin-bottom: 10px; margin-left: -2px;}

h3 { font-size: 1.8em; color: #665e56; margin-left: -2px; margin-bottom: 15px;}

h4 { font-size: 1.2em; margin-bottom: 5px; color: #80766b; margin-left: -2px; line-height: 1.4em;}

h5 { font-size: 1em; }

h6 { font-size: 1em; }

/*--------------------------------------------
Links
----------------------------------------------*/

a:link, a:active, a:visited { color: #9c4308; text-decoration: none; }

a:hover { color: #9c4308; text-decoration: underline; }

a:focus { outline: none; }

/*--------------------------------------------
Header
----------------------------------------------*/

h1 a.logo { background:url("images/logo.png") no-repeat scroll 0 0 transparent; display:block; height:156px; margin-left:-35px; text-indent:-9999px; width:280px;}



/*--------------------------------------------
Navigation
----------------------------------------------*/

#nav { background: transparent url(images/menu-bg.png) no-repeat 0 0; margin-top: 71px; height: 50px; z-index: 999;}

#nav a { color: #665e56; font-weight: bold; text-shadow: 1px 1px 0px #fff; padding: 15px 13px 16px;}

#nav a:hover { text-decoration: none; color: #ff8315;}

#nav li.current_page_item a { color: #ff8315;}



/*--------------------------------------------
Sidebar
----------------------------------------------*/

#sidebar { background: transparent; }

#sidebar ul { margin-bottom: 40px; }

.subs li a { padding: 5px; display: block; border-bottom: dotted 1px #CCCAC8; color: #665E56; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 0px #fff;}

.subs a:hover { color: #9C4308; text-decoration: none;}

.subs .current_page_item a { color: #9C4308;}

.subs .current_page_item .children a { color: #665E56;}

#sidebar ul.children { font-weight:normal; margin-bottom:0; padding-left:20px;}

.subs li ul.children a { font-weight: normal;}

.sidetestimony { font-style:italic; font-weight:bold; margin:0; text-shadow:1px 1px 0 #FFFFFF;}


/*--------------------------------------------
Content 
----------------------------------------------*/

#content { background: #f4f2f0; outline: solid 1px #cccac8; margin-bottom: 20px; }

#content ul { line-height:1.8em; margin:0 0 20px 20px;}

#content li { background:url(images/bullet.png) no-repeat scroll 0 9px transparent; padding-left:20px; overflow: auto;}

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

.slideshow { height: 321px; width: 940px; margin: auto; display: block; overflow: hidden; background: transparent url(images/slider-bg.jpg) no-repeat 0 0; margin-bottom: 20px;}

.slideshow div.slide { margin: 10px; width: 920px; height: 301px;}

.slide1 { background:transparent url(images/slider/slide1.jpg) no-repeat 0 0;}

.slide2 { background:transparent url(images/slider/slide2.jpg) no-repeat 0 0;}

.slide3 { background:transparent url(images/slider/slide3.jpg) no-repeat 0 0;}

.slide4 { background:transparent url(images/slider/slide4.jpg) no-repeat 0 0;}

.slidecontent { left:550px; position:relative; top:70px; width:320px;}

.slidecontent p { font-weight: bold; text-shadow: 1px 1px 0px #f3f3f3;}

.slide h3 { font-size: 44px; letter-spacing: -2px; margin-left: -3px;}


/*--------------------------------------------
Quicklinks
----------------------------------------------*/

.quicklinks img { float: left; padding: 0 15px 20px 0; height: 80px; width: auto;}

.quicklinks a { font-weight: bold;}

.quicklist li { background:url("images/arrow.png") no-repeat scroll 0 2px transparent; padding:0px 0 15px 25px;}

.quicklinks, .newsletter { height: 240px;}

/*--------------------------------------------
Newsletter
----------------------------------------------*/

.signupbox { background: transparent url(images/form-bg.png) no-repeat 0 0; height: 44px; width: 260px;}

#id_3 { width: 166px; float: left;}

#id_3 input { border:medium none; color:#9a8e81; float:left; left:13px; position:relative; top:13px; width:160px;}

#id_2 { width: 80px; float: left}

#input_2 { background:url("images/signup.png") no-repeat scroll 0 0 transparent; border:medium none; color:#B28D04; cursor:pointer; font-size:1.1em; font-weight:bold; height:34px; position:relative; text-shadow:1px 1px 0 #FFEA89; text-transform:uppercase; top:5px; width:90px; padding-left: 6px;}

#input_2:hover { color: #997903;}

/*--------------------------------------------
Info Box
----------------------------------------------*/

.infobox ul li { width: 228px; float: left;}

.box strong { color: #361e03;}

.infobox, .testimonial { height: 200px; }

/*--------------------------------------------
Testimonial
----------------------------------------------*/

.testimonial img { float:left; height:110px; padding:0 15px 20px 0; width:85px;}

/*--------------------------------------------
Tables
----------------------------------------------*/

table { border-width: 0px; border-style: solid; border-color: #cccac8; border-collapse: collapse; background-color: #faf7f5; color: #665e56; } 

table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #e5e3e1; }

table td { border-width: 1px; padding: 8px; border-style: solid; border-color: #e5e3e1; }

table tr.odd { background-color: #f5f2f0;}

.twocol { width: 272px;}

/*--------------------------------------------
Footer
----------------------------------------------*/

.terms { margin-top: 10px;}

.terms p { margin-bottom: 0px; font-size: 10px;}

.footermenu ul { float: right; margin-top: 10px;}

.footermenu li { display:inline; font-weight:bold; padding-left: 10px;}

.footermenu li a { color: #665e56; }

.footermenu li a:hover { color: #ff8315; text-decoration: none;}

.vintom { font-size: 10px; text-align: right;}

.rights { font-size:10px; line-height:1.8; margin-bottom:0; text-align:right;}

#footer { margin-bottom: 40px;}

.donatebutton { margin-bottom: 0px; display: block;}

.facebook {	margin: -10px 20px 0; }


/*--------------------------------------------
Misc
----------------------------------------------*/

.pdf { background:transparent url(images/pdf.png) no-repeat scroll left 5px; height:13px; padding:5px 0 5px 23px;}

.doc { background:transparent url(images/doc.png) no-repeat scroll left 5px; height:16px; padding:5px 0 5px 23px;}

.paper { background:transparent url(images/page.png) no-repeat scroll left 7px; height:13px; padding:5px 0 5px 23px;}

.folder { background:transparent url(images/folder.png) no-repeat scroll left 7px; height:13px; padding:5px 0 5px 23px;}

.phone { background:transparent url(images/phone.png) no-repeat scroll left 9px; height:13px; padding:5px 0 5px 17px;}

.mail { background:transparent url(images/mail.png) no-repeat scroll left 9px; height:13px; padding:5px 0 5px 17px;}

.pad { padding: 20px; }	

hr.sep { border: none; border-top: solid 1px #f4f2f0;}

.bigreadmore { display: block; width: 150px; height: 26px; text-indent: -9999px; background: transparent url(images/bigreadmore.png) no-repeat 0 0; float: right;}

.bigreadmore:hover { display: block; width: 150px; height: 26px; text-indent: -9999px; background: transparent url(images/bigreadmore.png) no-repeat 0 -28px;}

.smallreadmore { width: 105px; height: 20px; text-indent: -9999px; background: transparent url(images/smallreadmore.png) no-repeat 0 0; float: right;}

.smallreadmore:hover { width: 105px; height: 20px; text-indent: -9999px; background: transparent url(images/smallreadmore.png) no-repeat 0 -20px;}

.testimonial .smallreadmore { margin-top: -10px;}

.smallprint { font-size: smaller;}

hr.sep { border: dotted 0px #CCCAC8; border-top-width: 1px; clear: both; height: 15px; }

blockquote { background-color: #FFFFFF; border:1px solid #CCCAC8; margin:20px 20px 40px; padding:20px 20px 0;}