/*
Theme Name: whatitdot
Theme URI: http://bradleycushing.com/
Description: whatitdot wordpress theme is completely original.
Version: 1.0
Author: Bradley Scott Cushing
Author URI: http://bradleycushing.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* CSS Document */
/* pluggable_packs_v1.1 screen.css framework by Bradley Scott Cushing */
/* bradleycushing.com | creative */



/* ----------------------------------------------------------------------------- 
DOCUMENT STANDARDS

grid system width 
740px

document notes
1. measurements across in px for fixed width
2. measurements vertical in em for scaling
3. margins next to eachother collapse to largest
4. cite must be encapsulated for ie (paragraph, blockquote, defenition description)
5. variable default renders in italics
6. secondary structure floats need display inline for ie (double margins)
7. default/reset css additions (ins, del, var, input, select)
----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
COLORS

white: #fff
black: #000
----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
DEFAULT RESET
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {
	line-height: 1;}

ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;}

blockquote:before, 
blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;}

del {
	text-decoration: line-through;}

/* default variable styles! */
var {
	font-style: italic;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}

/* adding form default! */
input, 
select, 
textarea {
	margin: 0;
	padding: 0;}



/* ----------------------------------------------------------------------------- 
DEVELOPMENT
----------------------------------------------------------------------------- */
body.dev div#wrap, 
body.dev div#header, 
body.dev div#banner, 
body.dev div#navigation, 
body.dev div#page, 
body.dev div#sidebar, 
body.dev div#content, 
body.dev div#disclaimer, 
body.dev div#footer {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;}

body.dev {
	background: #000 url(http://bradleycushing.com/assets/docs/framework/website/html/assets/img/bkg/bkg_740grid.gif) left top repeat-y;}


/* ----------------------------------------------------------------------------- 
GENERIC/GLOBAL
----------------------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5;
	color: #666;
	/* set default background white */
	background: #000;}

ul {
	font-size: 1.2em;}

div#content ul, 
div#content ol {
	font-size: 1.4em;}

ul li ul, 
ol li ol, 
div#content ul li ul, 
div#content ol li ol {
	font-size: 1.0em;}

div#page ul {
	list-style: disc;
	margin-bottom: 2.5em;}

div#page ul li, 
div#page ol li {
	margin-left: 20px;}

ol {
	font-size: 1.2em;
	list-style: decimal;}

div#page ol {
	margin-bottom: 2.5em;}

dl {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 2.5em;}

dt {
	font-weight: bold;}

dd {}



/* ----------------------------------------------------------------------------- 
PRIMARY STRUCTURE
----------------------------------------------------------------------------- */
div#wrap {
	width: 100%;
	margin: 0 auto;
	background: #000 url(/assets/img/bkg/burst.png) no-repeat top left;}

div#header {
	width: 100%;
	height: 355px;
	border-top: 10px solid #ccc;
	border-bottom: 10px solid #666;}

body.millz div#header {
	background: url(/assets/img/bkg/header/millz.png) no-repeat right bottom;}

body.bradley div#header, 
body.bradley div#wrap div#header {
	background: url(/assets/img/bkg/header/bradley.png) no-repeat right bottom;}

body.mitch div#header {
	background: url(/assets/img/bkg/header/mitch.png) no-repeat right bottom;}

body.raspa div#header, 
body.raspa div#wrap div#header {
	background: url(/assets/img/bkg/header/raspa.png) no-repeat right bottom;}

body.nolan div#header {
	background: url(/assets/img/bkg/header/nolan.png) no-repeat right bottom;}

body.boediarto div#header {
	background: url(/assets/img/bkg/header/boediarto.png) no-repeat right bottom;}

body.curtis div#wrap div#header {
	background: url(/assets/img/bkg/header/curtis.png) no-repeat right bottom;}

body.collective div#header, 
body.artists div#header, 
body.musicevents div#header, 
body.archive div#header, 
body.merchandise div#header, 
body.search div#header {
	background: url(/assets/img/bkg/header/collective.png) no-repeat right bottom;}

body.skateboarding div#header {
	background: url(/assets/img/bkg/header/skateboarding.png) no-repeat right bottom;}

body.perry div#header {
	background: url(/assets/img/bkg/header/david_perry.png) no-repeat right bottom;}

body.koki div#header {
	background: url(/assets/img/bkg/header/koki.png) no-repeat right bottom;}

