/* ============================================================================

	Theme Name: HOYOTOHO
	Description: HOYOTOHO 1.0 THEME DEFAULT
	Version: 1.0
	Author: SMILES FOR MILES & THE JORDANGO
	Tags: wacked out, crazy, colorful

	Copyright (c) 2009 HOYOTOHO
	Designed and coded by Jordan Wollman

============================================================================ */

/* [ CSS IMPORTS ] --------------------------------------------------------- */

@import url('reset.css');
@import url('text.css');
@import url('960.css');

/* [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */
html													{ width: 100%; height: 100%; }
body													{ font: 12pt "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #FFF; background: #920E00 url(images/redgradient.jpg) 50% 0 no-repeat; text-align: left; }
input,
select,
option,
textarea												{ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background: url(images/blackoverlay.png) 0 0; color: #FFF; border: none; padding: 2px; }
a														{ color: #000; background: #FFFF00; text-decoration: none; }
a:hover													{ background: #00FFFF; text-decoration: none; }
a img													{ border: none; }
h3														{ font-size: 14pt; font-weight: 100; }

/* [ CONTAINERS ] ---------------------------------------------------------- */
#wrapper												{ width: 100%; height: 100%; background: url(images/stripes.png) 0 0; float: left; }

/* [ MASTHEAD ] ------------------------------------------------------------ */
#masthead												{ height: 300px; overflow: hidden; margin: 0 0 20px 0; }

#masthead #nav-global									{ height: 50px; overflow: hidden; }
#masthead #nav-global ul								{ float: left; margin: 0; }
#masthead #nav-global ul li								{ display: block; float: left; margin: 0; text-transform: uppercase; font-size: 9pt; }
#masthead #nav-global ul li a 							{ color: #FFF; background: none; display: block; padding: 18px 10px; text-decoration: none; }
#masthead #nav-global ul li a:hover 					{ text-decoration: line-through; }
#masthead #nav-global ul li.active a					{ background: url(images/blackoverlay.png) 0 0; }

#masthead #searchform									{ float: right; padding-top: 12px; }
#masthead #searchform input								{ border: none; padding: 2px; background: url(images/blackoverlay.png) 0 0; color: #FFF; }

#masthead #twitter-header								{ width: 220px; height: 50px; background: url(images/twitheader.png) 60px 6px no-repeat; }

#masthead #social										{ height: 210px; width: 180px; background: url(images/blackoverlay.png) 0 0; padding: 20px; }
#masthead #social #twitter_div							{ height: 80px; }
#masthead #social #twitter_div ul						{ font-size: 7.5pt; margin: 0; list-style: none; }
#masthead #social #twitter_div ul li					{ margin: 0; }
#masthead #social #twitter_div span a					{ background: #FFFF00; color: #000; }
#masthead #social #twitter_div span a:hover				{ background: #00FFFF; text-decoration: none; }
#masthead #social #twitter_div a						{ background: none; color: #E31D00; }
#masthead #social #twitter_div a:hover					{ text-decoration: line-through; }

#masthead #social-bookmarks ul							{ font-size: 7.5pt; margin: 0; list-style: none; }
#masthead #social-bookmarks ul li						{ margin: 0 0 .75em 0; font-weight: bold; }
#masthead #social-bookmarks ul li a 					{ display: block; background: none; color: #FFF; padding: 4px 0 4px 20px; }
#masthead #social-bookmarks ul li a:hover 				{ text-decoration: line-through; }

#masthead #social-bookmarks ul li#facebook a 			{ background: url(images/icn-facebook.gif) 0 50% no-repeat; }
#masthead #social-bookmarks ul li#myspace a 			{ background: url(images/icn-myspace.gif) 0 50% no-repeat; }
#masthead #social-bookmarks ul li#youtube a 			{ background: url(images/icn-youtube.gif) 0 50% no-repeat; }
#masthead #social-bookmarks ul li#vimeo a 				{ background: url(images/icn-vimeo.gif) 0 50% no-repeat; }
#masthead #social-bookmarks ul li#flickr a 				{ background: url(images/icn-flickr.gif) 0 50% no-repeat; }

/* [ THE POSTS ] ----------------------------------------------------------- */
.theposts												{ float: left; width: 660px; padding: 20px; margin: 0 0 20px 0; background: #D20000; }
.theposts h2											{ font-weight: 100; margin: 0; }
.theposts h2 a											{ background: none; color: #FFF; }
.theposts h2 a:hover									{ text-decoration: line-through; }
.theposts small											{ font-size: 7.5pt; font-weight: bold; color: #000; margin: 0 0 2em 0; }
.theposts p												{ font-size: 10pt; font-weight: 100; }

/* [ COMMENTS ] ------------------------------------------------------------ */
#commentform											{ font-size: 9pt; }
#commentform textarea									{ padding: 4px; width: 692px; height: 80px; background: url(images/blackoverlay.png) 0 0; border: none; font-size: 9pt; }
#commentform input										{ padding: 4px; width: 300px; background: url(images/blackoverlay.png) 0 0; border: none; font-weight: 100; }

.comment												{ margin: 0 0 1em 0; border-bottom: 1px solid #000; }
.commentlist											{ list-style: none; margin: 0; }
.commentlist li											{ margin: 0 0 1em 0; display: block; float: left; width: 700px; }
.commentlist li	p										{ font-size: 10pt; padding-top: .5em; }
.commentlist li img										{ float: left; margin: 0 1em 1em 0; }
.commentlist li .says									{ display: none; }
.commentlist li .fn										{ font-size: 7.5pt; float: left; margin-right: 1em; }
.commentlist li .commentmetadata						{ font-size: 7.5pt; }

/* [ SIDEBAR ] ------------------------------------------------------------- */
#sidebar ul												{ margin: 0; }
#sidebar ul li											{ margin: 0 0 20px 0; padding: 20px; display: block; background: url(images/blackoverlay.png) 0 0; }
#sidebar ul li h2										{ font-size: 7.5pt; font-weight: bold; margin: 0 0 1em 0; }
#sidebar ul li ul 										{ list-style: none; }
#sidebar ul li ul li									{ margin: 0 0 1em 0; display: list-item; background: none; padding: 0; font-weight: 100; font-size: 10pt; }

/* [ FOOTER ] -------------------------------------------------------------- */
#footer													{ padding: 20px 0; }
#footer p												{ font-size: 7.5pt; }

/* [ MISC CLASSES ] -------------------------------------------------------- */
.float_left 											{ float: left; }
.float_right 											{ float: right; }