/*
Theme Name: Cosmo Baker Dot Com
Theme URL: http://www.cosmobaker.com
Description: Custom Theme for Cosmo Baker. Get on my level!
Author: Jonah Birns
Author URI: http://www.thelongyears.com
Version: 1.0
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/



body {
	background: #fff;
	color: #4d4d4d;
	text-align:center;
	font:12px/18px Georgia, "Times New Roman", Times, serif; 
	}
	
html, body {height: 100%;}

	
#wrapper {
	background: #fff url('_assets/img/bg.jpg') center top no-repeat;
	width: 100%;
	min-height:100%;
	text-align:left;
	margin:0;
	}

#page {
	overflow:auto;
	padding-bottom: 160px;
	}  /* must be same height as the footer */


	

/*	FONTS							
------------------------------------------------- */

a:link,a:visited	{ color:#737373; text-decoration:none; outline:none;}
a:hover,a:active	{ color:#ffa800; text-decoration:none; outline:none;}



.cufon-loading { 
	visibility: hidden !important;
}






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

#header {
	width: 1000px;
	height:325px;
	margin: 0 auto;
	padding: 0;
	position:relative;
	}

#header h1,
#header h3 {
	text-indent:-9999em;
	overflow:hidden;
	float:left;
	display:block;
	margin:0px;
}

#header h1 a {
	width:347px;
	height:266px;
	background:url('_assets/img/logo.png') 0px 0px no-repeat;
	top:2px;
	left:-10px;
	position:absolute;
	z-index:3;
}

#header h3 a {
	width:361px;
	height:266px;
	background:url('_assets/img/photo.png') 0px 0px no-repeat;
	top:0px;
	left:195px;
	position:absolute;
	z-index:2;
}







/*	NAVS 									
------------------------------------------------- */
ul#nav {
	width:999px;
	height:47px;
	padding:3px 3px 3px 4px;
	background: url('_assets/img/nav-bg.png') 0px 0px no-repeat;
	position:absolute;
	top:263px;
	left:-3px;
	z-index:1;
}

ul#nav li {
	font-size:35px;
	background:#fff;
	float:left;
	text-align: center;
	margin:3px 0 0 0px;
	text-transform:uppercase;
	}

ul#nav li a {
	display: block;
	height:45px;
	width:150px;
	background:url('_assets/img/bar-bg.gif') 149px 0 no-repeat;
	color:#ffa800;	
	line-height:45px;
}

ul#nav li a:hover,
ul#nav li a.current{
	background:#ffa800 url('_assets/img/bar-bg.gif') 149px 0 no-repeat;
	color:#fff;
	text-decoration:none;	
}

ul#nav li a .cufon {
	margin:5px 0 0 0;	
}

ul#nav li ul li a .cufon {
	margin:0;	
}

ul#nav li a.last {
	background-image:none;
}

ul#nav li ul {
	display:block;
	width:150px;
	padding:0 3px;
	/*min-height:165px;*/
	background:url('_assets/img/drop-bg.png') 0 0 repeat-y;
	margin:0 0 0 -4px;
	border-bottom:1px solid #eaeaea;
}

ul#nav li ul li a {
	background:transparent;
	width:148px;
	height:21px;
	text-align:center;
	color:#000;
	font-size:22px;
	line-height:18px;
	margin:0 1px 8px;
	padding:0 0 1px 0;	
}

ul#nav li ul li a:hover {
	background:#ffa800;
	color:#fff;
}

ul#social-nav {
	height:46px;
	background: transparent;
	position:absolute;
	top:211px;
	right:-1px;
	z-index:4;
}


ul#social-nav li {
	margin:0 0 0 10px;
	float:left;
}

ul#social-nav li a {
	display:block;
	height:46px;
	text-indent:-9999em;
	overflow:hidden;
}	

ul#social-nav li.soundcloud a,
ul#social-nav li.soundcloud a:active,
ul#social-nav li.soundcloud a:hover {
	width:73px;
	background:url('_assets/img/soundcloud-btn.png') 0px 0px no-repeat;
}

ul#social-nav li.facebook a,
ul#social-nav li.facebook a:active,
ul#social-nav li.facebook a:hover {
	width:46px;
	background:url('_assets/img/facebook-btn.png') 0px 0px no-repeat;
}

ul#social-nav li.twitter a,
ul#social-nav li.twitter a:active,
ul#social-nav li.twitter a:hover {
	width:46px;
	background:url('_assets/img/twitter-btn.png') 0px 0px no-repeat;
}

