/* @override http://Feelgoodlost/~johnskyler/frontlinesms/wp-content/themes/smsmedic/styles/smsmedic.css */

/*  
Theme Name: FrontlineSMS:Medic
Theme URI: http://medic.frontlinesms.com
Description: Theme based on Vibrant CMS by WooThemes
Version: 1.0
Author: John Wagner, An Illustrated Primer
Author URL: http://www.illustratedprimer.com/
*/

body {
	background-color: #dfdfdf;
	margin: 18px 0 0;
}

.hidden {
	display: none;
}

a:hover {
	color: #808080;
}

#page-wrap {
	width: 1174px;
	margin-left: auto;
	margin-right: auto;
}
ul.navigation {
	position: relative;
	width: 597px;
	padding-left: 42px;
}

.navigation li {
	display: inline-block;
	height: 30px;
	text-align: center;
	margin-left: 9px;
	zoom:1; *display: inline; _height: 30px;
}

.navigation #social {
	font-size: 10px;
}

a {
	color: #a0101e;
}
a:hover {
	color: #808080;
}

.navigation li.current_page_item {
	background: url(smsmedic/littlearrow.png) no-repeat center 21px;
}

.navigation li.current_page_item a {
	color: #7f7f7f;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
}


.header {
	background: #fff url(smsmedic/round-corners-top.png) no-repeat;
	width: 902px;
	height: 161px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	position: relative;
	z-index: 3;
}

.header #SMSmediclogo {
	margin-left: 654px;
}

.header .navigation {
	list-style-type: none;
	margin-left: -9px;
	font: normal normal 29px Futura, Helvetica, sans-serif;
	font-variant: normal;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
	margin-top: -36px;
}

/* Slider attributes */

#featured {
	width: 874px;
	height: 413px;
	padding-left: 150px;
	padding-top: 102px;
	padding-right: 150px;
	position: relative;
	z-index: 2;
	background-image: url(smsmedic/slider_background.png);
	margin: -79px auto -114px;
}

.crop {
	overflow: hidden;
	width: 873px;
	height: 310px;
}

.widearea {
	height: 310px;
	width: 8000px;
}

.pageitem {
	width: 870px;
	height: 310px;
	display: inline-block;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
}

.pageitem h1{
	color: #fff;
	font: 60px Futura, Helvetica, Arial, sans-serif;
	padding: 0;
	margin-top: 0;
}

.pageitem h2 {
	color: #fff;
	font: 15px Futura, Helvetica, sans-serif;
	padding: 0;
	width: 870px;
	margin-top: -21px;
}

.pageitem h2 a {
	color: white;
}


.pageitem p {
	color: #fff;
	font: 12px Futura, Helvetica, sans-serif;
	padding: 0;
	margin-top: 25px;
	width: 306px;
}

.pageitem div.featimg{
	margin-top: 60px;
	margin-right: 15px;
	float: right;
	z-index: 10;
}

.pageitem .slider_button {
	width: 0px;
	height: 50px;
	background-image: url(smsmedic/slider_button.png);
	padding-top: 28px;
	position: relative;
	float: right;
	margin-top: -120px;
	margin-right: 173px;
	text-align: center;
}

.pageitem .slider_button a{
	font: 23px "Adobe Garamond Pro";
	color: #c40017;
	text-shadow: #b8b8b8 0 -1px 1px;
	margin-left: -6px;
}

.pageitem .slider_button a:hover{
	color: #808080;
}


ul.tabs {
	position: relative;
	z-index: 4;
	float: right;
	margin-top: 30px;
	margin-right: 186px;
}
ul.tabs li {
	display: inline;
	padding-left: 18px;
}

#smallslider {
	width: 874px;
	height: 189px;
	padding-left: 150px;
	padding-top: 102px;
	padding-right: 150px;
	position: relative;
	z-index: 2;
	background-image: url(smsmedic/small_slider_background.png);
	margin: -79px auto -114px;
}

#smallslider img {
	margin-left: 15px;
	margin-top: 2px;
}

#smallslider h1{
	color: #fff;
	font: 73px "Adobe Garamond Pro";
	padding: 0;
	margin-top: 13px;
	margin-left: 5px;
	display: inline;
}

/* Content Area */



.content {
	background: #fff none no-repeat;
	width: 802px;
	position: relative;
	z-index: 1;
	font: 15px/18px "Adobe Garamond Pro";
	margin-bottom: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 36px 25px 15px;
}

