/*  
Theme Name: Yak Ballz 2009
Theme URI: http://s2udio.com/
Description: Yak Ballz dot net
Version: 1.0
Author: STUJESSICA for s2udio.com
Author URI: http://s2udio.com/

	Yak Ballz 2009 v1.0
	 http://s2udio.com/

*/

body {margin: 0 0 20px 0; padding: 0; background-color: #000;}

/* layout structure */
#container {margin: 0px auto 0px auto; padding: 0px; width: 800px; color: #FFF;}
	#header {padding: 0px; width: 805px; height: 288px;}
	#main {float: left; width: 800px; background-color: #000;}
		#content {float: left; padding: 0px; margin: 0px; width: 550px; margin-top: 0px;}
			.page-content {width: 540px;}
		#sidebar {float: left; padding: 0px; padding-left: 10px; width: 235px; margin-top: 13px; border-left: solid 1px #333;}
	#footer {padding: 10px; float: left; margin: 0px auto 20px auto; width: 780px; clear: both; background-color: #000; text-align: center; font-size: 13px;}

/* sidebar */
#sidebar form {margin: 0;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;	list-style-type: none;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 5px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul li.widget_tag_cloud a {margin-left: 10px;}

	/* twiter sidebar styles */
	#twitter_div {border: solid 2px #111; width: 240px;}
	#twitter_div ul {padding-left: 5px; padding-right: 5px;}
	#twitter_div ul li {width: 220px;}
	#twitter_div h2 {display: block; margin-top: 0px; background-image: url(/images/twitter_updates.gif); background-color: #414141; background-repeat: no-repeat; height: 28px;}
	
	/* flickr sidebar widget */
	#sidebar li.widget_flickrRSS img {margin-left: 5px; margin-top: 5px; height: 65px; width: 65px; border: solid 3px #666; }

	/* search */
	#search #s {font-size: 11px; width: 140px; background: #000; color: #FFF; border: solid 2px #222;}
	#search #searchsubmit {font-size: 11px; width: 50px; background: #000; color: #FFF; border: solid 2px #222;}

/* text styles */
body, p {font-family: Arial, sans-serif; font-size: 12px; line-height: 17px; color: #FFF; font-weight: normal; text-align:justify;}

h1 {font-family: Arial, sans-serif; font-size: 16px; color: #FFF; font-weight: bold; background-color: #000; text-transform: uppercase; text-decoration: none;}
h2 {font-weight: bold; color: #787E5A; font-size: 15px; margin-bottom: 10px; clear: both;}
	#sidebar h2 {font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; display: block; text-transform: none; padding-left: 5px; margin-top: 10px; color: #CF4053;}
h3 {font-size: 16px; font-weight: bold; margin-left: 10px;color: #666;}
.related {font-family: Arial, sans-serif; font-size: 14px; color: #c0c0c0; font-weight: bold;}

/* links */
a, a:visited {font-family: Arial, sans-serif; color: #999; font-weight: bold; text-decoration: none;}
a:hover {font-family: Arial, sans-serif; color: #666; font-weight: bold; text-decoration: underline;}

.post h2 a {font-family: Arial, sans-serif; font-size: 16px; color: #FFF; font-weight: bold; background-color: #000; text-transform: uppercase; text-decoration: none;}
.post .Title a {font-family: Arial, sans-serif; font-size: 16px; color: #CF4057; font-weight: bold; background-color: #000; text-transform: uppercase; text-decoration: none;}
.post .Title a:hover {font-family: Arial, sans-serif; font-size: 16px; color: #CF4053; font-weight: bold; background-color: #000; text-transform: uppercase; text-decoration: underline;}

div.navigation {margin-top: 20px; font-size: 20px;}
div.navigation a {font-size: 20px; font-weight: bold; color: #FFF;}
div.navigation a:hover {font-size: 20px; font-weight: boldl color: #999;}

#footer a {color: #666; text-decoration: none;}
#footer a:hover {color: #999; text-decoration: none;}

/* image styles */
img.alignleft {float:left; margin-right:10px;}
img.alignright {float:right; margin-left:10px;}

/* begin post*/
.post {padding-top: 10px; padding-right: 15px;}
.post p.date, p.postmetadata {font-size: 12px; color: #ABABAB;}
.post .Date {font-size: 12px; color: #666;}

	/* comments */
	#commentform {margin-left: 20px;}
	form#commentform textarea {width: 400px; height: 160px; background-color: #414141; color: #ABABAB; border: solid 2px #000;}

/* navigation */
.yaknav {width: 100%; overflow: hidden; border-bottom: 1px solid black; background-color: #414141;}

/* shows page */
#shows {width: 220px; background-color: #111; padding: 5px;}
.showsina {background-color: #222; color: #FFF;}
.showsinb {background-color: #333; color: #FFF;}
#shows strong {color: #c0c0c0;}

/* contact form */
#wpcf label {clear: both; display: block; float: left; width: 150px;}
#wpcf input {float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; background: #222; color: #FFF; border: solid 2px #111;}
#wpcf textarea {width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0; background: #222; color: #FFF; border: solid 2px #111; }
#wpcf #contactsubmit {font-size: 13px; width: 70px; background: #222; color: #FFF; border: solid 2px #111;}

/* misc */
.player {position: relative; top: 5px; left: 10px;}

#content ol {width: 400px;}

/* downloads section */
div.f-players-box {width: 178px; float: left; margin-bottom: 15px;}

/* lyrics section */
div.lyrics-box {width: 523px; margin-bottom: 10px; background-color: #030303; padding: 5px;}
	div.read-full-song {color: #CF4053; text-decoration: underline; cursor:pointer;}
	div.result-full {padding-top: 10px;}
	
/* discography */
div.discography {width: 523px;}
	div.discography .title {color: #CCC;}