/*
Theme Name: Ren Harvieu
Theme URI: http://www.prettygooddigital.com
Description: Theme for the Ren Harvieu website
Version: 1.0
Author: Pretty Good
Author URI: http://www.prettygooddigital.com
Tags: 
*/

@import "http://www.renharvieu.co.uk/wp-content/themes/renharvieu/css/reset.css";

/* TYPOGRAPHY */
/* ----------------------------------------- */
@font-face {
    font-family: 'ITCAvantGardeGothicStdBkCn';
    src: url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/fonts/itcavantgardestd-bkcn-webfont.eot');
    src: url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/fonts/itcavantgardestd-bkcn-webfont.eot#iefix') format('embedded-opentype'),
         url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/fonts/itcavantgardestd-bkcn-webfont.woff') format('woff'),
         url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/fonts/itcavantgardestd-bkcn-webfont.ttf') format('truetype'),
         url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/fonts/itcavantgardestd-bkcn-webfont.svg#ITCAvantGardeGothicStdBkCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal;line-height: 1em; height: 1em; } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

h2{
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 11px;
}

h2.newstitle{
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 11px;
}

h2.newstitle a{
	text-decoration: none;
}

h2.newstitle a:hover{
	text-decoration: underline;
}

.previous-items{
	float: right;
}

.next-items{
	float: left;
}

.previous-items a, .next-items a{
	text-transform: uppercase;
	text-decoration: none;
}

.pagination{
	width: 678px;
	clear:both;
	float:left;
}

p{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #d2d2d2;
	margin-bottom: 8px;
}

.newsitem{
	float:left;
	clear:both;
	margin-bottom: 22px;
	width: 678px;
}

.newsitem img, .newsitem .copy{
	float:left;
}

.newsitem .copy{
	margin-left: 14px;
	width:553px;
}

body{
	background-color: #000000;
	color: #ffffff;
}

#sitecontainer{
	width:966px;
	margin: 19px auto;
}



.home #sitecontainer{
	width:966px;
	position:absolute;
	height:536px;
	margin: -268px 0px 0px -483px;
	top:50%;
	left:50%;
}

#topheader{
	width: 966px;
}

#topheader #banner{
	width:729px;
	height:91px;
	padding-right:20px;
	overflow: hidden;
	float:left;	
}

#topheader #player{
	float:left;
}

#topheader #logo{
	float:right;
	margin-top: 24px;
}

#content-left{
	width: 678px;
	margin-right: 12px;
	float: left;
}

#content-right{
	width: 276px;
	float: left;
}

a{
	color: #ffffff;
}

#homemenu{
	width:966px;
	float:left;
	clear:left;
}

#homemenu #logo{
	float:right;
	margin-top:40px;
}

.menu-home{
	float:left;
}

.menu-home ul#menu-main-menu{
	float: left;
	padding-top:46px;
	padding-bottom: 46px;
}

.menu-home ul#menu-main-menu li{
	float:left;
	display:block;
	margin-right: 32px;
	height:18px;
}

.menu-home ul#menu-main-menu li:last-child, .menu-home ul#menu-main-menu li.menu-item-17{
	margin-right: 0px;
}

.menu-home ul#menu-main-menu li a{
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}


/* Main site menu */
.menu-header{
	float:left;
}

.menu-header ul#menu-main-menu{
	float: left;
	padding-top:30px;
	padding-bottom: 30px;
}

.menu-header ul#menu-main-menu li{
	float:left;
	display:block;
	padding-right: 27px;
	height:18px;
}

.menu-header li{
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	color: #808080;
	color: #ffffff;
	
	filter: alpha(opacity=40);  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: 0.4;  
    -khtml-opacity: 0.4; 	
	opacity: 0.4;
}

.menu-header li a{
	text-decoration: none;
}

.menu-header li.current_page_item, 
.page-template-page-template-latestnews-php li.menu-item-404,
.single-latest-news li.menu-item-404,
.page-template-page-template-gallery-php li.menu-item-403,
.page-template-page-template-live-dates-previous-php li.menu-item-402,
.single-livedates li.menu-item-402{
	color: #ffffff !important;
	filter: alpha(opacity=100) !important;  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    -moz-opacity: 1 !important;  
    -khtml-opacity: 1 !important; 
	opacity: 1 !important;	
	
}

.clear{
	clear:both;
}

.clearleft{
	clear: left;
}

#login{
	width:276px;
	height:87px;
	background-color:#333333;
	background-image: url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/images/login.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.logged-in #login{
	background-image: none;
}

