/*
Theme Name: Hype Skateboards
Theme URI: http://www.hypeskateboards.com
Description: Hype Skateboards
Version: 2.0
Author: Miguel Cantu
Author URI: http://www.miguelcantu.com
Tags:
*/

/* Reset */
*							{ margin: 0; padding: 0; }
html							{ overflow-y: scroll; }
html, body						{ height: 100%; }
body							{ background: #000000; color: #555555; font-family: Arial, sans-serif; font-size: .7em; }
ul							{ list-style: none; }
li							{ list-style: none; }
ol							{ list-style: decimal inside; }
a							{ outline: none; text-decoration: none; }
a img							{ border: none; }
img							{ margin-bottom: 10px; vertical-align: middle; }
table							{ border-collapse: collapse; }

/*
Utility
*/
.floatLeft						{ float: left; }
.floatRight						{ float: right; }
.clear							{ clear: both; }
.button							{ background: #8071b3; border: none; color: #ffffff; font-size: 1.3em; font-weight: bolder; margin-top: 10px; padding: 4px 8px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Typography */
a							{ color: #8071b3; }
a:hover							{ color: #8071b3; }
h2							{ color: #8071b3; font-size: 1.2em; text-transform: uppercase; }
h3							{ color: #8071b3; font-size: 1em; }
h4							{ font-size: .9em; font-weight: normal; margin-bottom: 5px; }
h5							{ color: #8071b3; font-size: 1.8em; text-transform: uppercase; }
h6							{ color: #8071b3; font-size: 1.4em; text-transform: uppercase; }

/* Structure */
#page-wrap						{ margin: 40px auto; width: 960px; }
#header							{ background: url(/images/bg.png) center top repeat-x #ffffff; border-bottom: 1px solid #cccccc; height: 110px; padding-bottom: 10px; width: 960px; }
#logo                                                   { float: left; height: 80px; margin: 20px 0 0 10px; width: 80px; }
#body							{ background: #ffffff; float: left; padding-bottom: 10px; width: 960px; }
#slideshow                                              { border-bottom: 1px solid #cccccc; float: left; height: 400px; padding-bottom: 20px; width: 620px; }
#main							{ float: left; margin: 20px 0 10px 10px; width: 620px; }
.ad-left                                                { float: left; height: 100px; margin: 20px 10px 0 0; width: 300px; -moz-box-shadow: #cccccc 3px 3px 3px; -webkit-box-shadow: #cccccc 3px 3px 3px; box-shadow: #cccccc 3px 3px 3px; }
.ad-right                                               { float: left; height: 100px; margin: 20px 0 0 10px; width: 300px; -moz-box-shadow: #cccccc 3px 3px 3px; -webkit-box-shadow: #cccccc 3px 3px 3px; box-shadow: #cccccc 3px 3px 3px; }
.news-post                                              { height: 100px; margin-bottom: 10px; width: 100%; }
.post-text                                              { float: right; height: 100px; width: 165px;}
.right-box                                              { float: left; height: 100px; width: 100px; }

/* Navigation */
#navbar                                                 { float: left; height: 50px; margin: 10px 0 0 20px; padding-top: 45px; width: 530px; }
#nav                                                    { float: left; margin: 0; padding; 0; }
#nav li                                                 { display: inline; list-style-type: none; margin-right: 30px; }
#nav a:link, #nav a:visited                             { color: #8071b3; font-size: 1.3em; font-weight: bolder; padding: 4px 8px; text-transform: uppercase; } 
#nav a:hover, #nav a:active                             { background: #8071b3; color: #ffffff; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Posts */
#news                                                   { float: right; height: 270px; margin-right: 0; overflow: hidden; width: 300px; }
#news-content                                           { position: relative; width: 275px; }
#scrollArea                                             { float: right; height: 270px; margin-left: 10px; overflow: hidden; width: 10px; }
#scroller                                               { background: #8071b3; height: 50px; margin-top: -1px; position: relative; width: 10px; }

/* Sidebar */
#sidebar                                                { border-left: 1px solid #cccccc; float: right; height: 540px; margin: 20px 10px 10px 0; padding-left: 10px; width: 300px; }
#video                                                  { border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px; }
#social                                                 { float: right; height: 70px; margin: 10px 10px 0 0; padding: 20px 0 0 0; text-align: left; width: 300px; }
.head                                                   { float: left; margin-bottom: 10px; width: 300px; }

/* Footer */
#footer-container                                       { margin: 10px auto; width: 960px; }