.content div#text {
	width: 510px;
}

.content h2 {
	font: normal normal 29px Futura, Helvetica, sans-serif;
	text-decoration: none;
	width: 303px;
}

.content h3 {
	text-decoration: none;
	font: normal normal normal 16px Futura, Helvetica, sans-serif;
	color: #5b5b5b;
}

.content div#text hr {
	border-style: none;
	border-top: 2px solid #d4d4d4;
	margin-top: -12px;
	margin-left: 0;
	margin-right: 0;
	float: none;
	padding: 0 0 6px;
}

.content div#text p#body-text {
	text-indent: 39px;
	text-align: justify;
	width: 510px;
}

.content #partners {
	width: 510px;
	padding-bottom: 24px;
}

.content #partners img {
	margin-top: -21px;
}

.content #images {
	width: 261px;
	float: right;
	height: 522px;
	overflow: hidden;
	padding-left: 20px;
}

.content #images img{
	margin-bottom: 21px;
}

.content #featured_item {
	margin-top: 20px;
	margin-left: 0;
	padding: 0;
}

.content #featured_item li {
	width: 385px;
	float: left;
	margin-left: 0;
	padding-right: 15px;
	list-style-type: none;
}

.content #featured_item img {
	float: left;
	margin-right: 10px;
}

.content #featured_item h2 {
	width: auto;
	font-size: 16px;
	display: inline;
}

.content #featured_item h3 {
	width: auto;
	font-size: 12px;
	display: inline;
	margin-left: 9px;
}

.content #secondary_item {
	display: block;
	clear: left;
	padding-top: 24px;
	padding-bottom: 12px;
}



.content #secondary_item h2 {
	width: auto;
	font-size: 16px;
	margin: 0;
	display: inline;
	padding: 0;
}

.content #secondary_item h3 {
	width: auto;
	font-size: 12px;
	margin-left: 9px;
	display: inline;
	margin: 0;
	padding: 0;
}

.extras {
	background: none;
	width: 852px;
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	
}

.extras div#blog {
	width: 515px;
	background-color: #fff;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 5px;
	height: 408px;
}
.extras #blog h2 {
	text-decoration: none;
	height: 35px;
	width: 540px;
	background: #a30019 url(smsmedic/cross.gif) no-repeat;
	padding-top: 6px;
	margin: 0 0 15px -20px;
}
.extras #blog h2 a{
	color: #fff;
	font: normal normal normal 24px Futura, Helvetica, sans-serif;
	margin-left: 51px;
}
.extras #blog h2 a:hover {
	color: #c8c8c8;
}
.extras #blog a#rss-link {
	color: #fff;
	background-image: url(smsmedic/rss_background.gif);
	height: 20px;
	font: normal normal normal 13px Futura, Helvetica, sans-serif;
	float: right;
	width: 31px;
	padding-left: 7px;
	margin-top: -9px;
	padding-top: 1px;
	text-decoration: underline;
	margin-right: 0;
}
.extras #blog a#rss-link:hover {
	color: #c8c8c8;
}

.extras #blog a {
	color: #a30019;
	font: normal normal normal 18px "Adobe Garamond Pro";
}

.extras #blog a:hover {
	color: #808080;
}

.extras #blog ul {
	list-style-type: none;
	padding: 0;
	
}

.extras #blog ul li {
	font: normal normal 13px Futura, Helvetica, Sans-serif;
	text-decoration: none;
	color: #909090;
	border-bottom: 1px dotted #909090;
	padding-bottom: 9px;
	padding-top: 6px;
}

.extras #newswire {
	width: 270px;
	background-color: #fff;
	padding-bottom: 9px;
	position: relative;
	float: right;
	padding-left: 20px;
	padding-right: 10px;
	font-family: "Adobe Garamond Pro";
	height: 408px;
}
.extras #newswire h2 {
	text-decoration: none;
	height: 35px;
	width: 250px;
	background: #a30019 url(smsmedic/waves.gif) no-repeat;
	padding-top: 6px;
	color: #fff;
	font: normal normal normal 24px Futura, Helvetica, sans-serif;
	padding-left: 50px;
	margin: 0 0 0 -20px;
}

.extras #newswire ul {
	list-style-type: none;
	padding: 0;
	margin: 21px 0 0;
}

