/*
Theme Name: WP-Tribe
Theme URI: http://vintom.com
Description: A custom theme built from the ground up!
Version: 1
Author: Vin Thomas
Author URI: http://vintom.com
Tags: custom, 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "superfish.css";


/* Sticky Footer Styles */

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; min-height: 100%;
}

#main {
padding-bottom: 150px;
}  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
background-color: transparent;
} 

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

/* End Sticky Footer Styles */

body {
background-color: #0f0f0f;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 12px;
}

a:link, a:active, a:visited { color: #5F9EA0; text-decoration: none;}

a:hover { color: #5F9EA0; text-decoration: underline;}

h1 {
font-size: 2.2em;
}

h3 {
font-size: 1.4em;
margin-bottom: 15px;
}

#main {
width: 960px; 
background-color: transparent; 
margin: 0 auto;
}

#inner-wrap {
background: #fff url(images/content-bg.jpg) repeat-y;
width: 900px;
padding: 30px;
position: relative;
z-index: 99; /* allows superfish dropdowns */
margin-bottom: 30px;
line-height: 1.4em;
margin-top: 15px;
}

#content {
width: 470px; 
float: left; 
display: inline; 
position: relative;
z-index: 100; /* allows superfish dropdowns */
color: #333;
}

#wide-content {
width: 100%; 
float: left; 
display: inline;
}

#sidebar {
width: 380px;
float: right;
display: inline;
background-color: transparent;
margin-bottom: 30px;
}

#footer-content { 
width: 960px;
margin: 0 auto;
padding: 1em 0;
text-align: center;
color: #fff;
}

#header { 
margin: 30px 0 0 30px;
position: relative;
z-index: 9999; /* fixes superfish dropdowns */
}

#menu { 
width: 960px; 
clear: both; 
height: 32px; 
background: #fff; 
position: relative;
z-index: 9999; /* fixes superfish dropdowns */
}

h1.logo { 
width: 350px; 
height: 112px;
background: url(images/logo.gif) top left;
text-indent: -9999px;
}

h1.logo a {
display: block;
width: 100%;
height: 100%;
outline: none;
}

h2 {
font-size: 2em; 
font-weight: normal;
margin-bottom: 15px;
font-family: Georgia, Serif;
line-height: 1.1em;
}

.post {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: solid 1px #eee;
}

.post p {
margin-bottom: 20px;
}

#commentform input {
display: block; padding: 5px; margin: 5px 0 20px;
}

#sidebar ul li { 
margin-bottom: 15px; 
padding-bottom: 15px; 
border-bottom: solid 1px #eee; 
overflow: auto;
}

#sidebar ul li ul li { 
margin: 0; 
padding: 0; 
border-bottom: none;
}

#sidebar ul li ul, ul { 
padding-left: 10px;
}

/*
#sidebar ul li ul li { 
color: #555555; 
background: url(images/bullet.png) no-repeat left 3px;	
padding: 0 0 0 20px;
float: left;
width: 160px;
display: inline;
}
*/

#sidebar ul li ul li { 
color: #555555; 
background: url(images/bullet.png) no-repeat left 3px;	
padding: 0 0 0 20px;
}

.post ul {
margin: 15px;
}

.post ol {
margin: 15px;
}

.post ol li {
list-style-type: decimal;
margin-left: 20px;
}

.post ul li { 
color: #555555; 
background: url(images/bullet.png) no-repeat left 3px;	
padding: 0 0 0 20px;
}

.alignright {
float: right; border: solid 5px #ddd; margin-left: 10px;
}

.alignleft {
float: left; border: solid 5px #ddd; margin-right: 10px;
}

#comment {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:0;
padding:5px;
width:358px;
}

input#author, input#email, input#url {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin:0 0 10px;
width:200px;
}

.post img {
max-width: 460px;
height: auto;
border: solid 5px #ddd;
}

img.avatar {
float: left;
border: solid 5px #ddd;
}

#sidebar .comment-text {
color:#555;
font-size:0.9em;
padding-left:80px;
}

#sidebar cite {
text-transform: uppercase;
}

h3#comments, h3#respond, h3 {
font-family: Georgia, Serif;
font-size: 1.5em;
color: #999;
font-weight: normal;
line-height: 1.4em;
margin-bottom: 30px;
}

.sociable {
text-align: center;
margin: 0 auto;
border-bottom:1px dotted #CCCCCC;
border-top:1px dotted #CCCCCC;
background: #f9f9f9;
padding: 10px;
}

.sociable_tagline {
font-family: Georgia, Serif;
font-size: 1.2em;
color: #333;
font-weight: normal;
margin-bottom: 10px;
text-transform: uppercase;
}


.sociable img {
width: 25px !important;
height: 25px !important;
}

#commentform label { 
float:left;
font-family:georgia,sans-serif;
font-size:1.2em;
margin:5px;
}

input#submit {
background: #eee;
border: solid 1px #ccc;
padding: 5px 10px;
cursor: pointer;
}

.vintom-logo {
margin-bottom: -10px;
}

.tagline {
float: right;
margin-top: -78px;
}

.button {
color: #333;
background: #eee;
border: solid 1px #ccc;
padding: 2px 5px;
cursor: pointer;
}

.twitter { background:transparent url(images/twitter.png) no-repeat scroll left 4px;
height:16px;
padding:5px 0 5px 23px;
display: block;
}

.facebook { background:transparent url(images/facebook.png) no-repeat scroll left 4px;
height:16px;
padding:5px 0 5px 23px;
display: block;
}

.noborder {
border: none !important;
}