/*   
Theme Name: Baller Ride
Theme URI: http://www.ballerride.com
Description: The theme used for BallerRide.com
Author: Cristian Graziano
Author URI: http://www.ixpleo.com
.
General comments/License Statement if any.
.
*/

/* Print Styles */
#baller-bar,
#nav,
.sociable,
.social_bookmark,
#respond,
#commentform,
.postmetadata,
.tools,
#sidebar,
#comments,
.commentlist
	{ display: none !important; }

* { margin: 0; padding: 0; }
body { font: 11px tahoma, verdana, sans-serif; text-align: center; background: url(images/body-bg.jpg) top left repeat-x #3d3d3d; margin-bottom: 30px; }

a { text-decoration: none; }

/* Layout */
#outer-wrapper { margin: 0 auto; width: 934px; background-color: #000; text-align: left; }
#wrapper { padding: 6px; }
#header { position: relative; height: 101px; }
#header-left { float: left; }
#header-right { float: right; color: #666; position: absolute; bottom: 12px; right: 12px; }
#header-right a { color: #eee; }
#baller-bar { clear: both; height: 59px; background: url(images/baller-bar-bg.gif) top left repeat-x; }
#baller-bar a { display: block; float: left; font-size: 20px; color: #fff; margin-top: 1px; height: auto; line-height: 58px; padding: 0px 20px; border-right: 1px solid #414243; }
#baller-bar .search { float: right; line-height: 59px; padding-right: 12px; }
#baller-bar .search input { width: 230px; border: 1px solid #060606; padding: 2px; }
#baller-bar .search .button { width: auto; border: 0px; background-color: #060606; color: #fff; padding: 4px 15px; font-size: 10px; }
#main-wrapper { background: url(images/footer-bg.gif) bottom left repeat-x #fff; font: 12px/18px "Lucida Grande", Helvetica, Arial, sans-serif; color: #333; padding: 12px; }
#main-wrapper a { color: #3399ff; }
#main-wrapper a:hover { text-decoration: underline; }
#main-wrapper ul, ol { margin: 10px 0px 10px 35px; }
#content { width: 550px; /* Brought Back from 585px */ float: left; }
#sidebar { float: right; width: 301px; background-color: #fff; }
#footer { font-size: 10px; clear: both; margin-top: 50px; padding-top: 20px; background: url(images/footer-border.gif) top left repeat-x; }
#footer .logos { float: left; width: 33%; text-align: center; }

/* Main Navigation */
ul#nav { position: relative; list-style-type: none; height: 29px; background: url(images/nav-bg.gif) top left repeat-x #1a1b1c; }
#nav li { float: left; line-height: 29px; background: url(images/nav-li-separator.gif) top right no-repeat; }
#nav li a { margin: 0px 1px 0px 0px; display: block; float: left; padding: 0px 21px; text-transform: uppercase; font-weight: bold; color: #fff; }
#nav li a:hover, #nav li:hover a, #nav li.sfHover a { background: url(images/nav-active-bg.gif) top left repeat-x #fff; color: #000; }
#nav li ul { display: none !important; }
#nav li ul li { background: transparent; }
#nav li:hover ul, #nav li.sfHover ul { display: block !important; list-style-type: none; position: absolute; top: 29px; left: 10px; }
#nav li ul li a, #nav li:hover ul li a, #nav li.sfHover ul li a { text-transform: none; color: #666; padding: 0px 10px; background: transparent; }
#nav li ul li a:hover { color: #000; background: transparent; }
.superfish li:hover ul, .superfish li li:hover ul { display: none !important; }
#nav li ul li ul { display: none; }

/* Text Styles */
h1 { font-size: 20px; line-height: 24px; font-weight: bold; color: #000; letter-spacing: -1.0px; background: url(images/h1.gif) center left no-repeat; padding-left: 24px; }
h2, #sidebar h1 { font-size: 16px; line-height: 21px; font-weight: bold; color: #000; letter-spacing: -1.1px; }
h3, #sidebar h2 { font-size: 13px; line-height: 18px; font-weight: bold; color: #000; letter-spacing: -0.95px; }

/* Elements */
.rounded-outer { background-color: #dedede; margin: 12px 0px; }
.rounded-inner { padding: 8px; border: 1px solid #ccc; background-color: #fff; }
ul.recent-posts { list-style-type: none; margin: 0px !important; padding: 0px !important; }
ul.recent-posts li { text-indent: -8px; margin: 0px 0px 0px -8px !important; padding: 0px 0px 0px 16px !important; }
#sidebar .rounded-inner a { font-size: 11px; line-height: 20px; }

/* Post Styles */
.post h1 a { color: #000 !important; text-decoration: none; }
.stamp-posted { font-size: 10px; }
.tools { display: block; border-color: #eee; border-style: solid; border-width: 1px 0px 4px 0px; padding: 4px 0px; margin: 10px 0px 20px 0px; }
.tools a { text-transform: uppercase; font: 11px/28px tahoma, verdana, arial, sans-serif; font-weight: bold; }
.tags, .tags a { text-transform: none; font: 11px/18px "Lucida Grande", Helvetica, Arial, sans-serif; } 

/* Comments */
ol.commentlist { margin: 0px; list-style-type: none; }
ol.commentlist li { position: relative; padding: 10px 60px 10px 10px; display: block; border-bottom: 1px solid #ccc; }
ol.commentlist li.alt { background-color: #f7f7f7; }
ol.commentlist li .number { font-size: 28px; color: #cecece; position: absolute; top: 8px; right: 8px; }
form p { margin: 4px 0px; }

/* Accent Color */
#header-right a:hover { color: #ed171f; }

/* House */
a.house:hover .accent { color: #ffcc00; }

/* Hub */
a.hub:hover .accent { color: #3db0ff; }

/* Ride */
a.ride:hover .accent { color: #ed171f; }

/* Misc Styles */
.clear { display: block; clear: both; }
.left { display: block; float: left; }
.right { display: block; float: right; }
*:focus { outline: none; }
img { border: 0px; }