/*
Theme Name: SiteNami
Theme URI: http://wordpress.org/
Description: SiteNami WordPress Theme
Version: 1.0
Author: Andrew Kurz
Author URI: http://sitenami.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

html {
	background: #e7f1fd;
	}

body {
	background: #e7f1fd url(images/background.gif) top center repeat-x;
	color: #333;
	font-size: 13px;
	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
#wrapper {
	background: #e4f0fe url(images/background-internal.gif) top center repeat-x;
}
#container {
	background: transparent;
	border-bottom: #dadada 1px solid;
	margin: 0px auto;
	padding: 0;
	padding-bottom: 0px;
	width: 960px;
	text-align: left;
	}
	
/* ---------------------------------------
   GLOBALS
   --------------------------------------- */
	
h1, h2, h3 {
	font-weight: bold;
	}

h1 {
	font-size: 18px;
	color:#ed8c01;
	}

h2 {
	font-size: 16px;
	}

h3 {
	font-size: 13px;
	}
	
p {
	margin: 0px 0px 10px 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	}
span.dkgrey {
	padding:2px 0px 2px 10px;
	}
.white {
	color:#FFFFFF;
	}		
small {
	font-size: 9px;
	line-height: 15px;
	}

.clear {
	display: block;
	height: 1px;
	line-height: 1px;
	clear: both;
	}
a {
	outline: none;
	}
	
strong {
	font-weight: bold;
	}


/* ---------------------------------------
   HEADER
   --------------------------------------- */

#header {
	background: url(images/feature.jpg) left top no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	height: 453px;
	width: 960px;
	}
	
#header-internal {
	background: transparent;
	height: 134px;
	position: relative;
	width: 960px;
	}
	
	#header .main-logo, #header-internal .main-logo {
		height:60px;
		left:0;
		position:absolute;
		text-indent:-9000px;
		top:0;
		width:255px;
		}
		
		#header-internal h1 {
			color:#333333;
			font-family:Myriad Pro,Helvetica,Arial,sans-serif;
			font-size:34px;
			left:25px;
			letter-spacing:normal;
			position:absolute;
			text-transform:uppercase;
			top:80px;
			}
		
		#header .main-logo a, #header-internal .main-logo a {
			background: url(images/logo.gif) 0 0 no-repeat; 
			display: block;
			height: 60px;
			width: 255px;
			}	
			
			#header .main-logo a:hover, #header-internal .main-logo a:hover {
			background: url(images/logo.gif) 0 -60px no-repeat;
			}
			
	#header .headline {
		display: block;
		left: 300px;
		position: absolute;
		top: 120px;
		background: transparent !important;
		}
		
		.headline small {
			color: #636363;
			}
		
		.headline h1 {
			color: #a0cbfc;
			font-size: 46px;
			letter-spacing: -0.025em;
			line-height: 40px;
			margin-top: 7px;
			}
			
		.headline p {
			color:#1E2939;
			font-size:16px;
			font-weight:bold;
			margin:0px 0 5px;
			width: 380px;
			line-height:22px;
			}
		.headline p span.start {
			font-size:30px;
			line-height:40px;
			}
		.headline p span.price {
			color:#fff;
			font-size:30px;
			line-height:40px;
			}
		.headline p span.month {
			color:#abd1ff;
			font-size:30px;
			line-height:40px;
			}
			
	ul#callouts, #callouts li,  ul#brands, #brands li {
		background: transparent !important;
	}
			
	ul#callouts li {
		width: 390px;
		}
			
	#header .viewall {
		color:#5F5F5F;
		font-family:Myriad Pro,Tahoma,Arial,sans-serif;
		font-size:1.4em;
		font-weight:bold;
		height:45px;
		left:25px;
		letter-spacing:-0.5px;
		position:absolute;
		top:402px;
		text-align:center;
		}
	
		#header .viewall a {
			background: url(images/view-all-products.jpg) top left no-repeat;
			float: right;
			height: 38px;
			margin-left: 0px;
			margin-top: 3px;
			text-indent: -9000px;
			width: 192px;
			vertical-align: middle;
			}
			
			#header .viewall  a:hover {
				background: url(images/view-all-products.jpg) 0px -38px no-repeat;
				}
				
	#header .viewall-detail {
		color:#38587E;
		font-size:13px;
		height:45px;
		position:absolute;
		right:30px;
		top:402px;
		width:400px;
		}
	
		#header .viewall-detail a {
			background: url(images/learn-more.png) 0px 0px no-repeat;
			float: right;
			height:21px;
			width:85px;
			margin-left: 20px;
			margin-top: 6px;
			text-indent: -9000px;
			
			vertical-align: middle;
			}
			
			#header .viewall-detail  a:hover {
				background: url(images/learn-more.png) 0px -21px no-repeat;
				}
				 
				
		#slides {
			display:block;
			height:319px;
			left:20px;
			overflow:hidden;
			position:absolute;
			top:62px;
			background: transparent !important; 
			}
			
			#slides img {
				background: transparent !important;
				}
