/*
Theme Name: Eresys
Theme URI: http://eresys-recording.com/
Description: Eresys theme
Version: 1.0
Author: Richard Vallee & Benoit Boucher
Author URI: http://richardvallee.com/
Tags: eresys

	Based on WP Blank v1.1
*/

/* - BASIC STUFF - */
body {
	background:url(images/background.png) #000 fixed;
	font-family:Arial,sans-serif;
	font-size:11pt;
	color:#fff;
	margin:0 auto;
	padding:0 0;
}
.pic img {display:block}
a {color:#00B0D9;text-decoration:none;}
a:hover {color:#fff;}
a img { border:none; }
blockquote {font-style:oblique}

h2 { color:#00B0D9; }
h2 a { color:#00B0D9; }

#container {
	width:100%;
}

#wrapper {float:none;clear:both;position:relative;margin:0 auto;padding:0;width:1020px;}
#header {position:relative;height:125px;margin:0 auto;background:#000 url(images/header-bg.gif) no-repeat top right;}
#header #logo {position:absolute; top:0; left:0px;}
#header h1, #header h2 { position:relative; top:20px; left:350px; float:left; clear:both; margin:0; color:#000; letter-spacing:2.0px; }
#header h1 { line-height:42px; font-size:42px; }
#header h3 { line-height:22px; font-size:22px; }
#header h1 a { color:#000; }

#nav { position:absolute;top:80px;right:10px; }
#nav #navwrap { float:right; }
#nav #navwrap ul { list-style:none; }
#nav #navwrap ul li { float:left;background-color:#00B0D9;color:#000;margin-left:2px; } 
#nav a {color:#000;font-weight:100;text-transform:uppercase;font-size:14px;padding:0px 32px 0px 2px}
#nav #navwrap ul li:hover  {background-color:#fff;}

#wrap {
	background:#1a1a1a;
	overflow:hidden;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:0px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:38px; overflow:hidden;float:none;clear:both; margin:20px 0 0; padding:20px 0 0;background:#000;}
div.navigation ul li {margin-left:2px;padding:0;}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

div.navigation .wp-paginate li {margin-right:1px;}
div.navigation .wp-paginate li:hover span, div.navigation .wp-paginate li:hover a {background-color:#FFF;}
div.navigation .wp-paginate li span.current {background-color:#666;}
div.navigation .wp-paginate a.next,div.navigation .wp-paginate a.prev,div.navigation .wp-paginate a.page,div.navigation .wp-paginate span {margin:0;padding:5px 10px;color:#000;border:none;font-weight:normal;font-size:16px;background-color:#00B0D9;}

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0;}
.posts-wrap {position:relative;float:left; clear:none;width:730px;min-height:920px;border-left:solid #000 15px;border-right:solid #000 15px;}
.posts-wrap h2 {padding:5px 0;background:#000;}

.post {position:relative;}
.post .post-header {clear:both;min-height:65px;margin:20px 0;padding:15px 0;background-color:#000;}
.post .post-header .main-info {float:left;width:380px;}
.post .post-header .main-info .entry-title {margin:0;padding:0;}
.post .post-header .main-info .entry-title a {clear:both;text-transform:uppercase;font-weight:100;font-size:24px;}
.post .post-header .entry-meta {float:right;width:316px;padding-left:15px;line-height:14px;font-size:12px;border-left:solid #333 1px;}
.post .post-header .entry-meta .date {left:2px;font-size:16px;}
.post .post-header .entry-meta .date img {margin-right:5px;}
.post .post-header .entry-meta .comments {margin:0;padding:0;}
.post .entry-content-wrap {padding:1px 0 1px;background:#000;}
.post .entry-content-wrap .artists img, .post .entry-content-wrap .posted-by img {margin-right:5px;}
.post .entry-content-wrap .artists, .post .entry-content-wrap .posted-by {float:left;margin-top:10px;}

h2.archive-title {padding:10px 0;color:#fff;text-transform:uppercase;}
h2.page-title {color:#fff;font-weight:normal;font-size:24px;}


.post .entry-content {clear:both;}
.post .entry-content .pic {float:left;width:397px;margin-right:15px;margin-bottom:15px;;border:solid 1px #1a1a1a;}
.post .entry-content .content-wrap .tracks .track-title {font-size:12px;}
.audioplayer_container {margin-top:0;}

.more {clear:both;display:block;margin-top:20px;}

ul.comments {background:#000;}

.search-empty {min-height:385px;background:#000;}

#latest {position:absolute;top:0;right:0;}

.comments {margin-top:17px;padding:15px 0 15px 0;background:black;}
.comments li {margin:0;}
.comments h3 {margin:0;}
#respond {margin-top:0px;padding:0px 0 0px;}
#author {width:360px;background-color:#666;border:none;color:#fff;}
#comment {width:725px;height:80px;background-color:#666;border:none;color:#fff;}


/* -- SIDEBARS --*/
#sidebar {float:right;width:260px;height:100%;overflow:hidden;}
.sidebar-wrap {width:260px;height:100%;margin:0;}
.sidebar-wrap a:hover {color:#fff;}
.sidebar-wrap .sidebar .widget { margin:7px 7px 14px;border:none;font-size:14px; }
.sidebar-wrap .sidebar .widget > div {margin:0 5px;}
.sidebar h3 { margin:0 0 5px; padding:9px 8px; font-size:22px; color:#666; font-weight:normal; background:#000; }
.sidebar-wrap .sidebar .facebook {width:240px;padding:10px 12px;}

.search-form {padding:15px;}
.search-form .search-box input {width:138px;height:19px;padding:4px 0 0 22px;border:solid #666666 1px;background:#000 url(images/loupe.gif) no-repeat 0 2px;color:#fff;}
.search-form .btn-search, #respond #submit {position:relative;top:-25px;left:2px;float:right;height:25px;text-transform:uppercase;background-color:#00B0D9;color:#000;border:none;}
#respond #submit {float:none;position:static;}
.search-form .btn-search:hover, #respond #submit:hover {background-color:#fff;cursor:pointer;}
#search h2 {color:#FFF}

li.cat-item {color:#999;}
.cat-item .children a {font-size:90%;}

.rss a {color:#00B0D9;}
.rss a:hover {color:#fff;}
.rss img {float:left;margin:4px 4px 0 0;}
.rss strong {margin-top:2px;line-height:18px;}
.rss strong span {text-transform:uppercase;}

/* -- UTILS --*/
.clear { clear:both; height:0px; }

#footerwrap {width:1020px;height:50px;margin:0 auto;padding-bottom:12px;background:#1a1a1a;}
#footerwrap .separator {margin-left:15px;margin-right:15px;background:#1a1a1a;height:17px;}
#footer {width:760px;height:50px;padding-bottom:12px;text-align:left;font-weight:bold;font-size:9pt;background:#000;}
#footer .copyrights {clear:both;padding:15px 0 0 15px;}



/* -- PAGES --*/
#page-wrap {float:left; width:760px;background:#000;}
#page-wrap .posts-wrap {background:#000}
.page {padding:15px; min-height: 1050px;}
.page h2 {margin:0 0 20px 0;font-size:24pt;}
.page #page-content p {margin-top:0}