body.jahmal div#header {
	background: url(/assets/img/bkg/header/jahmal.png) no-repeat right bottom;}

body.dharam div#header {
	background: url(/assets/img/bkg/header/dharam.png) no-repeat right bottom;}

body.voyage div#header {
	background: url(/assets/img/bkg/header/voyage.png) no-repeat right bottom;}

body.merchandise div#header {
	background: url(/assets/img/bkg/header/dots.png) no-repeat right bottom;}

body.dante div#header {
	background: url(/assets/img/bkg/header/dante_debose.png) no-repeat right bottom;}

body.brandon div#header {
	background: url(/assets/img/bkg/header/brandon.png) no-repeat right bottom;}

body.kevrick div#header {
	background: url(/assets/img/bkg/header/kevrick.png) no-repeat right bottom;}

body.henrique div#header {
	background: url(/assets/img/bkg/header/henrique.png) no-repeat right bottom;}

body.rss div#header {
	background: url(/assets/img/bkg/header/rss.png) no-repeat right bottom;}

div#banner {
	width: 740px;
	height: 165px;
	background: url(/assets/img/bkg/ttt.png) no-repeat 0 0;}

body.home.collective div#banner {
	background: none;}

div#banner div.contentdiv.one {
	background: url(/assets/img/bkg/dots.png) no-repeat 0 0;}

div#banner div.contentdiv.two {
	background: url(/assets/img/bkg/circles.png) no-repeat 35px 40px;}

div#banner div.contentdiv.three {
	background: url(/assets/img/bkg/voyage.png) no-repeat 0 0;}

div#page {
	width: 720px;
	height: auto;
	background: #222;}

div#footer {
	width: 100%;
	padding: 1.0em 0 1.0em;}

div#adsense {
	width: 100%;
	padding: 1.0em 0 1.0em;
	margin-left: -8px;}

div#disclaimer {
	padding: 1.0em 20px;
	background: #111;}



/* ----------------------------------------------------------------------------- 
SECONDARY STRUCTURE
----------------------------------------------------------------------------- */
div#topbar {
	width: 100%;
	height: 30px;
	background: #222;}

div#thumbnav {
	width: 720px;
	height: 130px;
	clear: both;}

div#header div#navigation {
	width: 680px;
	height: 30px;
	padding: 0 20px;
	background: #333;}

div#page div#navigation {
	position: absolute;
	right: 0;
	z-index: 1;}

div#sidebar {
	width: 140px;
	margin: 0 auto;
	padding: 2.0em 10px 1.0em;
	float:left;
	background: #222;
	display: inline;}
	
div#adjacent {
	width: 120px;
	position: absolute;
	left: 720px;}

div#content {
	width: 520px;
	min-height: 620px;
	margin: 0 auto;
	padding: 2.0em 20px 1.0em;
	float: left;
	background: #111;
	display: inline;}

div#footer div.left {
	width: 75%;
	float: left;}

div#disclaimer div.left {
	width: 700px;
	float: left;}

div#footer div.right {
	width: 25%;
	float: right;}

div#column {
	width: 250px;
	padding-right: 20px;
	float:left;}



/* ----------------------------------------------------------------------------- 
THUMBNAV
----------------------------------------------------------------------------- */
div#thumbnav div.block {
	width: 140px;
	height: 110px;
	float: left;
	padding: 10px;
	margin-left: 20px;
	background: #222;}

div#thumbnav div.block h3 {
	font-size: 1.6em;
	width: 140px;
	padding-top: 8px;
	font-style: italic;
	font-weight: normal;
	background: url(/assets/img/bul/grey_dot.png) no-repeat right 14px;}

div#thumbnav div.block h3 a {
	color: #fff;
	display: block;}

div#thumbnav div.block:hover h3, 
body.dailies div#thumbnav div.block.one h3, 
body.single div#thumbnav div.block.one h3, 
body.skateboarding div#thumbnav div.block.two h3, 
body.artists div#thumbnav div.block.three h3, 
body.musicevents div#thumbnav div.block.four h3 {
	background: url(/assets/img/bul/yellow_dot.png) no-repeat right 14px;}

div#thumbnav div.block {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;}

body.dailies div#thumbnav div.block.one, 
body.single div#thumbnav div.block.one, 
body.skateboarding div#thumbnav div.block.two, 
body.artists div#thumbnav div.block.three, 
body.musicevents div#thumbnav div.block.four, 
div#thumbnav div.block:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}