ul#social-nav li.rss a,
ul#social-nav li.rss a:active,
ul#social-nav li.rss a:hover {
	width:46px;
	background:url('_assets/img/rss-btn.png') 0px 0px no-repeat;
}

ul#social-nav li.search #searchform {
	width:240px;
	height:46px;
	background:url('_assets/img/search-bg.png') 0px 0px no-repeat;
}

#searchform #s {
	width:175px;
	height:40px;
	line-height:40px;
	float:left;
	border:0px;
	font-size:24px;
	font-style:italic;
	color:#d5d4d4;
	line-height:24px;
	margin:1px 3px 3px;
	text-indent:4px;
}

#searchform #searchsubmit {
	width:44px;
	height:44px;
	float:right;
	border:0px;
	background:url('_assets/img/search-btn.gif') 0px 0px no-repeat;
	margin:1px;
	cursor:pointer;
}

#searchform #searchsubmit:hover {
	background:url('_assets/img/search-btn.gif') 0px -44px no-repeat;
}



/*	POST TYPES									
------------------------------------------------- */

#content {
	width: 1000px;
	height:800px;
	margin: 0 auto;
	padding: 0;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #363636;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0 0 28px 0;
	text-transform: uppercase;
	}
	
#content h1 .cufon {
	margin:0 0 -8px 0;	
}

#content h1 a  {
	color: #363636;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #ffa800;
	text-decoration: none;
	}
	
#content h1.bodega {	
	display:block;
	width:540px;
	height:75px;
	margin:0 0 20px 0;
	text-indent:-9999em;
	overflow:hidden;
	background:url('_assets/img/shop-hdr.gif') 0 0 no-repeat;
}
	
#content h2.widgettitle {
	font-size:18px;
	color:#4d4d4d;
	border-bottom:1px solid #CECECE;
	line-height:20px;
	margin:0px 0 6px 0;
	padding:0px;
	text-transform:uppercase;
}	
	
#content p img{
	border: none;
	padding:7px 0 0 0;
	}
	
#main {
	float: left;
	width: 540px;
	margin: 53px 0 40px 0;
	padding: 0 0 20px 0;
	}
	
blockquote{
	margin: 6px 0;
	padding: 0px 20;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	}

.date {
	border:none!important;
	padding:0!important;
	margin:0 0 -4px 0;
	display:block;
}

.post {
	margin:0 0 50px 0;	
}

/*.post p {
	font-style:italic;	
}*/

.post p a {
	color:#000;	
}

.post p a:hover {
	color:#ffa800;	
}

img.attachment-music-post-thumbnail {
	float:left;
	margin:4px 16px 16px 0;	
}

a.listen-link {
	display:block;
	width:75px;
	height:34px;
	background:#a1a1a1 url('_assets/img/listen-btn.png') 0 0 no-repeat;
	float:left;
	text-indent:-9999em;
	overflow:hidden;
	margin:0 10px 0 0;	
}

a.download-link {
	display:block;
	width:108px;
	height:34px;
	background:#a1a1a1 url('_assets/img/download-btn.png') 0 0 no-repeat;
	float:left;
	text-indent:-9999em;
	overflow:hidden;	
}

a.listen-link:hover,
a.download-link:hover {
	background-color:#ffa800;
}

a.download-link.full {
	margin:0 175px 16px 0;
}

ul#shop-grid {
	width:540px;
	min-height:180px;
	list-style:none;
	margin: 0 0 20px 0;	
	float:left;
}

ul#shop-grid li {
	width:180px;
	height:180px;
	float:left;
	margin:0;
	padding:0;
}

ul#shop-grid li img {
	width:180px!important;
	height:180px!important;
}






/*	POST META								
------------------------------------------------- */

.metadata { 
	width:100%;
	border-top:1px solid #cecece;
	padding:10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:16px;
	color:#898989;
}

.tags {
	float:left;
	margin:0 0 2px 0;
	width:350px;
	line-height:12px;
	padding:0 30px 0 0;	
}

.comments-link {
	clear:both;
	float:left;
	margin:0 0 2px 0;
	line-height:12px;	
}

.share {
	float:right;
	margin:0;
	width:160px;	
}

.promo {
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
	padding:16px 0 4px;
	width:540px;
}

.free p {
	font-size:12px;	
}

