/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body  {	
        font: 100% Arial, Helveltica, san-serif;	margin: 0;
	padding: 0;
	text-align: center;
 	color: #333;
	background: #1d708f  url(style/images/bg.jpg) no-repeat top center;
}

p {
     font-size:12px;
}

#pagewrap {
 	width: 950px;
 	margin: 0 auto;
 	text-align: left;
}

 #header {
 	padding:0;
       height:145px;
} 

#header h1 {
	margin: 0;
 	padding: 10px 20px; 
float:left;
}

/* #nav {margin:0;width: 950px;height:50px;margin-top:0px;font-weight:bold;background:url(style/images/navbg.jpg) repeat-x;}

#header img {      margin-top:0px;}

#nav li {        float:left;        margin:18px 40px 12px 40px;}
#nav a, #nav a:visited {        color:#fff;        text-decoration: none;}
#nav a:hover {      background:#000;  color:#bbb;        text-decoration:none;}
#nav a:active {       color:#eee;} 

*/
#mainmenu{
        width: 950px;
         float: left;
       background:url(style/images/navbg.jpg) repeat-x;
       height:45px;
        line-height:35px;
        margin: 0;
        padding:0;
        border-bottom:0px solid #fff;
}

#mainmenu ul {
	margin: 0;
	padding:0;

	list-style-type: none;
	z-index:1000;
}

/* Top level list items */

#mainmenu ul li {
	position: relative;
	display: inline;
	float: left;
   
	z-index:1000;
	color:#fff;
        padding:3px 0 0 16px;
	font-size:14px;
        background:url(style/images/navbg.jpg) repeat-x;
}

#mainmenu ul li.first {
	padding:0;
	background:none;
}

/* Top level menu link items style */

#mainmenu ul li a {
	display:block;
	color:#fff;
	z-index:1000;
	height:39px;
	padding:3px 10px 0 10px;
	font-weight:bold;
        text-decoration:none;
}

* html #mainmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}

* html #mainmenu ul li ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	float:none;       
}

#mainmenu ul li a:link, #mainmenucat ul li a:visited {
	text-decoration:none;
}

#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a {
	background:#5c1c2a;
	color:#bbb;
	text-decoration:none;
}

/* 1st sub level menu */

#mainmenu ul li ul {
	position: absolute;
	left: 0;
     line-height:25px;
	display: block;
	visibility: hidden;
	margin:0 0 0 17px;
}

/* Sub level menu list items (undo style from Top level List Items) */

#mainmenu ul li ul li {
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */

#mainmenu ul li ul li ul {
	top: 0;
	margin:0;
}

/* Sub level menu links style */

#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a {
	width: 160px; /*width of sub menus*/
	height:auto;
	padding: 2px 5px 2px 10px;
	margin: 0;
	border-bottom: 1px solid #676767;
	background:#5c1c2a;
	border-top-width: 0;
	text-align:left;
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#mainmenu ul li ul li a:hover { /*sub menus hover style*/
	text-decoration:none;
	color:#fff;
background:#000;
}

.welcome {
     padding:20px 20px 0px 20px;
     line-height:130%;
}

.frontnews {
    line-height:130%;
}

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 10px 15px 10px;
}

#wrap {
      width:950px;
      background:#fff;
}

#sidebar-int {
         float:left;
         width:240px;
         padding:40px 10px 15px 10px;
       }

#sidebar-blog {
         float:right;
         width:240px;
             background:#fff;
         padding:40px 40px 20px 20px;
         
}

#sidebar-hp {
          float:right;
          width:330px;
          padding:15px 10px 15px 10px;
}

#maincontent {
        background: #FFFFFF;
	margin: 0px 330px 20px 0; 
/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
        width:600px;
	padding: 0; 
/* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#maincontent-int {
       	background: #FFFFFF;
	margin: 0px 240px 20px 0;
        width:650px;
	padding: 0;
}

#maincontent-wide{
       	background: #FFFFFF;
	margin: 0px 0px 20px 0px;
        width:950px;
	padding: 0;
        float:left;
}
.contentbg {
        width:910px;
        background:#ffffff;
}

.innerleft {
       float:left;
       width:600px;
       background:#ffffff;
}



#footer {
 	padding:0; 
/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: transparent url(style/images/footer-bg.jpg) repeat-x;
        width:950px;
        margin:0 auto;
        height:225px;     
} 

#footer p {
	margin: 0; 
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 25px 10px 0px 10px ;
                color:#fff;
}

.bottomnav ul {
    float:left;
    width:110px;
    color:#fff;
    font-size:10px;
     font-weight:bold;
     margin:70px 5px 10px 5px;
}

.bottomnav {
    margin-left:5px;
}

.bottomnav a {
     color:#fff;
     text-decoration:none;
}

.proceduresleft {
     width:600px;
     float:left;
}

.proceduresright {
     width:250px;
    float:left;
}

.bottomnav a:hover {text-decoration:underline;}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

.clearleft {
       clear:left;
}

.frontnews {
       width:600px;
       position:relative;
}

.frontnews ul {
       display:inline;
}

.frontnews li {
         width: 250px;
         margin: 0px 10px 10px 10px;
         padding:10px;
         float:left;
}

.frontadpics {
         position:relative;
         float:left;
         width:600px;
}

.frontadpics ul {
         display:inline;
}
.frontadpics li {
         width:175px;
         height:130px;
         margin:20px 10px;
         background:#f00;
}

#s {
         width:220px;
         height:24px;
         margin-left:10px;
}

#searchsubmit {
         width:80px;
         height:30px;
         background:#5c1c2a;
         color:#fff;
         margin:0px 0px 0px 10px;
}

.appointment {
         width:310px;
         height:280px;
         background:#fff;
         margin-top:20px;
         margin-left:10px;
}

.community {
         width:310px;
         height:250px;
         background:#fff;
         margin-top:20px;
         margin-left:10px;    
}

.social {
        width:310px;
        height:100px;
        background:#fff;
        margin-top:20px;
        margin-left:10px;    
}

.request-title {
     background:#5c1c2a;
     color:#fff;
     width:100%;
     height:24px;
}

.request-title h4 {
    padding:2px 0px 0px 20px;
}

#form1 {
    padding: 20px 25px;
}

#comments_sb {
       margin-top:12px;
       width:250px;
}

#email_sb {
       margin: 12px 0px 12px 0px;
       width:190px;
}

#button_sb {
       float:right;
       margin:10px 10px 0px 0px;
}

#name_sb {
      width:195px;
}

.frontnews h3 {
       height:24px;
       width:250px;
       background:#5c1c2a;
       color:#fff;
       font-weight:normal;
       padding:5px 0px 0px 15px;
}

.social-list {
        float:left;
        margin-top:10px;       
}

.social-list li {
        margin:5px 3px 5px 3px;
        display:inline;
}

.pageformat {
        padding:20px;
        background:url(style/iages/pg.jpg) repeat-y;
}

.pageformat-blog {padding:40px 20px 20px 40px;float:left;width:600px;}

.pageformatfront {
       background:url(style/images/pg.jpg) repeat-y;
}

.bottompagebg {
       background:url(style/images/bottompagebg.jpg) no-repeat top left;
}

.npf {
     float:right;
     margin:20px;
}

.npf a {
     color:#fff;
     text-decoration:none;
     padding: 5px;
}

.npf a:hover {
     color:#5c1c2a;
}

.npf img {
     margin:-10px 10px;
}

.toggler h3 {color:#000000;}
.toggler  {
 
        background:#eee url(style/images/footerbg.jpg);
        font-weight:bold;
        color:#000000;
        margin: 0;
        padding:5px;
        font-size:14px;
        font-family:Arial, sans-serif; 
}


.element	 { padding:15px 20px; }
#slider1 {
        width: 600px; /* important to be same as image width */
        height: 309px; /* important to be same as image height */
        position: relative; /* important */
 	overflow: hidden; /* important */
}

#slider1Content {
        width: 600px; /* important to be same as image width or wider */
        position: absolute;
	top: 0;
	margin-left: 0;
}

.slider1Image {
        float: left;
        position: relative;
	display: none;
}
.slider1Image span {
       position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
       padding: 10px 13px;
       width: 540px;
       background-color: #000;
       filter: alpha(opacity=70);
       -moz-opacity: 0.7;
	-khtml-opacity: 0.7;    opacity: 0.7;    color: #fff;    display: none;
}
.clear {	clear: both;}
.slider1Image span strong {    font-size: 14px;}

ul { list-style-type: none;}


.left {	top: 0;    left: 0;	width: 580px !important;	height: 50px;}

.right {	right: 0;	bottom: 0;	width: 580px !important;	height: 50px;}

p {margin-bottom:1em;line-height:130%;}
.map {float:left; width:400px;}.mapcontent {float:left;width:450px;margin:10px;}

.staffpage {
      width:600px;
      float:left;
}

.staffpageright {
      width: 260px;
      padding:20px 20px 10px 30px;
     float:left;
}

.jeffleft {
      width:600px;
      float:left;
}

.jeffright {
      width:270px;
      float:left;
      margin: 0px 10px 0px 30px;
}

.askleft, .scheduleleft {
      width:270px;
      float:left;
      margin:20px 10px 0px 10px;
}

.askright, .scheduleright {
      width:600px;
      float:left;
      margin:20px 10px 0px 10px;
}


.defiant {float:right;margin:40px 10px 10px 10px;}
.defiant a {color:#5c1c2a;}
.defiant a:hover {color:#eee;}