/* ----------------------------------------------------------------------------- 
FEATURES/CHANNELS
----------------------------------------------------------------------------- */
div#sidebar div.channel {
	width: 140px;
	height: 60px;
	padding-bottom: 1.0em;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;}

div#adjacent div.koki, 
div#adjacent div.jahmal, 
div#adjacent div.dharam {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;}

div#sidebar div.channel:hover, 
div#adjacent div.koki:hover, 
div#adjacent div.jahmal:hover, 
div#adjacent div.dharam:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}
	
div#sidebar div.last {
	margin-bottom: 2.5em;}

div#adjacent div.koki {
	width: 140px;
	height: 120px;
	background: url(/assets/img/the_dailies/koki_feature.png) no-repeat;}

div#adjacent div.jahmal { 
	width: 100px;
	height: 200px;
	margin-bottom: 3.5em;
	background: url(/assets/img/the_dailies/jahmal_feature.png) no-repeat;}

div#adjacent div.dharam { 
	width: 140px;
	height: 300px;
	background: url(/assets/img/the_dailies/dharam_feature.png) no-repeat;}

div#adjacent div.koki a {
	display: block;
	width: 140px;
	height: 120px;
	text-indent: -9999px;}

div#adjacent div.jahmal a {
	display: block;
	width: 140px;
	height: 200px;
	text-indent: -9999px;}

div#adjacent div.dharam a {
	display: block;
	width: 140px;
	height: 300px;
	text-indent: -9999px;}



/* ----------------------------------------------------------------------------- 
NAVIGATION
----------------------------------------------------------------------------- */
div#navigation ul {
	list-style: none;}

div#navigation ul li.first {
	padding-left: 0;}

div#navigation ul li a, 
div#navigation ul li ul li a, 
div#footer ul li a {
	display: block;
	color: #666;
	font-style: italic;}

/* HEADER */
div#header div#navigation ul {
	padding-top: 5px;
	float: left;}

div#header div#topbar ul {
	float: right;}

div#header div#topbar ul li {
	padding: 5px 10px 0;
	display: inline;
	float: left;}

div#header div#navigation ul li {
	float: left;
	padding: 0 10px;}

div#header div#topbar ul li a {
	color: #999;
	font-weight: bold;
	font-style: italic;}

div#header div#topbar ul li a:hover {
	color: #ccc;}

div#header div#topbar ul li.current_page_item a, 
div#header div#topbar ul li.current_page_parent a {
	color: #333;}

div#header div#topbar ul li.current_page_item, 
div#header div#topbar ul li.current_page_parent {
	background: #ccc;}

div#header div#navigation ul li:hover, 
div#header div#navigation ul li.active, 
div#header div#navigation ul li.current_page_item, 
div#header div#navigation ul li.current-cat {
	background: #000;}


/* PAGE */
div#page div#navigation ul li {
	float: right;
	clear: right;}

div#page div#navigation ul li a {
	float: right;
	clear: right;
	margin-bottom: 1px;
	height: 25px;
	width: 140px;
	background: #111;
	padding: 5px 10px 0 10px;}

div#page div#navigation ul li ul li a, 
div#page div#navigation ul li a:hover ul li a {
	background: #111;
	color: #666;}
	
div#page div#navigation ul li ul {
	padding-top: 7px;}

div#page div#navigation ul li a:hover, 
div#page div#navigation ul li.current_page_item a,
div#page div#navigation ul li.current-cat a {
	background: #333;}

div#page div#navigation ul li a:hover,  
div#page div#navigation ul li.current-cat a, 
div#page div#navigation ul li.current_page_item a {
	color: #fff;}

div#page div#navigation ul li ul li a:hover, 
div#page div#navigation ul li.current_page_item ul li a:hover {
	background: #222;
	color: #999;}

div#page div#navigation ul li ul li a, 
div#page div#navigation ul li a:hover ul li a, 
div#page div#navigation ul li.current_page_item ul li a,
div#page div#navigation ul li.current-cat ul li a {
	color: #333;
	background: #090909;}

div#page div#navigation ul li ul li a {
	width: 120px;}
	

/* FOOTER */
div#footer ul li {
	float: left;
	padding-left: 20px;}

div#footer ul li ul li a {
	color: #333;}

div#footer ul li a:hover {
	color: #999;}