.post-nav {
	width:540px;
	height:40px;
	margin:100px 0 0;
}

.post-nav .prev,
.post-nav .next {
	width:250px;
	font-size:18px;
	font-style:italic;
}

.post-nav .prev a,
.post-nav .next a {
	color:#4d4d4d;
}

.post-nav .prev a:hover,
.post-nav .next a:hover {
	color:#ffa800;
}

.post-nav .prev {
	text-align:right;
	float:left;
	padding:0 20px 0 0;
}

.post-nav .next {
	text-align:left;
	float:right;
	padding:0 0 0 20px;
	}



/*	SIDEBARS									
------------------------------------------------- */
#l_sidebar {
	float: left;
	width: 160px;
	margin: 56px 35px 25px 0;
	padding: 0;
	}
	
#r_sidebar {
	float: right;
	width: 230px;
	margin: 56px 0 25px 0;
	padding: 0;
	}
	
#l_sidebar ul,
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}


#l_sidebar ul li,
#r_sidebar ul li {
	display: block;
	font-style:italic;
	margin:0 0 40px 0;
	color:#888888;
	font-size:11px;
	}
	
#l_sidebar ul li ul li,
#r_sidebar ul li ul li {
	display: block;
	font-style:italic;
	margin:0 0 12px 0;
	color:#888888;
	font-size:11px;
	}	

#l_sidebar p,
#r_sidebar p {
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#l_sidebar li,
#r_sidebar li {list-style: none; }	

#r_sidebar h2.widgettitle,
#l_sidebar h2.widgettitle {
	font-size:18px;
	color:#000;
	border-bottom:1px solid #000;
	line-height:20px;
	margin:0px 0 6px 0;
	padding:0px;
}

#r_sidebar h2.widgettitle a,
#l_sidebar h2.widgettitle a {
	color:#000;
	text-decoration:none;
	margin:-18px 0 0 0;
}

#r_sidebar #twtr-widget-1 {
	font-style:normal!important;
	border:1px solid #9d9d9d;
	}

#r_sidebar .twtr-hd {border-bottom:1px solid #ddd!important;}
#r_sidebar .twtr-ft {border-top:1px solid #ddd!important;}
#r_sidebar #twtr-widget-1 {font-size:98%!important;}

#r_sidebar li#text-5 { 
	background:url('_assets/img/topten-bg.gif') center bottom no-repeat;
	padding:0 0 130px 0;
	}

#r_sidebar form#sbmlist {
	width:230px;
	height:26px;
	float:right;
	background:#fff;
	clear:left;
	margin:0 0 40px 0;
}

#r_sidebar form#sbmlist input[type="text"] {
	width:177px;
	height:22px;
	line-height:24px;
	float:left;
	border:1px solid #c4c4c4;
	font-size:12px;
	font-style:italic;
	color:#737373;
	margin:1px 0 0;
}

#r_sidebar form#sbmlist input#submit {
	width:40px;
	height:26px;
	float:right;
	border:0px;
	background:#d1d1d1;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:1px;
	cursor:pointer;
}

#r_sidebar form#sbmlist input#submit:hover {
	background:#ffa800;
}

#l_sidebar a#br-therub {
	display:block;
	width:160px;
	height:196px;
	background:url('_assets/img/rubradio-bg.gif') 0 0 no-repeat;
	margin:10px 0 0 0;
}
#l_sidebar a#sc-therub {
	display:block;
	width:160px;
	height:160px;
	background:url('_assets/img/scionradio-bg.gif') 0 0 no-repeat;
	margin:10px 0 0 0;
}

#l_sidebar a.rsswidget {
	float:left;
	width:100%;
}

#l_sidebar a.rsswidget img {
	display:none;
	visibility:collapse;
}

#l_sidebar span.rss-date,
#l_sidebar cite{
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:10px;
	font-style:normal;
}

#l_sidebar cite{
	margin:0 0 0 8px;
	color:#000;
	text-transform:uppercase;
}

#r_sidebar img.front-photo {
	border:0!important;
	border-radius: 0 0 0 0!important;
	padding:0 0 10px 0!important;
		
}



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

#footer {
	position:relative;
	background:#222 url('_assets/img/footer-bg.gif') 0 0 repeat-x;
	width: 100%;
	height:160px;
	margin: -160px auto;
	text-align: left;
	clear:both;
	}

#footer a:link, #footer a:visited { color:#737373; }
#footer a:hover, #footer a:active { color:#ffda80; }

