/*
Theme Name: Lope
Author: Ville Lope
URI: http://villelope.org

Copyright � 2008 Ville Lope. 
All rights reserved.
*/

body { 
	background:#263a51;
	font:80%/160% Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px; padding:0px;
	}
	
a, a:visited {
	color:#03c4fb;
	text-decoration:none;
	}
	
a:hover, a:active {
	text-decoration:underline;
	}
	
#warp {
	width:100%;
	background:#2e4560 url("img/bg.jpg") repeat-x;
	}
	
#warp2 {

width:100%;
	background:transparent url("img/bg2.jpg") no-repeat left top;
	}
	
#container { width:960px; margin:0px; padding:0px; }

#menu {
	background:transparent url("img/ville.png") no-repeat center top;
	float:right;
	width:550px; height:553px;
	}

#menu ul li {list-style:none; margin:0px;}
#menu ul {padding:0px; margin:20px 0px 0px -96px;
}

#menu #news span, #menu #blog span,
#menu #press span, #menu #biography span,
#menu #discography span, #menu #charts span,
#menu #playlist span, #menu #dates span,
#menu #contact span {display:none;}



#menu #news a {
	background:transparent url("img/menu/news.png") no-repeat;
	display:block;
	width:86px; height:28px;
	margin:10px 180px 0px;
	}

#menu #blog a {
	background:transparent url("img/menu/blog.png") no-repeat;
	display:block;
	width:71px; height:33px;
	margin:0px 194px 10px;
	}
#menu #press a {
	background:transparent url("img/menu/press.png") no-repeat;
	display:block;
	width:90px; height:23px;
	margin:0px 178px 5px;
	}
#menu #biography a {
	background:transparent url("img/menu/biography.png") no-repeat;
	display:block;
	width:176px; height:37px;
	margin:0px 90px;
	}
#menu #discography a {
	background:transparent url("img/menu/discography.png") no-repeat;
	display:block;
	width:215px; height:34px;
	margin:0px 51px;
	}
#menu #charts  a {
	background:transparent url("img/menu/charts.png") no-repeat;
	display:block;
	width:111px; height:26px;
	margin:0px 160px 10px;
	}
#menu #playlist a {
	background:transparent url("img/menu/playlist.png") no-repeat;
	display:block;
	width:140px; height:37px;
	margin:0px 131px 3px;
	}
#menu #dates a {
	background:transparent url("img/menu/dates.png") no-repeat;
	display:block;
	width:95px; height:26px;
	margin:0px 176px 10px;
	}
#menu #contact a {
	background:transparent url("img/menu/contact.png") no-repeat;
	display:block;
	width:129px; height:25px;
	margin:0px 144px;
	}
	
	
#row1 {
	width:313px;
	padding:10px 10px 10px 40px;
	float:left;
	}
	
#row1 .entry, #row2 .entry {
	font-size:.9em;
	line-height:1.4em;
}

#row2 {
	float:right;
	width:475px;
	margin-top:-120px;}
	

.entry h2, .entry h3 {
	text-transform:uppercase;
}

.entry span.date {
	text-transform:uppercase;
	font-weight:bold;
	font-size:.9em;
	color:#9dccda; 
}

.context {min-height:60px;}
	
#header {margin:20px 0px;}

#header h1 a {
	background:transparent url("img/logo.png") no-repeat;
	height:100px;
	width:300px;
	display:block;
	margin:0px; padding:0px;
	}
#header h1 span {
	display:none;
	}
	
	
h2.news  {
	background:transparent url("img/news.png") no-repeat;
	height:15px;
	margin:0px 0px 0px 3px;
	}
h2.news span {
	display:none;
	}

h2.upcoming  {
	background:transparent url("img/upcoming.png") no-repeat;
	height:20px;
	margin:0px 0px 0px 3px;
	}
h2.upcoming span {
	display:none;
	}
	
h2.charts  {
	background:transparent url("img/charts.png") no-repeat;
	height:20px;
	margin:0px 0px 0px 3px;
	}
h2.charts span {
	display:none;
	}

.right {float:right;}
.left {float:left;}
	
#footer {
	background:#263a51 url("img/footer.jpg") repeat-x;
	margin:120px 0px 50px 0px;
	clear:both;
	line-height:1.5em;
	font-weight:bold;
	font-size:.9em;}
	
#fcontent {
	width:860px; 
	padding:25px 0px 10px 40px;
	}
	
#frow1 {float:left; width:280px; padding-top:5px;}
#frow1 p {padding:10px 0px 0px 20px; margin:0px;}
#frow2 {float:left; width:320px;}
#frow3 {float:left; width:240px; padding:5px 0px 0px 20px; margin:0px;}
#frow3 ul{
	background:transparent url("img/feed.png") no-repeat top left;
	  margin:10px; padding:0px 0px 10px 40px;
	list-style:none;}


#fbottom {width:850px; clear:both; padding-top:20px; vertical-align:middle !important;}
#fbottom img {margin-right:10px; vertical-align:middle !important;}

.comment {
	margin:5px 0px 5px 0px;
	background:#263a51;
	font-size:1em;
	padding:10px;
	width:490px;}

form textarea {
	font:1em/1.3em Arial, Helvetica, sans-serif;
	background:#263a51;
	width:500px;
	color:#fff;
	border:1px solid #222;}

.gravatar {
	float:left;
	margin-right:6px;
	}
.cmeta {float:left;}
.commentcontext {width:450px; margin-left:60px;}

img {border:none;}
	
#submit  {
	font:1em/1.3em Arial, Helvetica, sans-serif;
	background:#000;
	color:#fff;
	border:1px solid #000;
	font-weight:strong;
	padding:3px;}