div#footer ul li ul li a:hover {
	color: #666;}

div#footer ul li ul li {
	float: none;
	padding-left: 0;}



/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
a, 
a:link, 
a:visited {
	text-decoration: none;
	color: #8B881E;}

a:hover, 
a:active {
	color: #ccc;}

a.more-link {
	font-size: 1.4em;}

body.home.collective div#page p.more-link, 
div#page p.more-link, 
div#page p.backtotop {
	margin-bottom: 10px;
	font-size: 14px;
	font-style: italic;}

p {
	font-size: 1.2em;}

div#page p {
	margin-bottom: 2.5em;}

div#page p.letter span, 
div#page p span.letter {
	font-size: 3.6em;
	color: #fff;
	background: #8B881E;
	float: left;
	padding: 5px;
	margin-right: 5px;
	line-height: 1;}

div#page p.disclaimer span.letter {
	padding-right: 10px;}

div#page div#content p {
	font-size: 1.4em;}

body.home.collective div#page div#content p.excerpt, 
body.collective div#page div#content p.excerpt, 
body.single div#page div#content p.excerpt, 
body.search div#page div#content p.excerpt {
	font-size: 1.2em;}

p.disclaimer {
	color: #333;
	font-style: italic;}

div#footer p {
	font-size: 1.1em;}

li p, 
div#page div#content li p {
	font-size: 1.0em;}

h1,
h2, 
h3,  
h4, 
h5, 
h6 {
	font-weight: bold;}

h1 {
	font-size: 2.2em;
	color: #fff;
	margin-bottom: 2.5em;}

div#header h1 {
	margin-bottom: 0;
	float: left;
	text-indent: -9999px;
	width: 156px;
	height: 17px;
	padding: 5px 10px 0 20px;}

div#header h1 a {
	display: block;
	background: url(/assets/img/logo/whatitbe_yellow.png) no-repeat;}

div#header h1 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;}

h2 {
	font-size: 1.2em;
	color: #fff;}

div#header div#topbar h2  {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	color: #999;
	padding-top: 5px;
	float: left;}

h3 {
	font-size: 1.8em;
	color: #fff;
	margin-bottom: 0.5em;}

body.dailies div#content h3 {
	font-style: normal;
	font-weight: normal;}

div#content h3 {
	color: #333;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 1.0em;}

div#content h3 span {
	font-style: italic;
	font-size: 0.8em;
	color: #666;}

div#content h3.date {
	color: #222;
	float: right;}

h4 {
	color: #999;
	margin-bottom: 0.2em;}

div#content h4 {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;}

div#content h4 span {
	font-style: italic;
	font-size: 0.7em;
	color: #666;}

body.home.collective div#content h4 span {
	color: #999;}

div#sidebar h4 {
	font-size: 1.2em;}

div#sidebar h4.channel {
	padding: 10px;
	background: #111;
	width: 210px;
	margin-bottom: 0;
	color: #333;}

div#header h4 {
	font-size: 1.8em;
	color: #333;
	margin-bottom: 0.5em;
	font-style: italic;
	font-weight: normal;
	width: 390px;
	line-height: 1.2;
	position: relative;
	top: 40px;
	left: 320px;}

h5 {
	font-size: 1.4em;
	color: #666;
	margin-bottom: 0.2em;}

div#content h5 span {
	font-style: italic;
	font-size: 0.7em;
	color: #333;}

h6 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 0.5em;}

