/*
Theme Name: Ever27
Theme URI: http://ever27.com/
Description: Ever27 official website theme.
Version: 1.
Author: Andrzej Stacherski
Author URI: http://revolution-media.net/
Tags: blue, custom header, fixed width, two columns, widgets
*/

* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: center; color: #fff; margin: 0; padding:0; background: #666 url("img/bgnd.jpg") top center fixed no-repeat; font: 12px Georgia, "Times New Roman", Times, serif;;}

p {text-align: left; color: #fff; line-height: 1.5em; font-size: 1em; padding: 10px 0; margin: 0;}
a {color: #fff; cursor: pointer; outline: none;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l, .alignleft {float: left;}
.r, .alignright {float: right;}
.center {text-align: center;}

.clear {clear: both;}
.strong {font-weight: bold;}
.linklove {
	display:  none;
}
#apMeteor {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FF4900;
	height: 230px;
	width: 370px;
	margin-left: -430px;
	position: absolute;
	left: 50%;
	top: 170px;
	text-align: left;
	line-height: 18px;
	font-weight: bold;
}


h1 {color: #fff; font-size: 3em; padding: 15px 0 20px 30px; font-weight: normal; margin: 0;}
h2 {color: #fff; font-size: 2em; padding: 10px 0 0 30px; margin: 10px 0 0 0;}
h3 {color: #fff; font-size: 1.2em; margin: 20px 0 0 0; text-align: left;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s210 {width: 210px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.s630 {width: 630px;}

.p100 {width: 100%;}
.s80 {width: 80px;}
.h150 {height: 150px;}

/********************************************************************************/

#page {width: 980px; overflow: hidden; margin: 0 auto; text-align: left;}

#header {width: 980px; height: 400px; margin: 0 auto;}
.h01 {background: url("img/bgnd-header-big1.png") -30px center no-repeat;}
.h02 {background: url("img/bgnd-header-big1.png") -30px center no-repeat;}
.h03 {background: url("img/bgnd-header-big1.png") -30px center no-repeat;}
#header a.logo {width: 400px; height: 166px; background: url("img/ever27-logoBig.png") no-repeat; float: right; text-indent: -9000px;}
#header #band {width: 398px; height: 160px; background: url("img/bgnd-header-small.png") no-repeat; display: block; text-indent: -9000px; margin: 120px 0 0 300px; float: right;}
/*#header #band {
	width: 1000px;
	height: 223px;
	display: block;
	text-indent: -9000px;
	float: right;
	background-image: url(img/bgnd-header-small.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 90px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0px;
	left: 300px;
}*/
#header #band a.brendan {width: 70px; height: 140px; display: block; text-indent: -9000px; position: relative; margin: 0 0 0 20px;}
#header #band a.tanya {width: 100px; height: 100px; display: block; text-indent: -9000px; position: relative; margin: -100px 0 0 90px;}
#header #band a.paul {width: 90px; height: 120px; display: block; text-indent: -9000px; position: relative; margin: -130px 0 0 190px;}
#header #band a.eoin {width: 110px; height: 100px; display: block; text-indent: -9000px; position: relative; margin: -100px 0 0 280px;}

#header a.tv {
	width: 250px;
	height: 170px;
	display: none;
	margin: 200px 0 0 0;
	background: url("img/tv-noise.png") no-repeat;
	text-indent: -9000px;
}

#header a.tv:HOVER {
	width: 250px;
	height: 170px;
	background: url("img/tv-image.png") no-repeat;
	text-indent: -9000px;
}

#topnav {float: left; width: 400px; height: 45px; background: url("img/bgnd-top-nav.png") bottom center no-repeat;}
#topnav ul {margin: 5px 0 0 50px;}
#topnav ul li {list-style: none; display: inline; margin: 0 10px 0 0;}

#musicplayer {float:  right; margin: 10px 50px 0 0;}

#post-nav {
	background: url("img/trans-red.png");
	padding: 10px;
	margin:  20px 30px;
	display:  block;
}
#post-nav a {
	font-size: 1.3em;
}
#content {
	margin: 0 auto;
	text-align: left;
	top: 50px;
}

#content.wide { width: 980px; float: right;}
#content.narrow { width: 800px; float: right;}

#content h2.title {text-align: left;}
#content h2.h1 {text-align: left; font-weight: normal;}
#content h2 a { background: url("img/trans-black.png"); padding: 5px;}

#content h1 {margin: 10px 0 0 0; text-align: left; background: url("img/bgnd-h1-long.png") no-repeat;}
#content h3 {margin: 20px 0 0 30px; text-align: left;}
#content p, #content small {margin: 0; padding: 10px 0 0 30px; text-align: left;}
#content ul {margin: 10px 30px 10px 50px; text-align: left;}
#content ul li {margin: 0 0 5px 0; text-align: left;}