#subcontent {
	display:block;
	width:1000px;
	height:160px;
	margin:0 auto;
}

.left {
	float:left;
	width:705px;
}

.right {
	float:right;
	width:245px;
}

#subcontent ul#subnav {
	width:705px;
	height:30px;
	float:left;
	border-bottom:1px solid #4e4e4e;
	margin:24px 0 0 0;
}

#subcontent ul#subnav li {
	display:block;
	float:left;
	margin:0 108px 0 0;
}

#subcontent ul#subnav li.last {margin:0; float:right;}

#subcontent ul#subnav li a {
	color:#d5d4d4;
	font-size:30px;
	text-align:left;
	text-transform:uppercase;
}

#subcontent ul#subnav li a:hover {
	color:#ffa800;
	text-decoration:none;
}

#subcontent ul#subsubnav {
	width:705px;
	height:30px;
	float:left;
	border-top:1px solid #323232;
	margin:0;
}

#subcontent ul#subsubnav li {
	display:block;
	float:left;
	margin:3px 109px 0 0;
}

#subcontent ul#subsubnav li.last {margin:3px 0 0; float:right;}

#subcontent ul#subsubnav li a {
	color:#d5d4d4;
	font-size:18px;
	text-align:left;
	text-transform:uppercase;
}

#subcontent ul#subsubnav li a:hover {
	color:#ffa800;
	text-decoration:none;
}

#subcontent #mlist {
	width:245px;
	height:46px;
	float:right;
	background:#fff;
	clear:left;
	margin:28px 0 11px 0;
}


#subcontent #mlist input[type="text"] {
	width:180px;
	height:40px;
	line-height:40px;
	float:left;
	border:0px;
	font-size:20px;
	font-style:italic;
	color:#d5d4d4;
	line-height:24px;
	margin:1px 3px 3px;
}

#subcontent #mlist input#submit {
	width:54px;
	height:44px;
	float:right;
	border:0px;
	background:#d1d1d1;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:1px;
	cursor:pointer;
}

#subcontent #mlist input#submit:hover {
	background:#ffa800;
}

ul#social-subnav {
	width:245px;
	height:46px;
	float:right;
	background: transparent;
	clear:right;
	margin:0;
}


ul#social-subnav li {
	margin:0 11px 0 0;
	float:left;
}
ul#social-subnav li.last {
	margin:0px;
	float:right;
}

ul#social-subnav li a {
	display:block;
	height:46px;
	text-indent:-9999em;
	overflow:hidden;
}	

ul#social-subnav li.soundcloud a,
ul#social-subnav li.soundcloud a:active,
ul#social-subnav li.soundcloud a:hover {
	width:73px;
	background:url('_assets/img/soundcloud-btn.png') 0px 0px no-repeat;
}

ul#social-subnav li.facebook a,
ul#social-subnav li.facebook a:active,
ul#social-subnav li.facebook a:hover {
	width:46px;
	background:url('_assets/img/facebook-btn.png') 0px 0px no-repeat;
}

ul#social-subnav li.twitter a,
ul#social-subnav li.twitter a:active,
ul#social-subnav li.twitter a:hover {
	width:46px;
	background:url('_assets/img/twitter-btn.png') 0px 0px no-repeat;
}

ul#social-subnav li.rss a,
ul#social-subnav li.rss a:active,
ul#social-subnav li.rss a:hover {
	width:46px;
	background:url('_assets/img/rss-btn.png') 0px 0px no-repeat;
}

ul#social-subnav li.search #searchform {
	width:240px;
	height:46px;
	background:url('_assets/img/search-bg.png') 0px 0px no-repeat;
}

#subcontent ul#recent-posts {
	width:160px;
	float:left;
	background: transparent;
	clear:left;
	margin:0 50px 0 0;
}

#subcontent ul#latest-mix {
	width:160px;
	float:left;
	background: transparent;
}

#subcontent ul#links  {
	width:280px;
	float:right;
	background: transparent;
}

#subcontent ul#recent-posts ul li,
#subcontent ul#latest-mix ul li,
#subcontent ul#links li{
	display: block;
	font-style:italic;
	color:#888888;
	font-size:11px;
	font-style:italic;
	margin:0 0 8px 0;
	}