hr {
	color: #171717;
	border-style: solid;
	height: 0;
	margin: 0 0 2.0em;
	/* http://www.sovavsiti.cz/css/hr.html */
	background-color: #171717;}

div#sidebar hr {
	color: #252525;
	border-style: solid;
	height: 0;
	margin: 0 0 2.0em;
	/* http://www.sovavsiti.cz/css/hr.html */
	background-color: #252525;}

strong {
	font-weight: bold;}

em {
	font-style: italic;}

strike {
	text-decoration: line-through;
	color: #333;}

blockquote {
	font-size: 1.4em;
	color: #333;
	font-style: italic;
	margin: 0 60px 2.5em 60px;
	padding-left: 10px;
	border-left: 5px solid #666;}

cite {
	font-size: 0.8em;
	font-style: italic;
	color: #999;
	padding-left: 10px;}

address {
	font-size: 1.4em;
	margin-bottom: 2.5em;}

abbr, 
acronym {
	cursor: help;}

sub {
	font-size: 0.9em;
	line-height: 1;
	vertical-align: sub;}

sup {
	font-size: 0.9em;
	line-height: 1;
	vertical-align: super;}

pre {
	font-size: 1.2em;
	line-height: 1;
	padding: 10px;
	margin-bottom: 2.5em;
	background: #222;}

pre code, 
var, 
samp, 
kbd {
	font-size: 1.2em;
	font-family: monospace;
	color: #fff;}

dfn {
	font-weight: bold;
	font-style: italic;}

ins {
	color: #f00;}



/* ----------------------------------------------------------------------------- 
ICONS
----------------------------------------------------------------------------- */
.icn {
	padding-left: 20px;}

.icn.vcard {
	background: url(/assets/img/icn/vcard.png) no-repeat 0 -2px;}

.icn.pdf {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/pdf.png) no-repeat;}

.icn.email {
	background: url(/assets/img/icn/email.png) no-repeat 1px -1px;}

.icn.xhtml {
	background: url(/assets/img/icn/xhtml.png) no-repeat 1px -2px;}

.icn.css {
	background: url(/assets/img/icn/css.png) no-repeat 1px -2px;}

.icn.txt {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/txt.png) no-repeat;}

.icn.facebook {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/facebook.png) no-repeat;}

.icn.linkedin {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/linkedin.png) no-repeat;}

.icn.twitter {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/twitter.png) no-repeat;}

.icn.locked {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/locked.png) no-repeat;}

.icn.stacks, 
div#content a.icn.stacks {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/stacks.png) no-repeat 0px 2px;}

div#header li.page-item-9 a {
	padding: 4px 0 0 23px;
	background: url(/assets/img/icn/cart.png) no-repeat 0px 3px;}

.icn.audio {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/audio.png) no-repeat 0px 3px;}

div#content a[target="_blank"] {
	padding: 4px 10px 0 0;
	background: url(/assets/img/icn/external_link.png) no-repeat right;}

.icn.flickr {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/flickr.png) no-repeat;}

.icn.compress {
	padding: 4px 0 0 20px;
	background: url(/assets/img/icn/compress.png) no-repeat;}

.icn.rss {
	padding: 2px 0 0 20px;
	background: url(/assets/img/icn/rss.png) no-repeat;}

div#header .icn.locked {
	padding: 4px 17px 0 0;
	float: right;
	margin-top: 2px;
	font-size: 1.2em;
	text-indent: -9999px;
	background: url(/assets/img/icn/locked.png) no-repeat right;}

div#header .icn.rss {
	padding: 4px 20px 0 0;
	float: right;
	margin-top: 2px;
	font-size: 1.2em;
	text-transform: uppercase;
	background: url(/assets/img/icn/rss.png) no-repeat right;}

div#header .icn.twitter {
	float: right;
	margin-top: 5px;
	line-height: 1;
	font-size: 1.2em;
	text-indent: -9999px;
	background: url(/assets/img/icn/twitter.png) no-repeat right;}

div#header .icn.facebook {
	float: right;
	margin-top: 5px;
	line-height: 1;
	font-size: 1.2em;
	text-indent: -9999px;
	background: url(/assets/img/icn/facebook.png) no-repeat right;}
	
	

/* ----------------------------------------------------------------------------- 
SEARCH BOX
----------------------------------------------------------------------------- */
form.search {
	float: right;
	margin: 5px 10px 0 0;}

form input.searchbox {
	width: 115px;
	height: 20px;
	background: #111;
	color: #999;
	border: none;
/* this below was the trick to proper alignment */
	display: block;
	float: left;}

form input.searchsubmit {
	width: 30px;
	margin-left: 5px;
	margin-bottom: 0;
	height: 20px;
	color: #000;
	background: #8B881E;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;}

form input.searchsubmit:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}



/* ----------------------------------------------------------------------------- 
LOG-IN ONSITE
----------------------------------------------------------------------------- */
div#header p.username {
	float: right;
	position: absolute;
	z-index: 0.5;
	right: 10px;
	top: 50px;
	color: #222;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;}

div#header form#loginform {
	float: right;
	position: absolute;
	z-index: 0.5;
	right: 0;
	top: 40px;
	padding: 10px;
	background: #090909;}

div#header form#loginform input#user_login, 
div#header form#loginform input#user_pass {
	width: 115px;
	height: 20px;
	margin-right: 5px;
	background: #111;
	color: #222;
	border: none;
