/*
Original design: Variant Artist (v1.0 - Feb 23, 2011) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-artist/
*/

body {background:#0a1a41 url(../images/background.jpg) top center no-repeat; color:#ddd; font:84% Tahoma,Verdana,sans-serif; line-height:1.6em;}
p {margin:0 0 20px 0;}
p.slogan {text-transform:uppercase; text-align:center;}
a {color:#ddd; border-bottom: 1px solid #333; text-decoration:none;}
a:hover {color:#fff; border-bottom: 1px solid #aaa; text-decoration:none;}
h1 {font-size:2.2em; text-align:center; padding:0; margin:0 0 10px 0; color: #00b8ed; font-family: 'Rosario', sans-serif; }
h2 {font-size:1.8em; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:2px solid #1c3572; font-weight:normal; color: #00b8ed; font-family: 'Rosario', sans-serif; }
h3 {font-size:1.5em; font-weight:normal; color: #00b8ed; font-family: 'Rosario', sans-serif; }
h1#logo { float: left; width: 242px; height: 69px; background: url(../images/songspell-logo.gif) 0 0 no-repeat; margin: 0 0 0 70px; }
h1#logo span { display: none; }
div.clear { clear:both; }
div.left {float:left; width:100%;}
div.right {float:right; width:48%;}
hr.clear {clear:both; height:1px; visibility:hidden;}
img.alignleft {display:inline; float:left; margin:5px 25px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 25px;}
img.aligncenter {display:block; margin:10px auto;}
img.border {background:#ccc; border:4px solid #eee; color:#333; padding:1px;}
img.frontimage {margin:0 0 20px 0;}
.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
.clear30 { clear: both; height: 30px; }

#wrap {width:980px; margin:20px auto; padding:0;}
#content {width:560px;}
#content .meta {border-top:1px solid #222; padding:10px; text-align:right; text-transform:uppercase; font-size:0.8em; line-height:1.4em;}

#sidebar {padding:0; float:right; width:380px; line-height:1.4em;}
#sidebar ul {margin:30px 0 40px 0; padding:0;}
#sidebar li {list-style:none; padding:0; margin:0; text-transform:uppercase;}    
#sidebar li a {border-top:solid 1px #1c3572; border-bottom:solid 1px #1c3572; color:#fff; display:block; padding:7px 20px; text-decoration:none;}
#sidebar li:first-child {border-top:solid 1px #1c3572;}
#sidebar li:last-child {border-bottom:solid 1px #1c3572;}
#sidebar li a.current {background:#1c3572; border-bottom:0; color:#fff;}
#sidebar li a.current:hover {background:#1c3572;border-bottom:0; color:#fff; padding-left:20px;}
#sidebar li a:hover {background:#1c3572; color:#aaa; padding-left:30px;}
#sidebar li a:active {background:#1c3572;}
#sidebar h2 {font-size:1.4em; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:2px solid #1c3572;}

#footer {clear:both; text-align:left; margin:20px auto 0; color:#aaa; font-size:0.8em; text-transform:uppercase;}
#footer p {margin:0; padding:0;}
#footer a {color:#aaa;}

table td { border-bottom: 1px solid #1c3572; vertical-align: middle; }
table object { float: left; margin: 3px 0 3px 0; }

.photo { float: left; width: 200px; margin: 0 25px 0 0; padding: 6px 0 0 0; }
.text { float: left; width: 300px; }

input.newsletter { float: left; width: 200px; margin: 0 0 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border: 1px solid #bbb;
	font-family: helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 7px; }
input.submit { float: left; width: 100px; }
label { float: left; width: 150px; margin: 2px 0 0 0; color: #00b8ed; }

#cookies_p { float: left; width: auto; height: 21px; background: url(../images/cookies_sprites.png) 0 -23px no-repeat; margin: 5px 0 20px 0; }
#cookies_p span { padding-left: 30px; }