/*
Theme Name: Coughlin
Theme URI: http://paulcoughlin.net/
Description: Built on Starkers Theme</a>
Author: R. Dennis Hughett, Jr.
Author URI: http://dennishughett.com/
Date: May 2010
Template: starkers
Version: 0.1
.
All Rights Reserved
.
*/


/* Style
------------------------------------- */

/* +Imports
------------------------------------- */
@import url("reset.css");
@import url("global-forms.css");
@import url("jquery.tweet.css");
@import url("ie.css");
@import url("ie6.css");


/* +Global
------------------------------------- */
* 			{ margin:0; padding:0; }
html			{ height: 100%; }
body 			{ color: #535353; font-size:14px; font-family:Georgia, serif; background: #e1e1e1 url("assets/images/bg_pg.jpg") repeat-x 50% 0%; }
body.home		{ background-image:url("assets/images/bg_pg_home.jpg"); }
#footer, #nav,
.btm_links,
#footnav, #tag, .offer	{ font-family: Calibri, Lucida, "Lucida Unicode", Trebuchet, Tahoma, Helvetica, sans-serif; }
li			{ margin:0 0 5px; 0 }
hr			{ margin:10px 0; }
	   
/* +Grid
------------------------------------- */
#page-wrap              { width:955px; margin:0 auto; }
#wrap_content, #promos, 
#header, #nav		{ margin:0 auto; z-index:100; position:relative; }
#wrap_content		{ position:relative; padding:0 30px; width:895px; }
#wrap_content.sub	{ background: url("assets/images/bg_home.jpg") no-repeat 50% 0%; }
#footer 		{ width:895px; height:35px; margin:0 auto; margin-top:25px; padding:10px 0; border-top:#e7e7e7 groove 2px;  }
					  
/* +Anchors
------------------------------------- */
a				{ outline: 0; }
a:link, 
a:visited 		{ color: #B24700; padding: 0 1px; text-decoration: underline; }
a:hover, 
a:active 		{ background: #B24700; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #333; }
a img, img,
a.noColor:hover { border:none; background:transparent; text-decoration: none; } /* no image border/bg color - Add (noColor) class to (a href) */ 
a.awesome {
				background: rgba(162,69,1,1.0);
				display: inline-block; 
				padding: 5px 10px 6px;
				margin: 0 2px;
				color: #fff;
				line-height: 1;
				font-weight:bold;
				text-decoration: none;
				-moz-border-radius: 12px; 
				-webkit-border-radius: 12px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
				text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
				border-bottom: 1px solid rgba(0,0,0,0.25);
				position: relative;
				cursor: pointer;
				}
a.awesome:link:hover	{ background: rgba(100,100,100,1.0);  color: #fff; }
a.awesome:active		{ top: 1px; color:#fff; }


/* +Main Nav
	------------------------------------- */

	#nav { width:901px; clear: both; height: 37px; border: #7d7d7d solid 1px 0; padding: 12px 0 0 0; z-index:1000;
		/*
		font-size: 1.150em;
		height: 50px;
		line-height: 40px;
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		*/
		}

	
	#nav ul { list-style: none; margin: 0 auto; width: auto; }
	#nav li { float: left; display: inline; margin: 0; }
	
	#nav a:link, #nav a:visited {
		display: inline-block;
		text-decoration: none;
		}
	#nav a:hover, #header #nav a:active,
	#nav .active a:link{
		background: #B24700;
		color: #fff;
	/*	top:2px; */
		text-shadow: none !important;
		}


/* LEVEL ONE */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; /* background: #ccc; */ }
ul.dropdown a:hover		    { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #fff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: #fff; }

/* LEVEL TWO */
ul.dropdown ul 			    { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:101; }
ul.dropdown ul li 		    { font-weight: normal; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a		    { border-right: none; width: 175px; display: inline-block; background:#222; } 

/* LEVEL THREE */
ul.dropdown ul ul 		    { left: 100%; top: 0; z-index:101; width:auto; }
ul.dropdown li:hover > ul 	    { visibility: visible; }




/* +Branding
------------------------------------- */
#header 		{ width: 955px; height:215px; background: transparent url("assets/images/bg_header.jpg") no-repeat center 0%; }
#titles			{ position: relative; top: 20px; left: 50px; }
#titles a img		{ border:0; }
#logo			{ display:block; position: relative; top: 14px; left: 48px; width: 382px; width:392px; height:123px; }
#tag			{ display:none; }
#logo a			{ display:block; width:392px; height:123px; border:0; }

/*
background:url("assets/images/brand_logo.png");
#tag			{ position: relative; top: -16px; left: 48px; z-index:2; color:#000; font-size:90%; letter-spacing:-.01em; }
*/



/* +Promos
------------------------------------- */
#promos			{ position: relative; width: 955px; height: 332px; background: transparent url("assets/images/bg_promos.jpg") no-repeat center 0%; }
#promo1			{ display: block; float:left; width: 295px; margin: 30px 0 0 30px; text-align:center; }
#promo2			{ display: block; float:left; width: 295px; margin: 30px 0 0 0; padding:10px 0 0 0; text-align:center; }
#promo3			{ display: block; position: absolute; width: 312px; left: 610px; text-align:center; z-index:1; }

#promo1 .new		{ display: block; position: absolute; width: 68px; top: 12px; left: 60px; text-align:center; z-index:1; }

/* +twitter and search
------------------------------------- */
#twitter					{ position: relative; height: 88px; margin: 30px 0 0 0; }
#twitter .bird				{ display: block; position: absolute; width: 72px; top: 20px; z-index:1; }

.tweet, .query 							{ float:left; margin-left: 90px; width:500px; }

.tweet .tweet_list, 
.query .tweet_list 						{ list-style-type: none; margin: 0; padding: 0; background-color: transparent; }

.tweet .tweet_list .awesome, 
.tweet .tweet_list .epic, 
.query .tweet_list .awesome, 
.query .tweet_list .epic 				{ text-transform: uppercase; }

.tweet .tweet_list li, 
.query .tweet_list li 					{ overflow-y: auto; overflow-x: hidden; padding: .5em; }

.tweet .tweet_list li a, 
.query .tweet_list li a 				{  }

.tweet .tweet_list .tweet_even, 
.query .tweet_list .tweet_even 			{ background-color: transparent; }

.tweet .tweet_text,
.query .tweet_text						{ font-style:italic; }

.tweet_join, .tweet_time a				{ color: #999; }							

#twitter .search, .search		{ display: block; float:right; margin:20px 0 0 0; }
.search					{ margin-bottom:20px; }
#s                  { border: 1px solid #B7B7B7; background: #fff; width:232px; height:20px; padding-left:5px; }
#s:hover            { border: 1px solid #000; background: #B7B7B7; }
#searchsubmit       { border: 1px solid #B7B7B7; background: #fff; padding:3px 7px; }
#searchsubmit:hover { border: 1px solid #000; background: #B7B7B7; padding:3px 7px; }


.screen-reader-text { display:none; }

/* +Feature
------------------------------------- */					  
#feature		{ display:block; position:relative; padding-top:20px; }
#feature .main-index	{ display:block; float:left; width: 593px; }
#feature .main		{ display:block; float:left; width: 570px; }
#feature .side 		{ display:block; float:right; width: 295px; margin-left:7px; }

#feature .main img      { float:left; margin-right:20px; margin-bottom:10px; border:1px solid #fff; }

/* +Small Ads
------------------------------------- */					  
#sml_ads		{ margin: 20px 0; width:895px; height: 230px; background: transparent url("assets/images/bg_shadow.jpg") no-repeat center 199px; }
#sml_ads .ad1 a		{ display:block; float:left; width: 293px; height:198px; background:url("assets/images/small_ad1.jpg"); }
#sml_ads .ad1 a:hover 	{ background:url("assets/images/small_ad1.jpg") 0 -198px; }
#sml_ads .ad2 a		{ display:block; float:left; width: 293px; height:198px; margin-left:5px; background:url("assets/images/small_ad2.jpg"); }
#sml_ads .ad2 a:hover 	{ background:url("assets/images/small_ad2.jpg") 0 -198px; }
#sml_ads .ad3 a		{ display:block; float:left; width: 293px; height:198px; margin-left:5px; background:url("assets/images/small_ad3.jpg"); }
#sml_ads .ad3 a:hover 	{ background:url("assets/images/small_ad3.jpg") 0 -198px; }

/* +Hope for Life
------------------------------------- */	
#HFL img				{ margin:0 auto; }
#HFL h2					{ margin-top:10px; line-height:130%; }

/* +FootNav
------------------------------------- */
#footnav-wrap			{ margin:35px 0; padding:20px 0 30px 0; background:#b7b7b7; border-top:3px #fff solid; border-bottom:3px #fff solid; }
#footnav				{ width:895px; margin:0 auto; padding:0 35px; }
#footnav h2				{ color:#B24700; margin-top:10px; line-height:130%; margin:0 0 7px 0; font-family:Georgia, serif; }
#footnav .col5a			{ float:left; width:272px; }
#footnav .col5b			{ float:left; width:195px; padding:0 0 0 8px; }
#footnav a:link,
#footnav a:visited		{ display:block; color:#636363; font-size:80%; font-weight:bold; text-decoration:none; }
#footnav a:hover		{ color:#fff; background:none; }
#footnav ul				{ margin:0; }
#footnav li				{ list-style:none; margin:7px 0; }
#footnav li img			{ margin-right:10px; vertical-align: bottom; }

/* +Headings
------------------------------------- */
h1, h2, h3, h4, h5, h6	{ color:#000; }
h1 { margin-bottom:14px; }
h2, h3, h4, h5	 	{ font-weight: 800; line-height: 1.1; margin-bottom: .8em; }
h2					{ font-size: 1.571em }	/* 22px */
h3					{ font-size: 1.429em }	/* 20px */
h4					{ font-size: 1.286em }	/* 18px */
h5					{ font-size: 1.143em }	/* 16px */
h6					{ font-size: .8em }	/* 1em = 14px */

h3 { font-style:italic; }
h6 { font-style:normal; }

/* tags
------------------------------------- */
header, section, #footer, aside, nav, article, figure, #nav { display: block; }
		
/* +Paragraphs
------------------------------------- */
p 					{ margin-bottom: 1.143em; }
/* 
* p:last-child 		{ margin-bottom: 0; }
*/

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

::-moz-selection 	{ background: #F6CF74; color: #fff; }
::selection 		{ background: #F6CF74; color: #fff; }


/* +Lists
------------------------------------- */
ul 					{ list-style: outside disc; margin: 1em 0 1.5em 1.5em; }
ol 					{ list-style: outside decimal; margin: 1em 0 1.5em 1.5em; }
dl 					{ margin: 0 0 1.5em 0; }
dt 					{ font-weight: bold; }
dd 					{ margin-left: 1.5em; }

/* +Quotes
------------------------------------- */
blockquote 				{ font-style: italic; border-left:4px double; margin:10px 15px 30px; 15px; padding-left:12px; color:#888; clear:both; }
cite 					{  }
q 					{  }

.side .qBox					{ display:block; padding:12px; margin:0; font-size:110%; font-style:italic; 
							  background:#bebebe; border:#fff solid 2px; }
.side .qBox_arrow			{ display:block; height:22px; margin-top:-2px; background:url("assets/images/quote_arrow.png") no-repeat center; }
.qBox_sig					{ text-align:center; margin:5px 0 0 0; }
.qBox_sig .name				{ font-weight:bold; font-size:1.143em; letter-spacing:-.05em; }
.qBox_sig .title			{ font-style:italic; font-weight:normal; }
.qBox_sig .company			{ font-size:1em; letter-spacing:-.05em; }
.qBox_sig .city				{ font-style:italic; }
.qBox_sig .coTitle			{ font-size:.75em; }
.qBox_sig .audio			{ font-size:.75em; margin-top:12px; }
.qBox_sig .audio img		{ vertical-align:middle; margin:0 5px 0 0; }
.qBox_sig .audio a			{ text-decoration:none; }
.qBox_sig .audio a:hover	{ background:none; color:#000; }



/* +Layout
------------------------------------- */
.body 					{ clear: both; margin: 0 auto; width: 950px; }
img.right figure.right 	{ float: right; margin: 0 0 2em 2em; }
img.left, figure.left 	{ float: left; margin: 0 0 2em 2em; }
div.float 				{ float: left; }
.leftbox { display:block; width:182px; float:left; padding:0 10px 12px 0; margin:0 14px 7px 0; text-align:center; }
.rightbox { width:182px; float:right; padding-left:10px; margin-left:14px; text-align:center; }


/* +Tidbits
------------------------------------- */		
.right 				{ float: right; }
.left 				{ float: left; }
.center				{ text-align:center; }
.clear 				{ clear: both; }
.hide 				{ display:none; }	
.copyright 			{ color: #333; font-size: .75em; text-align: center; }
.footnote			{ font-style:italic; font-size:80%; padding:5px; background:#d7d7d7; margin:0 20px 20px; border:1px solid #444; }
.offer				{ font-weight:bold; padding:14px; background-color:#B24703; color:#fcc836; text-align:center; margin:0 0 20px 0; border:#000 2px solid; text }
.pill_backdrop 		{ background: rgba(0,0,0,0.75); 
					  -moz-border-radius: 20px; 
					  -webkit-border-radius: 20px;
					  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					  padding: 2px 12px; }
::selection 		{ background: orange; } /* Safari */
::-moz-selection 	{ background: orange; } /* Firefox */


/* +Tables
------------------------------------- */
table 				{ margin: .5em auto 1.5em auto; width: 98%; }
	
	/* +Thead
	--------------------------------- */
	thead th 		{ padding: .5em .4em; text-align: left; }
	thead td 		{  }

	/* +Tbody
	--------------------------------- */
	tbody td 		{ padding: .5em .4em; }
	tbody th 		{  }
	
	tbody .alt td 	{  }
	tbody .alt th 	{  }
	
	/* +Tfoot
	--------------------------------- */
	tfoot th 		{  }
	tfoot td 		{  }

/* ----------- My Form ----------- */
.myform{
	margin:				0 auto;
	width:				200px;
	padding:			14px;
}
/* ----------- event ----------- */
.event {
	border:				solid 2px orange;
	background:			gray;
	}
.event h1 {
	font-size:			13px;
	font-weight			:bold;
	color:				#000;
	margin-bottom:		8px;
	margin-top:			0px;
	}
.event p {
	font-size:			12px;
	color:				#333;
	padding-bottom:		10px;
	}
.event input {
	float:				left;
	font-size:			12px;
	padding:			4px 2px;
	border:				solid 1px #666;
	width:				98%;
	margin:				0 0 2px 0;

	}
.event button {
	clear:				both;
	background-color:	#000;
	color:				#fff;
	width:				100%;
	font-size:			11px;
	font-weight:		bold;
	padding:			4px 6px;
	}
.event input:focus, textarea:focus {
	background-color: 	orange;
	}

.color1 {color:gray}
.color2 {color:black}