/* this below was the trick to proper alignment */
	display: block;
	float: left;}

div#header form#loginform input#user_login:focus, 
div#header form#loginform input#user_pass:focus {
	color: #999;}

div#header form#loginform input#wp-submit {
	width: 60px;
	margin: 0 0 5px 5px;
	height: 20px;
	color: #000;
	background: #8B881E;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;}

div#header form#loginform input#wp-submit:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}

div#header form#loginform input#rememberme {
	float: left;
	color: #8B881E;}

div#header form#loginform label {
	float: left;
	padding-left: 5px;
	color: #222;
	text-transform: uppercase;}


/* ----------------------------------------------------------------------------- 
PAYPAL
----------------------------------------------------------------------------- */
form.paypal {
	float: left;}

form.paypal input.submit {
	width: 70px;
	margin: 0 10px;
	height: 20px;
	color: #000;
	background: #8B881E;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;}

form.paypal input.submit.alone {
	margin-left: 0;}

form.paypal input.submit:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}



/* ----------------------------------------------------------------------------- 
TABLES
----------------------------------------------------------------------------- */
div#page table {
	font-size: 1.4em;
	margin-bottom: 2.5em;}

div#page div#sidebar table {
	font-size: 10px;}

div#page table.standard thead th {
	font-weight: bold;
	text-align: left;
	color: #222;}

div#page table.standard thead th, 
div#page table.standard td {
	width: 260px;}

div#page table.standard tbody td {
	background: #222;}



div#page table thead th, 
div#page table td {
	width: 210px;}

div#page div#sidebar table thead th, 
div#page div#sidebar table td {
	background: #333;}

div#page div#sidebar table th, 
div#page div#sidebar table td {
	width: 40px;
	padding-left: 10px;}

div#page table th.first, 
div#page table td.first {
	padding-left: 10px;}

div#page table caption {
	font-size: 0.9em;
	font-style: italic;
	text-align: left;
	padding: 0 0 18px;}



/* ----------------------------------------------------------------------------- 
FEATURED RIGHT BLOCKQUOTES
----------------------------------------------------------------------------- */
body.koki blockquote, 
body.jahmal blockquote, 
body.dharam blockquote.side, 
body.voyage blockquote.side, 
body.dante blockquote.side {
	font-size: 1.4em;
	font-style: italic;
	margin: 0;
	padding-left: 0;
	border-left: none;
	position: absolute;
	right: 0;
	width: 300px;
	height: 300px;
	text-indent: -9999px;
	background: url(/assets/img/skateboarding/interviews/koki_loaiza/knowledge_quote.png) no-repeat;}

body.koki blockquote.knowledge {
	background: url(/assets/img/skateboarding/interviews/koki_loaiza/knowledge_quote.png) no-repeat;}

body.koki blockquote.vip {
	background: url(/assets/img/skateboarding/interviews/koki_loaiza/vip_quote.png) no-repeat;}

body.koki blockquote.lost {
	background: url(/assets/img/skateboarding/interviews/koki_loaiza/lost_quote.png) no-repeat;}

body.dharam blockquote.jeru {
	background: url(/assets/img/skateboarding/interviews/dharam_khalsa/jeru_quote.png) no-repeat;}

body.dharam blockquote.havefun {
	background: url(/assets/img/skateboarding/interviews/dharam_khalsa/havefun_quote.png) no-repeat;}

body.dharam blockquote.temple {
	background: url(/assets/img/skateboarding/interviews/dharam_khalsa/temple_quote.png) no-repeat;}

body.jahmal blockquote.favorite {
	height: 820px;
	background: url(/assets/img/skateboarding/fill_in_the_dot/jahmal_williams/vallely_elephant.png) no-repeat;}

body.voyage blockquote.flyer {
	height: 1000px;
	background: url(/assets/img/skateboarding/raw_product/voyage/flyer_stack.png) no-repeat;}

body.voyage blockquote.flyer:hover {
	background: url(/assets/img/skateboarding/raw_product/voyage/flyer_stack_hover.png) no-repeat;}

body.voyage blockquote.graphics {
	height: 1100px;
	background: url(/assets/img/skateboarding/raw_product/voyage/new_graphics.png) no-repeat;}
	
