/*
Theme Name: Basketball Theme by VINTOM
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, basketball
*/

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


/* Green: A3C753 */
/* Dark Gray: 191818 */

/* Sticky Footer Styles */

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

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

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: transparent;
font-weight: bold;
font-size: 1.5em;
} 

/* 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: transparent url(images/bg.jpg) repeat;
font-family: Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 10px;
}

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

#inner-wrap {
background-color: #fff;
border: solid 30px #191818;
padding: 20px;
width: 860px;
position: relative;
z-index: 99; /* allows superfish dropdowns */
margin-bottom: 30px;
}

#content {
color:#444444;
display:inline;
float:left;
font-size:1em;
padding-right:40px;
position:relative;
width:540px;
z-index:100;
font-size: 1.2em;
}

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

#sidebar {
background:#FFFFFF;
display:inline;
float:right;
margin-bottom:20px;
width:280px;
font-size: 1.2em;
}

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

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

#menu { 
background:transparent url(images/nav-bg.png) no-repeat scroll left bottom;
clear:both;
height:63px;
left:35px;
margin: -20px 0 -30px 0;
position:relative;
width:610px;
z-index:9999;
font-size: 1.6em;
}

h1.logo { 
width: 624px; 
height: 151px;
background: url(images/logo.png) top left;
text-indent: -9999px;
margin-bottom: 20px;
}

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

h2 {
font-size: 1.3em; 
margin-bottom: 10px;
}

.post {
margin-bottom: 20px;
}

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

.post ul li, .postfolio ul li {
background: transparent url(images/bullet.png) no-repeat scroll 20px 6px;
padding: 0 0 0 40px;
line-height: 1.8em
}

.post ol li {
color:#777777;
font-style:italic;
line-height:1.8em;
list-style-position:inside;
list-style-type:decimal;
padding:0 0 0 40px;
}

.post ul, .postfolio ul, .post ol {
margin-bottom: 20px;
overflow: hidden;
}

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

#sidebar ul li { 
margin-bottom: 20px; 
padding-bottom: 20px; 
border-bottom: solid 1px #ddd; 
}

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

#sidebar ul li 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;
}

input#s {
padding: 7px;
border: solid 1px #ddd;
width: 170px;
float: left;
}

input#searchsubmit {
border:1px solid #DDDDDD;
float:right;
padding:6px;
width:83px;
background: #191818;
color: #eee;
font-weight: bold;
}

input#searchsubmit:hover {
cursor: pointer;
color: #A3C753;
}

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

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


.pics {  
height:  232px;  
width:   960px;  
padding: 0;  
margin:  0;  
} 

.pics img {  
padding: 15px;  
border:  1px solid #ccc;  
background-color: #eee;  
width:  928px; 
height: 200px; 
top:  0; 
left: 0 
} 

#slider {
max-height: 232px;
overflow: hidden;
}

h2.cufont {
font-size: 4em;
color: #111;
padding-top: 5px;
}

h3.cufont {
font-size: 1.8em;
color: #111;
padding-top: 5px;
margin-bottom: 10px
}

h4.cufont {
font-size: 1.6em;
color: #333;
padding-top: 5px;
margin-bottom: 10px;
}

h5.cufont {
font-size: 2.5em;
color: #A3C753;
padding-top: 5px;
margin-bottom: 10px;
}

h6.cufont {
font-size: 2em;
color: #eee;
padding-top: 5px;
}

li.twitterbox {
background: #fff url(images/twitter-bg.jpg) no-repeat top left;
width: 280px;
height: 135px;
}

p.tweet {
padding:35px 0 0 15px;
width:198px;
line-height: 1.5em;
font-style: italic;
}

.follow {
float:right;
padding:10px 70px 0 0;
}


.fitfx {
bottom:5px;
padding:0;
position:absolute;
right:30px;
}


a:focus {
outline: none;
}
#panel {
background:#191818 none repeat scroll 0 0;
border-left:5px solid #111111;
border-right:5px solid #111111;
color:#EEEEEE;
display:none;
font-size:1.2em;
height:250px;
padding:20px;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 5px #111;
background: transparent;
}
.btn-slide {
background:#111111 none repeat scroll -50px 50%;
color:#FFFFFF;
display:block;
float:right;
font-size:2em;
height:24px;
margin:0 20px;
padding:5px 0 0;
right:1px;
text-align:center;
text-decoration:none;
width:108px;
}

html {overflow-y: scroll;}


.jotform input { 
padding: 5px;
margin-bottom: 5px;
width: 250px;
background: #444;
border: solid 1px #555;
color: #eee;
}

.jotform textarea { 
padding: 5px;
margin-bottom: 10px;
width: 350px;
background: #444;
border: solid 1px #555;
color: #eee;
}

.jotform .left {
font-weight:bold;
text-align: left;
padding-right: 10px;
width: 100px;
}

.jotform .btn {
background-color: #eee;
color: #333;
border: solid 1px #999;
padding: 3px 5px;
cursor: pointer;
width: 75px;
}

.required {
color: red;
}

.Errortext {
margin-bottom: 5px;
}

#contact-form {
border-left:1px dotted #555555;
float:right;
padding: 0 20px;
width:460px;
}

#contact-info {
width: 350px;
float: left;
}

#contact-info img {
border:5px solid #444444;
float:left;
margin:0 10px 0 0;
}

#contact-info h6 {
font-size: 2em;
}

.featurebox {
background-color:#FFFBCC;
border:1px solid #E6DB55;
color:#111111;
font-size:1.2em;
margin-bottom:20px;
padding:20px 10px 0;
text-align: center;
-webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

hr {
margin-bottom: 20px;
}

.flickrpics img {
border: solid 5px #191818;
margin: 1px 4px;
}

.flickrpics img:hover {
border: solid 5px #A3C753;
margin: 1px 4px;
}

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

.noborder {
border: none !important;
}

.button {
border:1px solid #DDDDDD;
padding:6px 12px;
background: #191818;
color: #eee;
font-weight: bold;
}