.space {
	background:#304763;
	color:#A0CBFC;
	font-size:16px;
	height:67px;
	line-height:67px;
	text-align:center;
	width:384px;
	}
	
.greenbt {
		color: #eee;
		float: left;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform:uppercase;
		height: 37px;
		letter-height: 37px;
		margin:16px 0 0 16px;
		background: url(images/greenbt-1.jpg) top left no-repeat;
		
		}
		
.greenbt a {
		display:inline-block;
		color: #eee;
		height:24px;
		line-height:21px;
		padding: 7px 15px;
		text-decoration: none;
		background: url(images/greenbt-2.jpg) top right no-repeat;
			}
			
.greenbt:hover {
		background: #30980f url(images/greenbt-1-over.jpg) top left no-repeat;
		}
		
.greenbt:hover  a:hover {
		background: transparent url(images/greenbt-2-over.jpg) top right no-repeat;
		color:#cbcbcb;
		}
#features {
	margin:0;
	padding:0;
	position:absolute;
	right:55px;
	top:125px;
	}
	#features ul {
		margin:0;
		padding:0;
		}
		#features ul li {
		margin:0px;
		padding:0;
		color:#A0CBFC;
		list-style:disc;
		}

/* ---------------------------------------
   NAVIGATION
   --------------------------------------- */
   
ul#navigation {
	list-style: none;
	position: absolute;
	right: 4px;
	top: 11px;
	width: 640px;
	}
	
	ul#navigation li {
		color: #eee;
		float: right;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		height: 37px;
		letter-spacing: normal;
		margin-right: 4px;
		background: url(images/nav-li-back.gif) top left no-repeat;
		 line-height:33px;
		}
		
		ul#navigation li a {
		    background:transparent url(images/nav-a-back.gif) no-repeat scroll right top;
			color:#EEEEEE;
			display:inline-block;
			height:33px;
			padding:2px 15px;
			text-decoration:none;
			 
			}
			
	ul#navigation li:hover {
		background: url(images/nav-li-back-over.gif) top left no-repeat;
		display:inline-block;
		}
		
	ul#navigation li a:hover {
		background: url(images/nav-a-back-over.gif) top right no-repeat;
		color:#cbcbcb;
		display:inline-block;
			height:33px;
		}

/* ---------------------------------------
   	SUB-NAV
   --------------------------------------- */
   
.sub-nav {
	display:block;
	left:175px;
	position:absolute;
	top:74px;
}
.sub-nav span {
	border-right:1px solid #000000;
	color:#FAB95D;
	float:left;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:12px;
	padding:7px 15px;
}
.sub-nav a {   
 	color:#EEEEEE;
	display:block;
	float:left;
	line-height:12px;
	padding:7px 15px;
	text-decoration:none;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
}
.sub-nav a:hover {
	background:#000;
}
/* ---------------------------------------
   CONTENT
   --------------------------------------- */

.leftcolumn {
	float: left;
	padding: 10px 30px 20px 30px;
	margin: 0px 0 0;
	width: 250px;
	}
	
	.post {
		border-bottom:3px solid #DDDDDD;
		margin:0 0 20px;
		}
	.date {
		color:#666666;
		display:block;
		float:left;
		font-size:14px;
		font-weight:bold;
		width:610px;
	}
		
	.leftcolumn h3, .news h3 {
		font-family: Myriad Pro, Helvetica, Arial, sans-serif;
		font-size: 26px;
		font-weight: bold;
		letter-spacing: -0.05em;
		line-height: 24px;
		margin-bottom: 10px;
		}
		
	.leftcolumn a.read-more {
		background: url(images/read-more.jpg) top left no-repeat;
		display: block;
		height: 35px;
		margin-top: 24px;
		text-indent: -9000px;
		width: 167px;
		}
		
		.leftcolumn a.read-more:hover {
			background: url(images/read-more.jpg) 0px -35px no-repeat;
			}
			
