/*
Theme Name: Spotlight on Nursing
Theme URI: http://wordpress.org/
Description: Theme developed for Spotlight on Nursing.
Version: 0.1
Author: Brian Toombs

	This theme was created off of Michael Heilemann's theme. So some
	code is probably leftover and/or reused. At some point I will clean it all
	out and create everything fresh. But for now...

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

* { margin: 0; padding: 0;	}

body {
	color: #333333;
	background: #87A43F url('images/bg.jpg') top center no-repeat;
	font: 87%/1.3 Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link {color: #0066CC; text-decoration: underline;}
a:hover {color: #0066CC; text-decoration: none;}
a:visited {color: #003399;text-decoration: underline;}
a img {border: 0;}

h1, h2, h3, h4, h5, h6 { 
	margin-bottom: .5em;
}
h1 {font-size: 205%; font-weight: bold; color: #002B5C;}
h2 {font-size: 180%; font-weight: bold; color: #87A43F;}
h3 {font-size: 155%;}
h4 {font-size: 130%;}
h5 {font-size: 100%;}
h6 {font-size: .85%;}

ol, ul {
	margin: 1.25em 0 1.25em 3em; 
}

li {
	line-height: 1.2em;
	margin-bottom: .2em; 
	}

p {
	margin: 1em 0;
	line-height: 1.4;
	}

#wrap {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	}


b, strong { font-weight: bold; }
i, em { font-style: oblique; }

input, select, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, "Courier New", Courier, mono;
	font-size: 10px;
	padding: 1px 2px;
	}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
	}


#header {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	}
	
.logo { 
	height: 321px;
	width: 267px;
	position: absolute; 
	z-index: 300;
	top: 0;
	left: 26px;
	background: transparent url('images/son_logo.png') top left no-repeat;
	}
.logo a { 
	height: 321px;
	width: 267px;
	display: block;
	}
.logo img { 
	display: none;
	}

/* Header Tools  ================================  */


#head_tools {
	font: bold 19px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: absolute;
	top: 0; right: 0;
	margin: 0; padding: 0;
	width: 384px; 
	background: #fcfcfc url('images/bg_enav_gray.jpg') bottom left repeat-x;
	}	
#head_tools ul {
	position: relative;
	list-style: none;
	margin: 0 2px 2px 2px; 
	background: #87A43F url('images/bg_enav_green.jpg') top left repeat-x;
	}
#head_tools li {
	float: left;
	padding: 0 0 0 18px;
	margin: 4px 0;
	}
#head_tools li.bdr {
	border-right: 1px solid #fff;
	padding: 0 15px 0 15px;
	}
#head_tools a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 12px 0;
	}
#head_tools li a:hover {text-decoration: underline;}
#head_tools li a.reg {
	background: url('images/icon_reg.gif') center right no-repeat;
	padding-right: 22px;
	}
#head_tools li a.team {
	background: url('images/icon_team.gif') center right no-repeat;
	padding-right: 37px;
	}
			
			
/* Main Navigation  ================================  */


#main_nav {
	font: normal 24px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	float: right; 
	width: 700px;
	margin: 90px 0 30px 0;
	background: #fcf8e3 url('images//bg_main_nav.jpg') bottom left repeat-x;
	border-top: 2px solid #FCCB11;
	border-bottom: 4px solid #87A43F;
	position: relative;
	z-index: 200;
	}
#main_nav ul {
	list-style: none;
	margin: 0 0 0 30px;
	display: block;
	}
#main_nav ul li { 
	float: left;
	}
#main_nav li {margin-bottom: 0;}
#main_nav a {
	color: #002b5c;
	text-decoration: none;
	margin: 0;	
	}
#main_nav ul li a {
	padding: 13px 17px;
	display: block;
	}
#main_nav li ul {
	position: absolute;
	float: left;
	left: -999em;
	height: auto;
	margin: 0 0 0 0;
	width: 185px;
	background-color: #fcf8e3;
	}
#main_nav li ul li {
	text-align: left;
	font-weight: normal;
	font-size: 81%;
	width: 100%;
	}
#main_nav li:hover ul {
	left:auto;
	top: auto;
	margin-top: -5px;
	}
#main_nav li ul li a {	
	padding: 5px 17px;
	}
#main_nav li a:hover{
	background-color: #002b5c;
	color: #fff;
	}

/* Content styles ================================  */

#content {
	float: left;
	background-color: #fcf8e3;
	border-top: 8px solid #87A43F;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	width: 958px;
	}
#content .logo_spacer {
	height: 120px;
	width: 260px;
	margin: 0;
	float: left;
	display: inline;
	}

/* Homepage ONLY Content styles - Home Page id=2 ===================  */

.content_text {
	float: left;
	margin: 15px 15px 15px 40px;
	}
#post-2 {
	display: inline;
	width: 595px;
	}
#post-2 strong.name {
	font-weight: bold;
	color: #2c4169;
	font-size: 125%;
}
#post-2 p.opening {
	margin-bottom: 2em;
}
#post-2 h1, #post-2 h2, #post-2 h3 {
	color: #2c4169;
	font-weight: bold; 
	}
#post-2 h1 {font-size: 244%;font-weight: bold; color: #87A43F; margin: 0;}
#post-2 h2 {font-size: 145%;font-weight: bold; margin: 0;}
#post-2 h3 {font-size: 109%;font-weight: normal;}

#post-2 .hmp_pic_set {margin-top: 2em;}
#post-2 img.hmp_pic {float: left;padding: 5px 0 5px 0;}
#post-2 img.hmp_pic_l {float: left;padding: 5px 10px 5px 0;}

/* Side Column - for Sponsor ================================  */

#side_col {
	width: 305px;
	float: right;
	border-left: 1px solid #1e436c;
	background-color: #f4f9fe;
	}
#side_col img {	
	float: none;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	}

#side_col h1.title {
	width: 100%;
	color: #fff;
	text-align: center;
	font: bold 142% Arial, Helvetica, sans-serif;
	padding: 10px 0;
	margin-bottom: 10px;
	background-color: #1e436c;
}	
#side_col h2.spon_lvl {
	font: 78% Arial, Helvetica, sans-serif;
	letter-spacing: .25em;
	text-transform: uppercase;
	padding: 4px 0 0 0;
	margin: 15px 0 10px 0;
	text-align: center;
	display: block;
	width: 100%;
	border-top: 1px solid #1F436C;
	background: url('images/bg_spon_lvl.jpg') top left repeat-x;
}

ul.friends {
	list-style:none;
	font-size: 18px;
	text-align: center;
}
ul.friends li {
	padding: 5px 0 5px 0;
}


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

.clear {
	clear: both;
}

#footer {
	background-color: #D94E14;
	width: auto;
	clear: both;
	padding: 10px 25px;
	color: #ccc;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	}

img.alignleft {
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}