body.voyage blockquote.graphics:hover {
	background: url(/assets/img/skateboarding/raw_product/voyage/new_graphics_hover.png) no-repeat;}

body.dante blockquote.sgt {
	background: url(/assets/img/skateboarding/scatter_brain/dante_debose/sgt_quote.png) no-repeat;}

body.dante blockquote.autobahn {
	background: url(/assets/img/skateboarding/scatter_brain/dante_debose/autobahn_quote.png) no-repeat;}

body.dante blockquote.stabbed {
	background: url(/assets/img/skateboarding/scatter_brain/dante_debose/stabbed_quote.png) no-repeat;}



/* ----------------------------------------------------------------------------- 
WORDPRESS COMMENTS
----------------------------------------------------------------------------- */
form#commentform {
	width: 520px;}

form#commentform p {
	padding-bottom: 12px;
	height: 23px;
	border-bottom: 1px solid #222;
	margin-bottom: 18px;}

form#commentform p.textarea {
	height: auto;
	border-bottom: none;}

form#commentform label {
	float: left; 
	width: 160px; 
	margin-left: 20px;
	padding-bottom: 0;
	font-weight: bold;}

form#commentform input#author, 
form#commentform input#email, 
form#commentform input#url {
	width: 340px;  
	height: 20px;
	border: none;
	background: #222;
	float: left;
	color: #888;}

form#commentform textarea {
	float: left; 
	width: 520px;
	height: 92px;
	margin-bottom: 14px;
	border: none;
	background: #222;
	color: #888;}

form#commentform div.submit {
	text-align: left;
	margin-bottom: 2.5em;}
	
form#commentform div.submit input#submit {
	width: 160px;
	margin-bottom: 0;
	height: 20px;
	color: #000;
	background: #8B881E;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;}

form#commentform div.submit input#submit:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}

form#commentform span.req {
	color: #f00;}

#page ol.commentlist {
	list-style: none;}

#page ol.commentlist li {
	margin-left: 0;
	padding: 18px 10px;}

#page ol.commentlist li.alt {
	background: #151515;}

div#page div#content ol.commentlist li img {
	float: left;
	margin: 0 20px 10px 0;
	padding: 5px;
	background:#222;
	border: 1px solid #333;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}

#page ol.commentlist li cite {
	font-size: 1.0em;
	padding-left: 0;}

#page ol.commentlist li small a {
	color: #999;
	font-size: 0.8em;}

#page ol.commentlist li small a:hover {
	color: #000;}



/* ----------------------------------------------------------------------------- 
WORDPRESS IMAGES AND WIDGETS
----------------------------------------------------------------------------- */
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;}

.alignleft {
   float: left;
   margin-right: 20px;}

.alignright {
   float: right;
   margin-left: 20px;}

.alignleftlast {
   float: left;
   margin-right: 0;}

.alignrightlast {
   float: right;
   margin-left: 0;}

img.aligncenter, 
img.alignleft, 
img.alignright, 
.wp-caption {
	padding: 5px;
	background-color: #222;
	border: 1px solid #333;
	margin-bottom: 2.0em;}

.wp-caption:hover { 
	border: 1px solid #444;
	background-color: #333;}

div#page div#content .wp-caption p.wp-caption-text {
	color: #444;
	font-size: 1.0em;
	font-style: italic;
	margin-bottom: 0;}

div#page div#content .wp-caption:hover p.wp-caption-text {
	color: #555;
	font-size: 1.0em;
	font-style: italic;
	margin-bottom: 0;}

.wp-caption img {
	margin: 0;}

div#page div#content .wp-caption:hover img, 
div#facebook-like-box:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}

div#facebook-like-box {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;}



/* ----------------------------------------------------------------------------- 
FRAMEWORK

selector order {
	class="frame position"
	class="right"
	class="frame left"}
----------------------------------------------------------------------------- */
div#page img {
	margin-bottom: 2.0em;}

div#page div#content img {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;}

div#page div#content img:hover {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;}

img.frame {
	padding: 5px;
	background: #222;
	border: 1px solid #333;}

img.frame:hover {
	padding: 5px;
	background: #333;
	border: 1px solid #444;}

img.left {
	margin-right:20px;}

img.right {
	margin-left:20px;}
	
.left {
	float: left;}

.right {
	float: right;}

.absright {
	position: absolute;
	right: 0;}

.center {
	margin: 0 auto 2.5em;
	display: block;}

.clear {
	clear: both;}