#subcontent ul#recent-posts h2.widgettitle,
#subcontent ul#links  h2.widgettitle,
#subcontent ul#latest-mix h2.widgettitle,
#subcontent #contact h2.widgettitle{
	font-size:18px;
	color:#d1d1d1;
	border-bottom:1px solid #d1d1d1;
	line-height:20px;
	margin:0px 0 6px 0;
	padding:0px;
	text-transform:uppercase;
}

#subcontent ul#links ul  {
	width:140px;
	float:left;
	background: transparent;
}

#subcontent ul#links ul li  {
	width:140px;
	float:left;
	background: transparent;
}

#subcontent ul#links li ul  {
	width:130px;
	float:left;
	margin:0 10px 0 0;
	background: transparent;
}

#subcontent #contact {
	width:245px;
	float:right;
	text-align:left;
}

#subcontent #contact p {
	margin:0 0 18px 0;
	font-style:italic;
	line-height:16px;
	color:#737373;
}

#subcontent #contact p a:link, #subcontent #contact p a:visited { color:#ffda80; }
#subcontent #contact p a:hover, #subcontent #contact pr a:active { color:#d1d1d1; }

#subcontent #contact span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
}

#subcontent #seo {
	position:absolute;
	bottom:24px;
	width:/*10*/705px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}

#subcontent #seo span.copy {
	float:left;
	color:#7e7e7e;
	font-size:11px;
}

#subcontent #seo span.credit {
	float:right;
	color:#7e7e7e;
	font-size:11px;
}

#subcontent #seo p {
	text-align:justify;
	font-size:10px;
	line-height:12px;
	color:#363636;
	float:left;
}
	
/************************************************
*	Comments									*
************************************************/
	

#commentblock {
	padding:0 0 10px 0;
	margin: 100px 0 0 0;
	}
	
#commentblock ol{
	margin: 40px 0px;
	padding: 0 0 10px 0;
	list-style:none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	width:480px;
	margin: 6px auto 20px auto;
	padding: 10px;
	background: #fbfbfb;
	border:1px solid #f3f3f3;
	text-transform:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
textarea#comment {
	width:518px;
	height:100px;
	padding:10px;
	background: #fbfbfb;
	border:1px solid #f3f3f3;
	font-family:Georgia, "Times New Roman", Times, serif;	
}

#commentform input#email,
#commentform input#author  {
	width:256px;
	height:20px;
	padding:2px;
	background: #fbfbfb;
	border:1px solid #f3f3f3;
	font-family:Georgia, "Times New Roman", Times, serif;	
}

#commentform input#submit {
	display: block;
	float:right;
	height:35px;
	width:80px;
	line-height:35px;
	color:#fff;
	background:#363636;
	text-align:center;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

#commentform input#submit:hover {
	background:#ffa800;
	color:#fff;
	text-decoration:none;	
}

#commentform p.c-input {
	float:left;
	padding:20px 15px 15px 0;	
}

#commentform p.c-input label {
	color:#898989;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-style:normal;	
}

img.avatar {display:none;}

.awaiting { color: #886353; }

.auth-name { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000; text-transform:uppercase; margin:0 10px 0 20px;}

.auth-time { font-family: Arial, Helvetica, sans-serif;font-size: 10px; color:#898989;text-transform:uppercase;}

#comments, #respond { text-transform:uppercase; font-size: 14px; font-weight:normal;}


/************************************************
*	Wordpress Suggestions						*
************************************************/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	float: left;
	margin:0 15px 7px 0;
}

img.alignright {
	float: right;
	margin:0 0 7px 15px;
}


.wp-caption {
	text-align: center;
	background: #fff;
	padding: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	text-align: center;
	background: #fff;
	padding: 4px;
	margin: 10px;
}

.post-edit-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	line-height:16px;
	color:#898989;
}


/* Global
----------------------------------------------------------------------- */
body, p, blockquote { margin: 0; padding: 0; }
a img, iframe { border: none; }
img { margin: 0; padding: 0; border: 0; }
strong { font-weight: bold; }
.hidden { display: none; }
.clear { clear: both; }

/* Headers
----------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; }

/* Lists
----------------------------------------------------------------------- */
ul, ol, dl, li, dt, dd { margin: 0; padding: 0; }

ul { list-style: none; }

/* Links
----------------------------------------------------------------------- */
a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
----------------------------------------------------------------------- */
form, fieldset { margin: 0; padding: 0; }
fieldset { border: none; }
legend { padding: 0; color: #000; }
input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; }
select { padding: 0; }



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/