.leftcolumn ul {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	}
	.leftcolumn ul li {
	list-style:disc;
	font-size:13px;
	height:16px;
	margin:0;
	padding:0;
	line-height:18px;
	font-family:Tahoma,Arial,sans-serif;
	}


.postmetadata {
	clear: both;
	}

#content {
	font-size: 1.2em
	}
	
#internal-content {
	font-family: Tahoma, Arial, sans-serif;
	float: right;
	font-size: 13px;
	line-height: 18px;
	min-height: 350px;
	padding: 30px 25px;
	padding-bottom: 0px;
	width: 910px;
	}
	#internal-press {
	font-family: Tahoma, Arial, sans-serif;
	float: right;
	font-size: 13px;
	line-height: 18px;
	min-height: 350px;
	padding: 30px 25px;
	padding-bottom: 0px;
	width: 620px;
	}
	
	#internal-content h2, #internal-press h2 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 15px;		
		}
	
#internal-content .product {
	float: left;
	height: 270px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-right: 15px;
	width: 438px;
	}
	
	#internal-content .last-product {
		border-bottom: none;
		}
				
#internal-content .product h2, #internal-content .podcast h2, #internal-content .middle-podcast h2 {
	color: #2e2e2e;
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 17px;
	margin-bottom: 0px;
	}
	
#internal-content div.details {
	display: inline;
	float: right;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-right: 15px;
	width: 240px;
	}
		
	#internal-content div.details p {
		margin-bottom: 10px;
		}
	
	#internal-content a, #internal-press a {
		color: #1094d9;
		font-size: 14px;
		}
		
	#internal-content a:hover, #internal-press a:hover {
		color: #666;
		}
	
#internal-content .product ul {
	font-size: 13px;
	margin-bottom: 25px;
	}
	
#internal-content .product img.logo {
	display: inline;
	float: left;
	padding: 1px;
	}
	
#internal-content ul.ad-reps {
	height: 80px;
	}
	
#internal-content ul.ad-reps li {
	display: block;
	float: left;
	margin-bottom: 3px;
	width: 140px;
	}
	
	#internal-content ul.ad-reps li strong, strong.faded {
		color: #666;
		}
	
#internal-content h3 {
	font-size: 14px;
	margin-bottom: 12px;
	}

#internal-content #about-gallery {
	display: block;
	float: right;
	height: 233px;
	padding: 10px 35px 28px 35px;
	width: 350px;
	}
	
#internal-content #about-gallery img {
	background: url(images/picture-background.jpg) top left;
	display: block;
	float: right;
	height: 233px;
	padding: 10px 35px 28px 35px;
	width: 350px;
	}
	
#internal-content .podcast, #internal-content .middle-podcast {
	display: block;
	float: left;
	width: 269px;
	}
	
	#internal-content .middle-podcast {
		margin: 0px 51px;
		}
		
	#internal-content .podcast img, #internal-content .middle-podcast img {
		margin: 12px 0px;
		}
		
	#internal-content .podcast img:hover, #internal-content .middle-podcast img:hover {
		border: 1px solid #c793e6;
		margin: 11px 0px 11px -1px; 
		}


/* ---------------------------------------
   BRAND SCROLLER
   --------------------------------------- */
   
#brand-scroller {
	background: transparent url(images/scroller-back.jpg) top left no-repeat !important;
	display: block;
	height: 384px;
	padding: 3px 20px 2px 20px;
	margin:0;
	position: relative;
	width: 317px;
	}
	
	#brand-scroller img.top-fade {
		left: 1px;
		position: absolute;
		top: 2px;
		z-index: 1000;
		}
		
	#brand-scroller img.bottom-fade {
		bottom: 2px;
		left: 1px;
		position: absolute;
		z-index: 1000;
		}
		
	#brand-scroller img.bottom-edge {
		bottom: -21px;
		left: 0px;
		position: absolute;
		}
		
	ul#brands {
		height: 379px;
		}
		
		ul#brands img {
			border-bottom: 1px #e1e1e1 solid;
			background: transparent !important;
			}
		
.nav {
	clear:both;
	display:block;
	height:40px;
	margin:40px 0 0;
	padding:2px 0 0;
	text-align:center;
	}
	.nav a {
		background:transparent url(images/view-more-brands.jpg) no-repeat scroll center top;
		display:block;
		height:35px;
		margin:0 0 0 0;
		text-align:center;
		text-indent:-9000px;
		width:357px;
	}
		.nav a:hover {
			background: url(images/view-more-brands.jpg) center -35px no-repeat;
			}
/* ---------------------------------------
   LOGOS
   --------------------------------------- */