.extras #newswire ul li {
	padding: 0;
	margin: 0 0 15px;
}

.extras #newswire ul li h3 {
	display: inline;
}

.extras #newswire ul li h3 a{
	color: #000;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

.extras #newswire ul li p {
	display: inline;
}

.footer {
	width: 100%;
	height: 165px;
	background: #a30019 url(smsmedic/footer_gradiet.png) repeat-x;
	padding-top: 12px;
	margin-top: 18px;
}

.footer .footer-container {
	margin-left: auto;
	margin-right: auto;
	width: 802px;
}

.footer .navigation {
	list-style-type: none;
	font: normal normal 14px Futura;
	margin-left: -48px;
}

.footer .navigation li a {
	color: #fff;
}

.footer .navigation li.current_page_item {
	color: #c6c6c6;
	background-image: none;
}

.footer #footerCard {
	width: 210px;
	margin-left: 84px;
	font: normal normal 12px Futura, Helvetica, sans-serif;
	color: #fff;
}

.footer #footerCard a {
	color: #fff;
	line-height: 30px;
}

.footer #footerCard img {
	float: left;
	margin-left: -84px;
	margin-top: 6px;
}

.footer #cr {
	font: normal normal 10px/0 Futura, Helvetica, sans-serif;
	color: #c6a0a6;
	float: right;
	margin-top: -21px;
}

.footer #cr a {
	color: #fff;
	line-height: 30px;
}


/* BLOG CSS */
.post {
	margin-top: 74px;
	font-family: "Adobe Garamond Pro";
	border-bottom: 1px dotted #767676;
	padding-bottom: 6px;
}
.post h2.title {
	width: auto;
	font-size: 26px;
	padding-bottom: 0;
	margin-bottom: 5px;
}

.post h3.date {
	width: auto;
	font-size: 12px;
	display: inline;
	margin-right: 13px;
	padding: 0;
}

.post span.categories  {
	color: #b8b8b8;
	font: normal normal 12px/0 Futura, Helvetica, sans-serif;
}

.post .categories a  {
	color: #fff;
	background-color: #a7a7a7;
}

.post h2.title a  {
	color: #000;
}

.post p.comments a  {
	background: url(monotone/comments.jpg) no-repeat center left;
	color: #000;
}

p.continue a  {
	color: #0062ad;
}

#sidebar img.bigad  {
	border: 2px solid #000;
}

#tabbox  {
	border: 1px solid #000;
}

#tabbox ul.idTabs  {
	background: #e5e5e5;
}

#tabbox ul.idTabs li a:link, #tabbox ul.idTabs li a:visited  {
	color: #000;
}

#tabbox ul.idTabs li a.selected  {
	color: #fff;
	background: #000;
}

#boxes ul  {
	background: #fff;
}

#boxes ul li {
	background: url(monotone/tablibg.jpg) no-repeat top left;
}

#boxes ul li:first-child  {
	background: none;
}

#boxes ul li a:link, #boxes ul li a:visited   {
	color: #000;
}

#leftwidget  {
	border-right: 1px solid #dedede;
}

.widgetlist  h3  {
	background: #000;
	color: #fff;
}

.widgetlist ul li  {
	border-bottom: 1px solid #f0f0f0;
}

.widgetlist ul li a:link, .widgetlist ul li a:visited  {
	color: #000;
}
.commentlist {
	border-top: 2px solid #CECECE;
}
.commentlist li {
	border-bottom: 2px solid #CECECE;
}
.commentlist .alt {
	background: #E1E1E1;
}
#commentform input {
	background: #E1E1E1;
	border: 1px solid #CECECE;
}
#commentform textarea {
	background: #E1E1E1;
	border: 1px solid #CECECE;
}

li.categories {
	float: right;
	height: auto;
	border: 1px solid #b8b8b8;
	color: #808080;
	background-color: #f1f1f1;
	text-decoration: none;
	font: normal normal normal 21px Futura, Helvetica, sans-serif;
	padding: 81px 10px 10px;
	margin: -9px -3px 30px 30px;
	list-style-type: none;
}

li.categories ul {
	font: normal normal normal 12px Futura, Helvetica, sans-serif;
}

a#back-blog {
	float: right;
	clear: right;
	background-color: #f1f1f1;
	border: 1px solid #b8b8b8;
	font: 12px Futura, 
	Helvetica, sans-serif;
	padding: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: -3px;
}