/*//////////////////////////
PROJECT: 	GRHYMEY
MEDIA:		SCREEN
CREATED: 	25.11.09
//////////////////////////*/


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

body {
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size: small;
	text-align: center;
	background:url(../images/bg-repeat.png) repeat scroll 0 0 #111111;
	
	
}

#mainWrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	
	
}


#navigation {
	width: 560px;
	height: 66px;
	float: left;
	position: fixed;
	background:url(../images/bg-nav.png) repeat scroll 0 0 #111111;
	overflow: hidden;
	z-index: 1001;
}

* html #navigation {
	top: 0px;
	left: 50%;
	margin-left: 0px;
}

*+ html #navigation {
	top: 0px;
	left: 50%;
	margin-left: -401px;
}


#navigation p {
	width: 162px;
	height: 66px;
	float: left;
	
}

#navigation p a {
	width: 162px;
	height: 66px;
	float: left;
	background: url(../images/navi-rhemic.png) no-repeat top left;
	text-indent: -9999em;
}

#navigation p a:hover {
	background-position: right;
}

#navigation ul {
	float: left;
	list-style: none;
}


#navigation li {
	float: left;
	margin: 0px 1px 0px 0px;
	height: 65px;
	
	
}

* html #navigation li {
	margin: 0px 0px 0px 0px;
	
}


#navigation li a {
	float: left;
	height: 66px;
	text-indent: -9999em;
}

#navigation li.navMedia a {
	width: 99px;
	height:66px;
	
	background: url(../images/navi-media.png) no-repeat top left;
}


#navigation li.navLive a {
	width: 71px;
	height:66px;
	background: url(../images/navi-live2.png) no-repeat top left;
}

#navigation li.navBlog a {
	width: 81px;
	height:66px;
	background: url(../images/navi-blog2.png) no-repeat top left;
}

#navigation li.navContact a {
	width: 133px;
	height:66px;
	background: url(../images/navi-contact.png) no-repeat top left;
}




#navigation li a:hover {
	background-position: right;
}


#social {
	width: 400px;
	height: 66px;
	float: right;


	
	
}

.socialblocks {
	width: 400px;
	height: 66px;
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: fixed;
	background:url(../images/bg-nav.png) repeat scroll 0 0 #111111;

	
}

.socialblocks ul {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 0px;
}

.socialblocks li {
	float: left;
	width: 65px;
	height: 66px;
	padding: 0px 0px 0px 0px;
}

.socialblocks li a {
	float: left;
	width: 65px;
	height: 66px;
	text-indent: -999999em;
}



li.socialYoutube a {
	background: url(../images/sm-youtube.png) no-repeat top left;
	
}


li.socialFacebook a {
	background: url(../images/sm-facebook.png) no-repeat top left;
	
}


li.socialTwitter a {
	background: url(../images/sm-twitter.png) no-repeat top left;
	
}


li.socialMyspace a {
	background: url(../images/sm-myspace.png) no-repeat top left;
	
}


li.socialFlickr a {
	background: url(../images/sm-flickr.png) no-repeat top left;
	
}


li.socialItunes a {
	background: url(../images/sm-itunes.gif) no-repeat top left;
	
}

li.socialTumblr a {
	background: url(../images/sm-tumblr.png) no-repeat top left;
	
}


.socialblocks li a:hover {
	background-position: right;
}




.columns {
	width: 960px;
	height:348px;
	float: left;
	background:url(../images/bg-repeat2.png) repeat scroll 0 0 #111111;
	margin: 20px 0px  0px 0px;
	
}

.colLeft {
	width: 550px;
	height: 338px;
	float: left;
	background: url(../images/gr-header.jpg) no-repeat top left;
	margin: 5px 0px  0px 4px;
}



.colRight {
	width: 400px;
	height: 345px;
	float: right;
}



.reviewSlideshow {
	width: 396px;
	height:245px;
	float: right;
	margin: 5px 4px  0px 0px;
}

.reviewSlideshow ul {
	list-style: none;
}



#slider1next, #slider1prev{ 
	display:block;
	width:37px;
	height:37px;
	position:absolute;
	z-index:1000;
	margin: 200px 0px 0px 300px;
	
}	

#slider1next{ 
	margin-left:350px;
}	

											

#slider1next a, #slider1prev a{  
	display:block;
	position:absolute;
	width:37px;
	height:37px;
	background:url(../images/ctrl-prev.png) no-repeat 0 0;
	text-indent: -9999em;
}	

#slider1next a{ 
	background:url(../images/ctrl-next.png) no-repeat 0 0;
	text-indent: -9999em;
}	


.mailingList {
	width: 396px;
	height:90px;
	float: right;
	background: url(../images/email-bg.gif) no-repeat top left;
	margin: 0px 4px  0px 0px;
}



.mailingList h3 {
	width: 226px;
	height: 45px;
	background: url(../images/sign-up-tab.gif) no-repeat top left;
	text-indent: -99999em;
	margin: 4px 0px 0px 8px;
}


.mailingList input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#131313;
	vertical-align: top;
	margin: 2px 10px 0px 8px;
	
}