#content .postmetadata {
	background: url("img/trans-red.png");
	padding: 5px;
	margin: 5px 0 0 30px;
}
#content .postmetadata-single {
	background: url("img/trans-black.png");
	padding: 5px;
	margin: 0 0 0 30px;
}
#infopanel {width: 980px; height: 320px; overflow: hidden; margin: 0 auto; text-align: left; background: url("img/bgnd-panel.png") no-repeat;}
#infopanel h2 {margin: 0; text-align: left;}
#infopanel p {margin: 0; padding: 0; text-align: left;}

#content #col01 {width: 220px; height: 320px; margin: 0 20px 0 50px; float: left;}
#content #col01 ul {margin: 0;}
#content #col01 ul li {list-style: none; margin: 0 0 10px 0; padding: 0 0 0 40px; background: url("img/wing-small.png") 0 50% no-repeat;}
#content #col01 ul li a {font-weight: bold; font-size: 1.2em; text-decoration: none;}
#content #col01 ul li a:HOVER {background: url("img/trans-black.png")}
#content #col01 ul li p {padding: 0;}

#content #col02 {width: 160px; height: 320px; margin: 0 20px 0 0; float: left;}
#content #col02 ul {margin: 0;}
#content #col02 ul li {list-style: none; margin: 0 0 10px 0;}
#content #col02 ul li a {font-weight: bold; font-size: 1.5em; text-decoration: none;}
#content #col02 ul li a:HOVER {background: url("img/trans-black.png")}
#content #col02 ul li p {padding: 0;}

#content #col03 {width: 200px; height: 320px; margin: 0 20px 0 0; float: left;}
#content #col03 ul {margin: 0;}
#content #col03 ul li {list-style: none; margin: 0 0 10px 0;}
#content #col03 ul li a {font-weight: bold; font-size: 1.5em; text-decoration: none;}
#content #col03 ul li a:HOVER {background: url("img/trans-black.png")}
#content #col03 ul li p {padding: 0;}

#content #col04 {width: 270px; height: 320px; background: url("img/cassette.png") bottom right no-repeat; margin: 0 20px 0 0; float: left;}
#content #col04 ul {margin: 0;}
#content #col04 ul li {list-style: none; margin: 0 0 10px 0;}
#content #col04 ul li a {font-weight: bold; font-size: 1.5em; text-decoration: none;}
#content #col04 ul li a:HOVER {background: url("img/trans-black.png")}
#content #col04 ul li p {padding: 0;}

#content ul.logos {width: 880px; margin: 0 auto;}
#content ul.logos li {list-style: none; display: inline;}
#content ul.logos li a {display: block; float: left; margin: 0 10px; text-indent: -9000px;}
#content ul.logos li a.bebo {width: 142px; height: 60px; background: url("img/btn-bebo-off.png") no-repeat;}
#content ul.logos li a.bebo:HOVER {width: 142px; height: 60px; background: url("img/btn-bebo-on.png") no-repeat;}
#content ul.logos li a.facebook {width: 128px; height: 60px; background: url("img/btn-facebook-off.png") no-repeat;}
#content ul.logos li a.facebook:HOVER {width: 128px; height: 60px; background: url("img/btn-facebook-on.png") no-repeat;}
#content ul.logos li a.yt {width: 123px; height: 60px; background: url("img/btn-yt-off.png") no-repeat;}
#content ul.logos li a.yt:HOVER {width: 123px; height: 60px; background: url("img/btn-yt-on.png") no-repeat;}
#content ul.logos li a.ms {width: 230px; height: 60px; background: url("img/btn-ms-off.png") no-repeat;}
#content ul.logos li a.ms:HOVER {width: 230px; height: 60px; background: url("img/btn-ms-on.png") no-repeat;}
#content ul.logos li a.flickr {width: 148px; height: 60px; background: url("img/btn-flickr-off.png") no-repeat;}
#content ul.logos li a.flickr:HOVER {width: 148px; height: 60px; background: url("img/btn-flickr-on.png") no-repeat;}

#content #author, #content #email, #content #url {width: 300px; background: #333; border: 1px solid #fff; padding: 0.2em; color: #fff; font-family: Georgia, "Times New Roman", Times, serif;}
#content #comment {width: 700px;background: #333; border: 1px solid #fff; color: #fff; padding: 0.2em; font-family: Georgia, "Times New Roman", Times, serif;}

#content ol {
	margin: 0 0 0 30px;
}

#content ol li {
	padding: 10px 0;
	border: #666 dotted;
	border-width:  0 0 1px 0;
}

#content .ngg-galleryoverview {
	padding: 0 0 0 50px;
}

#content .ngg-widget {
	padding: 0 0 0 30px;
}

#content .ngg-widget a {
	padding: 0 10px;
}

#footer {padding: 10px 0;}
#footer p {padding: 0; text-align: center;}
#footer p a {text-decoration: none; font-weight: bold;}
#footer p a:HOVER {color: #fff;}

#sidebar { width: 180px; float: left;}

#sidebar ul {
	margin: 50px 0 0 0;
}

#sidebar ul li {
	border:  #fff dotted;
	border-width: 0 0 1px 0;
	padding: 10px 0;
	text-align: right;
	list-style: none;
}

#sidebar ul li a {
	padding: 0 10px;
	font-size: 1.2em;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background: url("img/trans-black.png");
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */