/*
Theme Name: Salem Free Medical Clinic
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: 2.8
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";

/* Bright Green: a9bc22 */
/* Link Green: 7e9021 */
/* Brown Text: 6e7067 */

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

body { font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background: url("images/bg-full.jpg") repeat-x center top #FFFFFF; color: #6e7067;}

p { line-height: 1.6em; 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;  }

img.alignleft { float: left; margin: 0px 10px 10px 0px;}

.alignright { float:right; }

img.alignright { float: right; margin: 0px 0px 10px 10px;}

#content ul, #content ol { margin: 10px 0 20px 10px; }

#content li { background:url("images/bullet.png") no-repeat scroll left 6px transparent; font-size:12px; margin-bottom:10px; padding-left:20px; color: #8b8c85;}

#content li li { margin-bottom: 0px;}

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

h1, h2, h3, h5, h5, h6 { font-weight:bold; color: #210f09; letter-spacing: -1px; margin-bottom: 10px;} 

h1 { font-size: 2.2em; }

h2 { font-size: 2.0em; }

h3 { font-size: 1.4em; color: #3b2c27; }

h4 { font-size: 1.2em; }

h5 { font-size: 1em; }

h6 { font-size: 1em; }

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

a:link, a:active, a:visited { color: #7e9021; text-decoration: none; }

a:hover { color: #7e9021; text-decoration: underline; }

a:focus { outline: 1px dotted; }

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

#header { display:block; padding-top: 40px; z-index: 999}

h1.logo a { background:url("images/sfc-logo.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:110px; margin-left:10px; margin-top:0; text-indent:-9999px; width:205px; margin-bottom: 10px;}

div.slogan { float: right; margin: 32px 10px 0 0;}

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

#coin-slider-coin-slider { background:url("images/hr.jpg") no-repeat scroll center bottom transparent; padding-bottom:10px;}

#coin-slider { margin-left: 19px; margin-top: 18px; height: 340px; overflow: hidden;}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }

.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { float:right; font-size:0; margin:-33px 20px 0 0; padding:10px; z-index:9998;}

.cs-buttons a { margin-left: 5px; height: 11px; width: 11px; float: left; color: #1b0d09; text-indent: -1000px; background: transparent url(images/dot-off.png) no-repeat 0 0;}

.cs-buttons a.cs-active { background: transparent url(images/dot-on.png) no-repeat 0 0; }

.cs-title { width: 720px; padding: 10px; background-color: #1b0d09; color: #FFFFFF; font-weight: bold; text-shadow: 1px 1px 0px #1b0d09;}

.cs-prev, .cs-next { background-color: #1b0d09; color: #FFFFFF; padding: 0px 10px; display: none;}


/*--------------------------------------------
Front Page
----------------------------------------------*/

.front-feature { width: 230px; float: left; display: inline; }

.front-feature p { font-size: .9em;}

.midmarg { margin: 0 20px;}

.front-feature img { padding: 3px; margin-bottom: 10px; border: 1px solid #d4d6cb; width: 230px; height: 100px;}

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

#nav { background: transparent url(images/nav-bg.jpg) no-repeat top center; margin-top: 20px; margin-bottom: 10px;}

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

#sidebar { }

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

.sidepad { padding: 30px 30px 30px 0;}

#sidebar li li { background:url("images/bullet.png") no-repeat scroll left 6px transparent; font-size:12px; margin-bottom:10px; padding-left:20px; color: #8b8c85;}

/*--------------------------------------------
Login
----------------------------------------------*/

.label { display:block; float:left; width:80px; }

.un, .pw { background-color: #eaede8; border: 1px solid #dbdcd3; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 248px; padding: 7px; margin: 0 0 10px; color: #838780;}

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

#inner-wrap { display:block; overflow:visible; min-height: 375px; z-index: 1;}

#content { z-index: 1;}

.mission { background:url("images/hr.jpg") no-repeat scroll center bottom transparent; font-family:Georgia,Times,Times New Roman,Serif; font-size:1.4em; height: 140px;}

.mission-pad { padding: 20px 20px 0 20px;}

#content .post { z-index: 19999;}


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

#footer { background: transparent url(images/hr.jpg) center top no-repeat; padding-top: 20px; padding-bottom: 50px; color: #babdae; font-size: .8em; text-transform: uppercase;}

#footer p { margin:0; padding:0 20px 5px;}

#footer p.left { float: left; padding-left: 30px;}

#footer a.right { clear:both; float:right; margin-top:0;}

#footer p.center { text-align: center;}

.vintom { background: url(images/vintom.png) no-repeat 0 0; height:30px; text-indent:-9999px; width:100px; margin-top: -10px; padding-right: 20px;}

.vintom:hover { background: url(images/vintom.png) no-repeat 0 -33px;}

.vtp { float: right;}

.wsfc { background:url("images/logo-sprite.png") no-repeat scroll 0 0 transparent; float:left; height:30px; text-indent:-9999px; width:125px; margin-left: 18px;}

.wsfc:hover { background: url(images/logo-sprite.png) no-repeat 0 -33px;}

.unitedway { background:url("images/logo-sprite.png") no-repeat scroll -132px 0 transparent; float:left; height:30px; margin-left:18px; text-indent:-9999px; width:73px;}

.unitedway:hover { background: url(images/logo-sprite.png) no-repeat -132px -31px;}

.salemalliance { background:url("images/logo-sprite.png") no-repeat scroll -272px 0 transparent; float:left; height:30px; text-indent:-9999px; width:67px; margin-left: 18px;}

.salemalliance:hover { background: url(images/logo-sprite.png) no-repeat -272px -32px;}

.designby, .logos { margin-bottom: 40px;}

.designby { padding: 0; margin-left: -10px;}


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

.pad { padding: 30px 0 30px 30px; }	

.home .sidepad { margin-top:-13px; padding: 30px 20px 30px 10px;}

.home .pad { margin-top:-13px; padding: 30px 0 30px 20px;}

.button { background:url("images/nav-grad.jpg") repeat scroll 0 0 #A9BC22; border:2px solid #8FA81B; color:#FFFFFF; font-weight:bold; padding:5px 15px; text-transform:uppercase; text-shadow: 1px 1px 0px #768b15; cursor: pointer; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}

.button:hover { background:url("images/nav-grad.jpg") repeat scroll 0 0 #A9BC22; border:2px solid #768b15; color:#FFFFFF; font-weight:bold; padding:5px 15px; text-transform:uppercase; cursor: pointer; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; text-shadow: 1px 1px 1px #617311;}

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

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

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

.readmore { background:url("images/readmore.png") no-repeat scroll 0 0 transparent; display:block; height:26px; width: 87px; margin-left:-1px; text-indent:-9999px;}

.readmore:hover { background:url("images/readmore.png") no-repeat scroll 0 -26px transparent; }

.sponsor { margin: 10px 20px;}

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