/*  
Theme Name: Gravy
Theme URI: http://www.darrenhoyt.com
Description: A simple theme framework
Version: 0.1
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com

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


TABLE OF CONTENTS

  HTML Tags
  Structure
  Nav
  Headers
  Content Styles
  Footer
  


/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background: #333333;
	color: #111;
	padding-top:5px;
	}

body, select, input, textarea {
	font: 100% Georgia, "Times New Roman", Times, serif;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}

a, a:visited {
	color: #83A7BA; 
	}

a:hover, a:active {
	color:#4d778d;
	}
	
li {
	list-style:none;
	}
				
a img {
	border: none
	}
	
	
	

/* ---------- @ Structure -----------*/

#top {
	background:#FFF;
	padding-top:30px;
	}
	
#main {
	overflow:hidden;
}

.wrapper {
	font-size:.75em;
	width:990px;
	margin:0 auto;
	}

#masthead {
	overflow:hidden;
	margin-bottom:45px;
	}
	




/* ---------- @ Nav -----------*/

@media projection, screen { 
    .ui-tabs-hide {
        display: none!important;
    }
}

@media print {
    .ui-tabs-nav {
        display: none!important;
    }
}

#categories { 
	min-height:700px !important;
}

#tabber {
	border-bottom:1px solid #CCC;
	text-align:center
	}

#tabber a {
	height:100%!important; 
}

#tabber li {display:inline;}

li#first {
	border-left:1px solid #CCC;
	}
	
.ui-tabs-nav:after { 
    display: block!important;
    clear: both!important;
    content: " "!important;
}

.ui-tabs-nav li {
    float: left!important;
	margin-bottom:-1px;
	list-style:none;
}

.ui-tabs-nav a.ui-tabs, .ui-tabs-nav a.ui-tabs:visited {
	border-top: 1px solid #CCC;
	border-right:1px solid #CCC;	
	border-bottom:1px solid #CCC;	
	background:#eee;
    display:block!important;
	position: relative!important;
	padding:8px 30px;
	color:#111;
	text-decoration:none
}

.ui-tabs-selected a.ui-tabs,  .ui-tabs-selected a.ui-tabs:visited {	
	background:#FFF !important;
	border-bottom:1px solid #FFF;
	}
	

.ui-tabs-nav a.ui-tabs:hover { 
	color:#6d6d6d;
	text-decoration:underline
	}
   
.ui-tabs-nav .ui-tabs-selected .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-selected .ui-tabs a:visited, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:link, 
.ui-tabs-nav .ui-tabs-disabled .ui-tabs a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text!important;
}

.ui-tabs-nav .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs a:active,
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:hover, 
.ui-tabs-nav .ui-tabs-unselect .ui-tabs a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer!important; 
	background-color:#333!important;
	color:#fff!important;
}

.ui-tabs-disabled {
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block!important;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block!important;
}
	
	
	
	
/* ---------- @ Headers -----------*/

h1 {
	background:url(images/logo.png);
	width:179px;
	height:37px;
	text-indent:-999em;
	float:left;
	margin:20px 0 0 30px
	}

h2 {
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	color:#9a9a9a;
	float:left;
	width:640px;
	margin:9px 0 0 56px;
	line-height:140%
	}

h3 {
	font:bold 1.3em 'Helvetica Neue',Helvetica,Arial, Helvetica, sans-serif;
	border-bottom:3px solid #CCC;
	padding-bottom:4px;
}

#featured-themes h3 {
	background: #333;
	color: #e0e0e0;
	border: none;
	width:200px;
	padding: 3px 8px;
	}
	
#footer h3 {
	border-color:#757575
	}
	
	
	
	
/* ---------- @ Content Styles -----------*/


.item-row-position-0 { 
	clear:both; 
	}
	
.feed-list {
	margin-top:15px;
	}
	
.feed-item {
	float:left;
	margin: 20px 16px 10px;
	width:303px;
	}

.feed-item.item-row-position-2 {
	margin-right:0;
	}
		
.feed-list img {
	vertical-align:middle;
	margin: 0 3px 4px 0;
	}
 
.feed-item li {
	border-bottom:1px dotted #999;
	padding:8px 0;
	line-height:145%;
	}

.feed-item a, .feed-item a:visited {
	color:#111;
	text-decoration:none
	}

.feed-item a:hover, .feed-item a:active {
	color:#6d6d6d;
	}

.post-ratings {
	padding:15px 0 12px;
	height:27px;
	}

.post-ratings img {
	margin-right:2px !important;
	}
		
img.loading {
	position:absolute;
	z-index:1 !important;
	left:6px;
	border:0;
	}
	
#tooltip{
	position:absolute;
	border:5px solid #e6e5e5;
	background:#eee url(images/bg_tooltip.png) no-repeat;
	padding:18px;
	color:#333;
	display:none;
	width:250px;
	font:italic 0.75em Georgia, "Times New Roman", Times, serif;
	line-height:165%;
	}		

#featured-themes {
	background: #eee;
	padding: 20px 0 50px;
	margin-top: 35px;
	}

#featured-themes ul {
	overflow: hidden;
	margin-top: 20px;
	}

#featured-themes li {
	float: left;
	width: 46%;
	overflow: hidden;
	font-size:1.3em;
	}

#featured-themes li:nth-child(even) {
	float:right	
	}
		
#featured-themes img {
	float: left;
	margin-right: 18px;
	background: #e0e0e0;
	padding: 7px;
	}
	
#featured-themes img:hover {
	background: #d2d2d2;
	}
	
#featured-themes p {
	margin-top: 0px;
	}	
	
			

/* ---------- @ Footer -----------*/

#footer {
	font-size:.8em;
	overflow:hidden;
	width:990px;
	margin:0 auto;
	color: #CCCCCC;
	padding:25px 0 50px
	}

#about {
	width:250px;
	float:left;
	margin:15px 0 0 50px
	}
	
#credits {
	float:left;
	width:220px;
	margin-top:8px;
	}

#credits li {
	list-style:none;
	margin-left:10px;
	padding:8px 0;
	line-height:150%;
	border-bottom:1px dotted #757575;
	}
		
#footer a, #footer a:visited {
	text-decoration:none
	}
	
#footer a:hover, #footer a:active {
	color:#FFF;
	}