.inputSignup {
	width: 266px;
	height: 22px;
	padding: 5px 5px 5px 5px;
	margin-right: 10px;
	font-size: 120%;
}



.header1 {
	width: 960px;
	height: 72px;
	float: left;
	margin: 70px 0px 0px 0px;
	background:url(../images/header1.png) repeat scroll 0 0;
	text-indent: -999999em;
	
	
}


.header2 {
	width: 960px;
	height: 90px;
	float: left;
	margin: 70px 0px  0px 0px;
	background:url(../images/header2.png) repeat scroll 0 0;
	text-indent: -999999em;
}


.media {
	width: 960px;
	height: 323px;
	float: left;
	background:url(../images/bg-repeat2.png) repeat scroll 0 0 #111111;
	margin: 0px 0px 0px 0px;
	
	
}

.vidcolLeft {
	width: 550px;
	height: 312px;
	float: left;
	margin: 5px 0px  0px 4px;

}


.musiccolRight {
	width: 400px;
	height: 312px;
	float: right;
	margin: 5px 0px  0px 0px;
}

.album h2 {
	width: 85px;
	height: 85px;
	float: left;
	text-indent: -999999em;

}

.listenIntro {
	width: 300px;
	float: left;
	padding: 0px 0px 0px 15px;

}

.listenIntroText {
	width: 300px;
	float: left;
	border-bottom: 1px solid #666;
	color: #d1d1d1;
}

.listenIntroText p {
	font-size: 90%;
	line-height: 130%;
	padding: 0px 0px 8px 0px;

}


.soundcloud {
	width: 395px;
	height:211px;
	float: left;
	margin: 0px 0px 0px 0px;
	

}


#disc {
	width: 400px;
	float: right;
	height: 85px;
	
}

.discblocks {
	width: 400px;
	height: 85px;
	float: left;
	margin: 5px 0px 0px 0px;
	
	
}

.discblocks ul {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 0px;
}

.discblocks li {
	float: left;
	width: 96px;
	height: 96px;
	padding: 0px 3px 0px 0px;
}

.discblocks li a {
	float: left;
	width: 96px;
	height: 96px;
	text-indent: -999999em;
}

li.disc1 {
margin-right:1px;
	
}

li.disc1 a {
	background: url(../images/disc-lifh.gif) no-repeat top left;
	
}

li.disc2 {
margin-right:1px;
	
}

li.disc2 a {
	background: url(../images/disc-wst.gif) no-repeat top left;
	
}


li.disc3 {
margin-right:1px;
	
}

li.disc3 a {
	background: url(../images/disc-imtn.gif) no-repeat top left;
	
}

.discblocks li a:hover {
	background-position: right;
}




.community {
	width: 960px;
	float: left;
	
}

.tumblr {
	width: 535px;
	float: left;
	
	
	
}

.more {
	width: 396px;
	height: 625px;
	float: right;
	
}


.book {
	width: 396px;
	height: 115px;
	float: left;

}

#live {
	float: left;
	
}



.flickr {
	width: 396px;
	height:500px;
	float: left;
	overflow: hidden;
	background-color:#141414;
	margin:2px 0 0 0;
}

.flickr ul {
	list-style-type: none;
	width: 396px;
}

.flickr li {
	float: left;
	margin: 10px 0px 10px 9px;
	width: 115px;
	height: 75px;
	border: 2px solid #b8bfc0;
	overflow: hidden;
}

.flickr li img {
	max-width: 115px;
	
	
}


ul#live-dates { 
	list-style:none; 
	float:left; 
	background-color:#e8e8e8;  
}

ul#live-dates li { 
	clear:both; 
	height:35px; 
	width:396px; 
	padding:6px 0; 
	border-bottom:2px dotted #000;
}

ul#live-dates li.active { 
	background:red!important; 
}

ul#live-dates li a { 
	color:#000; 
	text-decoration:none; 
}

ul#live-dates li a:hover { 
	color:#a5110e;  
}  

ul#live-dates div.date { 
	float:left; 
} 

ul#live-dates h4 { 
	font-size:14px; 
	float:left; 
	margin:8px 0 0 20px; 
}


ul#live-dates2 { 
	list-style:none; 
	float:right; 
	  
}

ul#live-dates2 li { 
	width:134px; 
	height:31px; 
	padding:5px 0;
	margin:2px 0px 0 0; 

}




div.date { 
	background:#a5110e; 
	height:34px; 
	margin:0 0 0 5px; 
	width:45px; 
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	text-transform:uppercase; 
	text-align:center; color:#FFFFFF; 
}

div.date .month { 
	font-size:12px; 
	padding:3px 0 0 0; 
	font-weight:bold; 
}
div.date .day { 
	font-size:11px; 
}

.tumblr_posts {
	font-family:'Century Gothic','Apple Gothic',sans-serif;
	float:left;
	list-style:none;
	width:535px;

}


.tumblr_post {
	background:none repeat scroll 0 0 #141414;
	font-family:'Century Gothic','Apple Gothic',sans-serif;
	padding:10px;
	position:relative;
	font-size:14px;
	color:#b8bfc0;
	float:left;
	margin:0 0 10px 0;
	width:515px;
}