.logos {
	float: left;
	width: 360px;
	}
	
	.logos h3 {
		font-size: 16px;
		letter-spacing: -0.025em;
		margin: 20px 0 15px 0;
		}
		
/* ---------------------------------------
   NEWS HOMEPAGE
   --------------------------------------- */

.news {
	float:left;
	margin:0 0 0;
	padding:10px 30px 20px;
	width:270px;
	}
	
		
	.news a {
		color: #434343;
		display: block;
		font-size: 13px;
		margin-bottom: -10px;
		text-decoration: none;
		}
		
		.news a:hover {
			color: #ccc;
			}

	.news small {
		color: #72983f;
		font-size: 12px;
		font-style: italic;
		}
		
	.news .post {
		line-height: 16.5px;
		border:0;
		margin-bottom: 20px;
		}
	.viewallpress {
		border-bottom:1px solid #ccc;
		padding:0 0 0px 0;
		margin:0 0 20px 0;
		height:35px;
		}
	.viewallpress a {
		background:transparent url(images/view-all.jpg) no-repeat scroll left top;
		display:block;
		height:38px;
		margin:0 0 0px -10px;
		padding:0 0 0px 0;
		text-indent:-9000px;
		vertical-align:middle;
		width:117px;
		}
	.viewallpress a:hover {
		background:transparent url(images/view-all.jpg)  0px -38px no-repeat;
	}
/* ---------------------------------------
   SIDEBAR
   --------------------------------------- */
	
#sidebar {
	float: left;
	padding: 0px 30px 25px 25px;
	width: 225px;
	}
.sidebar-blue-content {
	background: url(images/blue-middle.gif) top left repeat-y;
	margin:0px 20px;
	padding:10px;
	width:225px;
}
.sidebar-blue-top {
	background: url(images/blue-top.gif) top left no-repeat;
	width:245px;
	height:9px;
	margin:15px 20px 0 20px;
	padding:0;
	display:block;
}
.sidebar-blue-bottom {
	background: url(images/blue-bottom.gif) top left no-repeat;
	width:245px;
	height:9px;
	margin:0px 20px 15px 20px;
	padding:0;
	display:block;
}

#sidebar form {
	margin: 0;
	}
	
#sidebar h2 {
	font-size: 12px;
	}
	
#internal-sidebar {
	background: url(images/sidebar-back.jpg) top left repeat-y;
	float: left;
	min-height: 600px;
	width: 285px;
	}
	
	#internal-sidebar ul {
		margin-top: 0px;
		}
		
		#internal-sidebar ul li {
			padding: 12px 25px;
			}
			
			#internal-sidebar ul li a {
				color: #444444;
				font-size: 14px;
				font-weight: bold;
				 
				}
				
			#internal-sidebar .current_page_item {
				background: #fff url(images/sidebar-active.jpg) right bottom no-repeat;
				}

/* ---------------------------------------
   CONTACT FORM
   --------------------------------------- */
   
.contact-form {
	background: #e1e1e1;
	border-top: 1px #a9a9a9 solid;
	float: left;
	padding: 20px;
	width: 400px;
	}
	
	.contact-form input, .contact-form textarea, .contact-form select {
		clear: both;
		margin: 12px 0px 20px 0px;
		padding: 3px;
		width: 380px;
		}
		
		.contact-form input {
			width: 250px;
			}
		
		.contact-form textarea {
			min-height: 200px;
			}
			
		.contact-form input#sendbutton {
			background: url(images/send-message.jpg) top left no-repeat;
			border: none;
			display: block;
			height: 33px;
			margin-bottom: 5px;
			padding: 0px;
			width: 165px;
			}
		
			.contact-form input#sendbutton:hover {
				background: url(images/send-message.jpg) 0px -33px no-repeat;
				cursor: pointer;
				}
				.cf_hidden {
					display:none;
				}
		
	.contact-form label {
		clear: both;
		font-weight: bold;
		display:block;
		}
		
.contact-details {
	float: left;
	margin-left: 25px;
	width: 400px;
	}
.success {
	color:#F00;
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}

/* ---------------------------------------
   FOOTER
   --------------------------------------- */

#footer {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
	}

	#footer p {
		color: #868686;
		font-size: 12px;
		line-height: 16px;
		margin: 0;
		padding: 20px 30px 60px 30px;
		text-align: left;
		}
		#footer a {
			color:#1094D9;
		}


/* ---------------------------------------
   IMAGES
   --------------------------------------- */

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

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}