/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */

@import url('css/reset.css');
@import url('css/2c-r.css');
@import url('css/dates.css');


/* Just some example content */
html,
body
{
	height: 100%;
	text-align: center;
	font-size: 12px;
}


body #wrapper
{
	width: 650px;
	background: url(images/bg.gif) repeat-y;
	margin:0 auto;
	text-align:left;
}



.wrap
{
	width:650px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

#header
{
	background:#ffa200 url(images/headerstrip2.gif) 50% 0;
	height: 75px;
	width: 100%;
	min-width: 650px;
}

#header a.home
{
	display: block;
	float: left;
	width: 190px;
	height: 60px;
	margin: 12px 0 0 30px;
}

#header a.home span
{
	display: none;
}

a#twit
{
	position:absolute;
	top:75px;
	right:0;
	display: block;
	background: url(images/twit.gif) no-repeat;
	width: 85px;
	height:25px;
}

a#twit span
{
	display: none;
}

#header h1
{
	display: none;
}

/*
---------------------------------------------------------------------------
=	Header Links
---------------------------------------------------------------------------
*/

#titlelinks ul
{
	float:right;
	height:100px;
	position:relative;
}

#titlelinks ul li
{
	position:absolute;
	top:48px;
	display: block;
	height:20px;
}

#titlelinks ul li#images 			{width: 60px;}
#titlelinks ul li#video 			{width: 60px;}
#titlelinks ul li#quotes 			{width: 80px;}
#titlelinks ul li#music 			{width: 60px;}
#titlelinks ul li#submit			{width: 60px;}


#titlelinks ul li a
{
	background: url(images/titlelinks2.gif) no-repeat;
	display: block;
	height: 100%;
}

#titlelinks ul li#images 			{right:420px;}
#titlelinks ul li#video 			{right:334px;}
#titlelinks ul li#quotes 			{right:226px;}
#titlelinks ul li#music 			{right:140px;}
#titlelinks ul li#submit 			{right:58px;}


#titlelinks ul li#images a			{background-position: 50%  0;}
#titlelinks ul li#video a			{background-position: 50% -20px;}
#titlelinks ul li#quotes a			{background-position: 50% -40px;}
#titlelinks ul li#music a			{background-position: 50% -82px;}
#titlelinks ul li#submit a			{background-position: 50% -60px;}


#titlelinks ul li#images a:hover	{background-position: 50% -200px;}
#titlelinks ul li#video a:hover		{background-position: 50% -220px;}
#titlelinks ul li#quotes a:hover	{background-position: 50% -240px;}
#titlelinks ul li#music a:hover		{background-position: 50% -282px;}
#titlelinks ul li#submit a:hover	{background-position: 50% -260px;}

.entry-date
{
	float: left;
}

.entry-meta
{
	float: right;
	width: 100px;
	padding: 0 10px 0 0;
}


#titlelinks ul li a span
{
	display: none;
}

/*
---------------------------------------------------------------------------
=	Posts
---------------------------------------------------------------------------
*/

.hentry
{
	display: block;
	margin: 40px 0 38px 0;
	background: bottom url(images/dots.gif) repeat-x;
	min-height: 80px;
}

.entry-content
{
	margin: 0 85px 0 95px;
	padding: 0 0 40px 0;
}

.entry-content p
{
	margin-top: 8px;
}

.entry-content p a
{
	font-family: "Arial Black";
	color: #ffa200;
	text-decoration: none;
}
.entry-content p span
{
	font-family: "Arial Black";
	color: #ffa200;
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	Post Title
---------------------------------------------------------------------------
*/

.entry-title
{
	padding-bottom: 10px;
	font-family: "Arial Black";
}

.entry-title a
{
	color: #ffa200;
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	Meta
---------------------------------------------------------------------------
*/

.entry-meta
{
	float: right;
	color: #000;
	width: 70px;
}

.entry-meta span
{
	text-decoration: none;
}

.entry-meta span a
{
	text-decoration: none;
}

.entry-meta span.author-vcard a
{
	color: #ffa200;

}
.entry-meta span.cat-links a
{
	color: #fff;
}
.entry-meta span.comments-link a
{
	color: #000;
}

/*
---------------------------------------------------------------------------
=	Quotes
---------------------------------------------------------------------------
*/

.entry-content blockquote
{
	background: url(images/quote1.gif) no-repeat;
	padding: 0 0 0 30px;
	max-width: 380px;
	line-height: 2em;
	text-align: justify;
}

.entry-content blockquote p
{
	font-family: "Arial Black";
	display: inline;
	font-size: 18px;
	background: url(images/quote2.gif) no-repeat 100% 100%;
	padding: 0 30px 0 0;
}

/*
---------------------------------------------------------------------------
=	Comment Form
---------------------------------------------------------------------------
*/

#comments h3
{
	margin: 0 0 10px 30px;
	font-family: "Arial Black";
}

.formcontainer
{
	margin-left: 15px;
}

.formcontainer p
{
	font-family: "Arial Black";
	font-size: 90%;
	color: #000;
	line-height: 1.1em;	
}

.commentform
{
	background-color: #D9D9D9;
}

#info
{
	float: right;
	margin-right: 96px;
	margin-top: 12px; 
	width: 200px;
}

.comment-notes
{
	border: white solid 1px;
}

.form-label
{
	font-family: "Arial Black";
	float: left;
	color: #ffa200;
	padding: 10px 0 10px 0;
}

.form-input
{
	background-color: #fff;
	float: left;
	border: #000 solid 1px;
	padding: 1px;
	width: 180px;
}

#text
{
	float: left;
}

.form-textarea
{

	border: #000 solid 1px;
	background-color: #fff;
	width: 300px;
	height: 200px;
	margin: 0 0 0 15px;
}

.form-textarea textarea
{
	width: 100%;
}

.form-submit
{
	clear: both;
	width: 100%;
	margin: 0 0 0 15px;
}

.form-submit .button
{
	font-family: "Arial Black";
	color: #ffa200;
	margin-bottom: 20px;
}

/*
---------------------------------------------------------------------------
=	User Coments
---------------------------------------------------------------------------
*/

.comments h3
{
	color: #ffa200;
}

#comments #comments-list
{
	margin-bottom: 30px;
	background: bottom url(images/dots.gif) repeat-x;
}

#comments-list a
{
	font-family: "Arial Black";
	font-size: 120%;
	color: #000;
	text-decoration: none;
}

#comments-list ol li
{
	margin-left: 30px;
	padding: 0 0 30px 0;
}

#comments-list ol li p
{
	font-weight: bold;
	width: 500px;
	padding: 3px;
	line-height: 1.3em;
}
		
#comments-list ol li .comment-meta
{
	padding: 10px 0 10px 0;
	color: #ffa200;
}

/*
---------------------------------------------------------------------------
=	Page
---------------------------------------------------------------------------
*/

#post-110 h2.entry-title
{
	display: none;
}

div#submitz img
{
	margin-left:-40px
}

/*
---------------------------------------------------------------------------
=	Archive
---------------------------------------------------------------------------
*/

h2.page-title
{
	font-family: "Arial Black";
	font-size: 130%;
	color: #dcdcdc;
	margin-left: 15px;
	margin-top: 15px;
}

/*
---------------------------------------------------------------------------
=	Music
---------------------------------------------------------------------------
*/

h2.musictitle
{
	font-family: "Arial Black";
	font-size: 130%;
	color: #dcdcdc;
	margin-left: 24px;
	margin-top: 15px;
}

body.page-template-music-php #wrapper
{
	background: url(images/bg2.gif) repeat-y;
}

#musicpage
{
	margin: 10px 0 30px 23px;
	font-family:verdana;
	font-size:10px;
	width: 650px;
}

ol#runforcover
{
	float:left;
}
ol#runforcover li
{
	float:left;
	display:block;
	width:146px;
	height:280px;
	background:#fff;
	margin:0 5px 5px 0;
	border:1px solid #ccc;
}
ol#runforcover li div
{
	display:block;
	padding:10px;
}
ol#runforcover li div span.albumcover
{
	display:block;
	height: 126px;
	width: 126px;
	border:1px solid #000;
	border-color:#555 #aaa #ccc #777;
	margin: 0 0 5px 0;
	overflow:hidden;
	background:#555;
}
ol#runforcover li div span.albumcover img
{
	width: 126px;
	height: auto;
	border: 0px;
}

ol#runforcover li span.songtitle,
ol#runforcover li span.artistname,
ol#runforcover li span.playedwhen
{
	display:block;
	padding:5px;
	border-bottom:1px solid #eee;
	line-height: 16px;
}

ol#runforcover li span.songtitle
{
	
}
ol#runforcover li span.songtitle a
{
	display:block;
	font-weight:bold;
	color:#ffa200;
	font-size:110%;
}
ol#runforcover li span.artistname
{
	
}
ol#runforcover li span.playedwhen
{
	border-bottom:none;
}

/*
---------------------------------------------------------------------------
=	Next/Prev
---------------------------------------------------------------------------
*/	

.navigation a
{
	font-family: "Arial Black";
	text-decoration: none;
	color: #000;
}	

.navigation .nav-previous
{
	display: block;
	float: left;
	margin-bottom: 20px;
}

.navigation .nav-next
{
	display: block;
	float: right; 
	margin-bottom: 20px;
}
	
.navigation .nav-previous a
{
	margin-left: 15px;
	color: #ffa200;
}

.navigation .nav-next a
{
	margin-right: 100px;
	color: #ffa200;
}

.navigation .nav-next span
{
	color: #000;
}	

.navigation .nav-previous span
{
	color: #000;
}	

/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

#footer
{
	background: #ffa200;
	display: block;
	border-top: 2px solid #000; 
	height: 40px;
	width: 100%;
	font-size: 12px
}

#footer div#igoo
{
	display: block;
	float: right;
	color: #fff;
	margin:15px 10px 0 0;
}

#footer a
{
	color: #000;
	text-decoration: none;
}

#footer div#love
{
	display: block;
	float: left;
	margin:15px 0 0 10px;;
}

#footer div#love a
{
	color: #fff;
}

.red
{
	color: red;
}

.bold
{
	font-weight: bold;
}