#mpu{
	width:276px;
	margin-top:20px;
}

#sitefooter{
	clear:both;
	float:left;
	font-size:12px;
	color: #333333;
	width:966px;
	margin-top:10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding-bottom: 4px;	
}

#sitefooter a{
	color: #333333 ;
	text-decoration: none;
}			
	
#sitefooter a:hover{
	text-decoration: underline;
}			

#sitefooter #copyright{
	float:left;
}

#sitefooter #author{
	float:right;
}

/** Login box **/
#login #opendoorFacebookButton{
	font-size: 10px;
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left:88px;
	padding-top: 9px;
	display:block;
	padding-bottom: 8px;

}
#login #opendoorFacebookButton a{
	text-decoration: none;
}

#login input.opendoorInputtext, #login input.opendoorInputpassword{
	background-color: #2b2b2b;
	color: #ffffff;
	border: 1px solid #ffffff;
	width: 122px;
	padding: 2px 0px 2px 0px;
}

#login input.opendoorInputtext.hint{
	background-image: url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/images/email.png');
	background-repeat: no-repeat;
	background-position: top left;}

#login input.opendoorInputpassword.hint{
	background-image: url('http://www.renharvieu.co.uk/wp-content/themes/renharvieu/images/password.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#login .opendoorControl{
	float:left;
	width: 124px;
	padding-left: 10px;
	padding-bottom: 4px;
}

#login .opendoorControl label{
	display: none;
}

#login #submit{
	border:0px;
	background-color:#333333;	
	font-size: 20px;
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;	
	float:right;
	color: #ffffff;
	padding-right: 14px;
}

#logoOutSide{
	border:0px;
	background-color:#333333;	
	font-size: 20px;
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;	
	float:right;
	color: #ffffff;
	padding-right: 14px;
}

#login #loggedInAs{
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px;
	text-align: right;
}

#login #notMember{
	font-size: 10px;
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 12px;
}

/* Here is the styling that controls the image boxes on the home page */

#top-images{
	width: 968px;
	height:213px;
	overflow: hidden;
}
#bottom-images{
	width: 968px;
	height:213px;
	overflow: hidden;
}
#top-images a,#bottom-images a{
	text-decoration: none;
}

#top-images a h2,#bottom-images a h2{
	text-transform: uppercase;
	font-size: 26px;
	line-height: 27px;	
	width: 40px;
}

#top-images div, #bottom-images div{
	background-repeat:no-repeat;
}

.t1,.b1{
	width: 966px;
	height:213px;
	float:left;
	margin:0px;
	padding:0px;
}

.t1 a,.b1 a{
	width: 966px;
	height:213px;
	display: block;
}

.t2,.b2{
	width: 482px;
	height:213px;
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px;
}

.t2 a,.b2 a{
	width: 482px;
	height:213px;
	display: block;
}

.t3,.b3{
	width: 320px;
	height:213px;
	float:left;
	margin:0px 3px 0px 0px;
	padding:0px;
}

.t3 a,.b3 a{
	width: 320px;
	height:213px;
	display: block;
}

.t4,.b4{
	width: 240px;
	height:213px;
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px;
}

.t4 a,.b4 a{
	width: 240px;
	height:213px;
	display: block;
}


.t8,.b8{
	width: 240px;
	height:105px;
	float:left;
	margin:0px 2px 2px 0px;
	padding:0px;
}

.t8 a,.b8 a{
	width: 240px;
	height:105px;
	display: block;
}

.t1:last-child,.b1:last-child,
.t2:last-child,.b2:last-child,
.t3:last-child,.b3:last-child,
.t4:last-child,.b4:last-child,
.t8:last-child,.b8:last-child,
.last-box{
	margin:0px;
}


.news-image{
	width: 278px;
	height:247px;
	float:left;
	margin:0px 14px 0px 0px;
	padding:0px;
	background-position: top left;
	background-repeat: no-repeat;
}
.news-image h2{
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px;	
	width: 20px;
}

.entry-content{
	float:left;
	width:386px;
}

.navigation a{
	text-decoration: none;
	text-transform: uppercase;
}

/* comments */

.reply{
	display: none;
}

h3#reply-title{
	display:none;
}

p.form-allowed-tags{
	display:none;
}

p.must-log-in, p.logged-in-as, p.comment-form-comment{
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:16px;
}

p.comment-form-comment label{
	display:block;
}

h5#comments-title,div.comment-author,div.comment-meta, div.reply{
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
}

h5#comments-title{
	margin-bottom: 8px;
}

div.comment-author,div.comment-meta{
	font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #d2d2d2;
}

div.comment-meta{
	margin-bottom: 8px;
}

.commentmetadata a{
	text-decoration: none;
}


.biog img{
	margin-right:12px;
}

.biog p{
	margin-bottom: 14px !important;
}

#comments input#submit{
	font-family: "ITCAvantGardeGothicStdBkCn",Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333333;
	padding:4px;
	border: 1px solid #888888;
}
.comment-form-comment textarea{
	color: #ffffff;
	background-color: #333333;
	padding:4px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	border: 0px;
	width: 380px!important;
	margin-top: 10px;
}
.entry-content embed{
	margin-bottom: 8px;
}

/* Live dates */

.tour table{
	width: 678px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}

.tour table tr th{
	text-transform: uppercase;
	border-bottom: 1px solid #292929;
	font-weight: bold;
	padding:0px 0px 8px 8px;
}

.tour table tr td{
	padding:4px 0px 4px 8px;
}

.tour table tr.alt td{
	background-color: #1a1a1a;
}

.tour table tr td.date{
	text-transform: uppercase;
	width:130px;
}

.tour table tr td.venue{
	width:216px;
}

.tour table tr td.city{
	width:130px;
}

.tour table tr td.info{
	width:70px;
}


.tour table tr td a{
	text-decoration: none;
	font-weight: bold;
}

#archiveButton {
	text-align: center;
	width: 678px;
	margin-top: 16px;
}

#archiveButton a{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}

dl.fl{
	float:left;
	margin-bottom: 8px;
}

.fl dt{
	text-transform: uppercase;
	margin-top: 8px;
}

.fl dd{
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}

#tourmap{
	float:right;
	width:300px;
	height:300px;
}


/** video **/

#flashcontent{
	width:678px;
}

/** Music **/
.musicleft{
	float:left;
	width:240px;
	margin-right:21px;
}

.musicright{
	float:left;
	width:417px;
}

.artwork{
	width:111px;
	float:left;
	margin-right:16px;
}

.releaseItem{
	margin-bottom:16px;
}

.releaseText{
	float:left;
	width:290px;
}

.releaseTitle{
	font-size:18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.releaseDate{
	font-size:18px;
	margin-bottom: 10px;
	text-transform: uppercase;	
}

.trackPlayer{
	width:26px;
	float:left;
	margin-right: 8px;
}

.trackName{
	float:left;
	width:220px;
}

.trackName p{
	margin-top: 7px;
}

.buyOnline a{
	display:block;
	width:58px;
	height:25px;
	margin-right: 8px;
	float:left;
}

.buyOnline{
	margin-bottom: 8px;
	float: left;
	clear:both;
}

.clearfix{
	clear:both;
}

li.galleryAlbum{
	padding:8px;
	width:162px;
}

li.selected{
	background-color: #333333;
}

li.galleryAlbum h3{
	font-size:16px;
	text-transform: uppercase;
}

li.galleryAlbum h3 a{
	text-decoration: none;
}
		
/** Downloads **/
#downloadItems{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #d2d2d2;
	margin-top: 8px;
}		

#downloadItems img{
	margin-right: 12px;
}
		

/**Music Player**/
body#musicPlayerID{
	margin: 0px !important;
	padding: 0px !important;	
	background-color: #000000;
	overflow: hidden;
}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */




/* reg form quick fix 16th June 2011 */
.regForm form{padding-top: 15px;}
.regForm label{text-transform: uppercase; width: 200px; float: left; display: block;  margin-bottom: 6px; clear: both;}
.regForm input, .regForm select{margin-bottom: 6px;}
.opendoorInputradio, .opendoorInputRadioLabel{display: inline!important; float: none!important;  width: 13px; margin-bottom: 5px; clear: none!important;}
.opendoorInputRadioLabel{font-size:11px; font-family: arial, Helvetica; text-transform: none!important; clear: none!important;}
.opendoorInputtext, .opendoorInputpassword{width: 200px; background-color: #333; color: white; border: 0px; padding: 2px;}
.opendoorInputtext:focus, .opendoorInputpassword:focus{background-color: #444;}
.opendoorInputselect{background-color: #333; color: white; border: 0px; padding: 2px;} 
.regForm #submit{float: left!important; clear: both!important; background-color: #333; font-size: 16px;
border: 1px solid #888;
color: white;
margin-left: 333px;
font-family: ITCAvantGardeGothicStdBkCn, Arial, 'Helvetica Neue', Helvetica, sans-serif;
padding: 4px;
text-transform: uppercase;}
.addthis_default_style{margin-top: 20px;}