.tumblr_link {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color:#212222;
	color:#ffffff;
	padding:5px 7px;
	text-decoration:none;
	font-size:16px;
}

.tumblr_post p {
	padding:5px 0 5px 0;

}

.tumblr_post p img { 
	padding:0px 10px 10px 0;

}

.tumblr_title {
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:0 0 5px 0;
}
.tumblr_body img {
	margin:0 10px 0 0;
	float:left;

}
.read_more_container {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 5px 0;

}
.read_more_container a {
	color:#a5110e;
	text-transform:uppercase;
	font-size:11px;
}

.read_more_container a:hover {
	color:#ffffff;
	text-transform:uppercase;
	font-size:11px;
} 

tumblr_quote { 
}
.tumblr_quote p { 
}
.tumblr_source { 
}

.tumblr_caption a {
	color:#a5110e;

	font-size:11px;
}
	
	
.blogTwitter {
   width: 396px;
   height:65px;
   float: left; 
   overflow: hidden;
   margin:5px 0 0 0;
   padding: 25px 0px 0 55px;
   color:#ffffff;
   font-family:'Century Gothic','Apple Gothic',sans-serif;
   background: url(../images/twitter-bg.gif) no-repeat top left;
   
}

.blogTwitter ul {
	list-style: none;
	width: 200px;
	font-size: 90%;
	padding-bottom: 10px;
}

.blogTwitter li {
	width: 300px;
	padding: 0 30px 10px 10px;
}

.blogTwitter a {
	color: #000000;
	
}
.blogTwitter a:hover {
	color: #ffffff;
	
}

.blogTwitter ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	width: 320px;
	
}

.followlink {
	float:right;
	font-family:'Century Gothic','Apple Gothic',sans-serif;
	font-size:10px;
	font-weight:bold;
	margin: 3px 0 0 0;
	
}

.followlink a {
	color: #ffffff;
	
}
.followlink a:hover {
	color: #63afc9;
	
}

.fanbox {
   width: 396px;
   float: left;
  
   overflow: hidden;
   margin:8px 0 0 0;
}


.contactRight {
	width: 396px;
	height:390px;
	float: right;
	margin:8px 0 0 0;
	

}

.contactRight table {
	border-collapse: collapse;
	display: block;
	margin-bottom: 0px;
	float: right;
	
}

.contactRight p {
	font-family:'Century Gothic','Apple Gothic',sans-serif;
	font-size:22px;
	font-weight: bold;
	color:#a5110e;
	margin:0 0 5px 0;
	
}

.contactRight td {
	margin: 0px 0px 10px 30px;
	color: #666;
	font-size: 80%;
	vertical-align: top;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#ffffff;
}


.contactInputText {
	width: 385px;
	height: 22px;
	background: #fff;
	border: 1px dotted #a5110e;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#131313;
	margin-top: 0px;
	padding: 3px;
	vertical-align: bottom;
	
}

.contactRight select {
	width: 391px;
	background: #fff;
	margin-top: 0px;
	vertical-align: bottom;
	padding: 3px 2px 3px 2px;
	border: 1px dotted #a5110e;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#131313;
}

.contactRight textarea {
	width: 385px;
	height: 100px;
	background: #fff;
	margin-top: 3px;
	padding: 3px;
	border: 1px dotted #a5110e;
	vertical-align: bottom;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#131313;
}

a#home {
	float: left;
	width: 960px;
	height: 0px;
	
}


a#music {
	float: left;
	width: 960px;
	height: 1px;
	
}
a#live {
	float: left;
	width: 960px;
	height: 1px;
}
a#blog {
	float: left;
	width: 960px;
	height: 1px;
}

.backToTopWrapper {
	width: 960px;
	float: right;
	
	margin:3px 0 0 0 ;
}


.backToTopWrapper2 {
	
	margin:3px 4px 0 0 ;
}

span.backToTop {
	text-align: right;
	float: right;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size: 90%;
	color: #ffffff;
}

span.backToTop a {
	color: #ffffff;
}

span.backToTop a:hover {
	color: #ff0000;
}

.footer {
	width:960px;
	height:45px;
	float:left;
	background-color:#111111;
	margin:5px 0 10px 0;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;


}


.social2 {
	
	float:left;
	margin: 15px 0 0 10px;
	
}

.social2 ul {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 0px;
}

.social2 li {
	float: left;
	padding: 0px 4px 0px 0px;
	
}

.social2 li a {
	float: left;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	font-size: 90%;
	color: #ffffff;

}

li.tarunram a {
	margin:0 0 0 90px;
	
}


.copyright {
	width:198px;
	height:16px;
	float:left;
	margin: 15px 0 0 3px;
	background: url(../images/copyright.png) no-repeat top left;
	text-indent: -9999em;
	
	
}

p.formThanks {
	font-size: 21px;
	font-family:'Century Gothic','Apple Gothic', 'Arial',sans-serif;
	color:#FFFFFF;
	padding: 35px 0 0 80px;
}



.access {
	display: none;
}