/* Generic Elements */
html, body { 
	background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/bg_gray.png') repeat left top; 
	color: #ccc;
	font-family: Arial, sans-serif; 
	font-size: 85%;  
	height: 700px;
	margin: 0;
	min-width: 1185px;
	padding: 0; }
	

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#ccc}
a {color:#428ce7;text-decoration:none;}
a:hover, a:focus {color:#fff;}
.postmetadata {background:#111;border-top:1px solid #444;border-bottom:1px solid #444;padding:1em;color:#999;}
.postmetadata a {color:#ccc;}
.postmetadata a:hover {color:#fff;text-decoration:underline}
.nav a {background:#000; color:#444; font:bold 12px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  }
.nav a:hover {background:#222;color:#fff}
.prev a, .next a {color:#eee;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;}
.byline {font-size:11px;margin:0;color:#444}
.byline a {color:#444}
.byline a:hover {color:#fff;text-decoration:underline;}
hr {background:#444}
div.colborder {border-right:1px solid #444;}
h3.sub,h2.sub {border-bottom:1px solid #444;}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #444;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background: #111;}
#sidebar ul li a,ul.txt li{color:#eee;}
#footer-wrap {background:#000;border-top:1px solid #444}

.imagePost {
	border: #fff 1px;
	padding-right: 10px; }
.imagePost_last {
	border: #fff 1px;
	padding-right: 0px; }	

	
#superWrapper {
	height: 700px;
	margin: 0 auto;
	min-width: 1185px;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0; }

	#welcomeWrapper { 
		background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/studioRed_welcomeBanner.png') repeat-x top center; 
		height: 47px; 
		margin: 0 auto;
		min-width: 1185px;
		padding: 0;
		position: absolute;
			left:0;
			top:0;
		width: 100%;
		z-index: 2; }

			/* WelcomeMessage */
			#welcomeMessage { 
				height: 47px;
				margin: 0 auto; 
				width: 1185px; }
				
			#welcomeMessage .hello {
				color: #fff; 
				float: left;
				font: normal 1em Futura, Arial; 
				margin: 13px 0 0; 
				padding: 0 0; 
				text-shadow: 2px 2px 0 #000; }
				
			.socialnetwork { 
				float: right; 
				margin: 5px 0 5px 5px; }

	
	#navWrapper { 
		height: 70px; 
		margin: 0 auto;
		min-width: 1185px;
		padding: 0;
		width: 100%;
		z-index: 1; }
		
		#slideOutNav { 
				height: 70px;
				margin: 0 auto; 
				width: 380px;
				z-index: 1; }
				
			#journalTag { cursor: pointer; }
			#musicTag { cursor: pointer; }
			#artworkTag { cursor: pointer; }

	#contentWrapper { 
		height: 550px; 
		margin: 0 auto;
		min-width: 1185px;
		padding: 0;
		width: 100%;
		z-index: 2; }
		
			#logoDiv { 
				background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/tRP_logo.png') no-repeat top left; 
				height: 502px; 
				margin: 0 auto;
				position: relative; 
					left: -445px; 
					top: 30px; 
				width: 300px; 
				z-index: 1;; }
				
			#dynamicContent { 
				margin: 0 auto;
				position: relative;
					left: 150px;
					top: -490px; 
				width: 885px; 
				z-index: 3; }
			
					#journalDiv { 
						background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/journalBackground_b_optPNG8.png') no-repeat top left; 
						height: 535px;
						position: relative; 
							left: 0px;
							top: 11px;
						width: 885px; 
						z-index: 3; }
						
					#journalPage {
						background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/journalPage_optPNG8.png') no-repeat top left; 
						height:460px;
						position: absolute;
							left: 30px;
							top: 30px;
						width: 827px;
						z-index: 4; }
						
						#journalClose {
							cursor: pointer;
							height:34px;
							width:35px;
							position: absolute;
							left: 30px;
							top: 31px;
							z-index:5; }
						
							/* Wordpress container and styles */
							#content { 
								height: 479px;
								overflow: auto;
								padding-right: 45px;
								position: relative;
									left: 32px;
									top: 17px;
								width: 800px;  
								z-index: 4; }
							#contentSingle { 
								height: 429px;
								overflow: auto;
								padding-right: 45px;
								position: relative;
									left: 32px;
									top: 17px;
								width: 770px;  
								z-index: 4; }
					
					#musicDiv {
						background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/musicBackground_b_optPNG8.png') no-repeat top left; 
						height: 535px;
						position: relative; 
							left: 0px;
							top: 11px;
						width: 885px; 
						z-index: 3; }
						
					#artworkDiv { 
						background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/artworkBackground_b_optPNG8.png') no-repeat top left; 
						height: 535px;
						position: relative; 
							left: 0px;
							top: -5px;
						width: 885px; 
						z-index: 3; }
						
						#conceptArt {
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/concept art - window - novellice 1.png') no-repeat top left;
							display: none;
							height: 296px; 
							position: relative; 
								left: 15px; 
								top: -522px;
							list-style: none; 
							margin-bottom: 14px; 							
							width: 831px;
							z-index: 5; }
						
						.invisibleImage {
							border: 0 none;
							position: relative;
								left: 0px;
								top: -60px;
							width: 829px;
							height: 304px;
							z-index: 6; }
							
						.conceptSpan {
							text-transform: uppercase; 
							text-shadow: 1px 1px 1px #000; }
							
						#artOpacityAni {
							background:url(http://www.theredpress.com/wp-content/themes/studioRed/images/animations/conceptWindow_titleAnimation.png) no-repeat 0px -580px;
							display: block;
							height: 58px;
							padding: 0px;
							position: relative;
								left: 0px;
								top: 238px;
							width: 861;	}
						
						.conceptTitle {
							color: #fff;
							height: 30px;
							left: 0px;
							padding-bottom: 28px;
							padding-left: 30px;
							position: relative;
							top: 4px;
							width: 800px;	}

						.conceptSubtext {
							color: #eee;
							left: 30px;
							opacity: 0;
							position: relative;
							top: -38px; }
						
						#leftPanels { 
							height: 300px;
							position: absolute;
								left: 10px;
								top: 30px;
							width: 130px; }

						#leftPanelsOver { 
							height: 300px;
							position: relative;
								left: 10px;
								top: 25px;
							width: 130px;
							z-index:6; }
							
							#concept0 { 
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/conceptThumb - Novellice 1.png') no-repeat top left;
							height: 53px; 
							position: relative; 
							left:0px; 
							list-style: none; 
							padding-bottom: 14px;  
							z-index:2; }
							
							#concept1 {
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/conceptThumb - Novellice 1.png') no-repeat top left;
							height: 53px; 
							position: relative; 
							left:0px; 
							list-style: none; 
							padding-bottom: 14px;  
							z-index:2; }
							
							.concept2 {
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/conceptThumb - Novellice 1.png') no-repeat top left;
							height: 53px; 
							position: relative; 
							left:0px; 
							list-style: none; 
							padding-bottom: 14px; 
							z-index:2; }
							
							.concept3 {
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/conceptThumb - Novellice 1.png') no-repeat top left;
							height: 53px; 
							position: relative; 
							left:0px; 
							list-style: none; 
							padding-bottom: 14px; 
							z-index:2; }
							
							.concept4 {
							background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/conceptThumb - Novellice 1.png') no-repeat top left;
							height: 53px; 
							position: relative; 
							left:0px; 
							list-style: none; 
							padding-bottom: 14px; 
							z-index:2; }
							
							
							
							
							#detailUnder {
								background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/animations/details_animate1.png') no-repeat top left;
								height: 43px;
								position: relative;
									left: 10px;
									top: 328px;
								width: 156px;
								z-index: 5; }								
							#detailOver {
								background: transparent;
								cursor: pointer;
								height: 34px;
								position: relative;
									left: 25px;
									top: 285px;
								width: 140px;
								z-index: 6; }
								
							#progressionUnder {
								background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/animations/progression_animate1.png') no-repeat top left;
								height: 43px;
								position: relative;
									left: 10px;
									top: 293px;
								width: 156px;
								z-index: 5; }								
							#progressionOver {
								background: transparent;
								cursor: pointer;
								height: 34px;
								position: relative;
									left: 25px;
									top: 250px;
								width: 140px;
								z-index: 6; }
								
							#thumbnailsUnder {
								background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/animations/thumbnails_animate1.png') no-repeat top left;
								height: 43px;
								position: relative;
									left: 10px;
									top: 260px;
								width: 156px;
								z-index: 5; }								
							#thumbnailsOver {
								background: transparent;
								cursor: pointer;
								height: 34px;
								position: relative;
									left: 25px;
									top: 220px;
								width: 140px;
								z-index: 6; }
								
							#alternatesUnder {
								background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/animations/alternates_animate1.png') no-repeat top left;
								height: 43px;
								position: relative;
									left: 10px;
									top: 225px;
								width: 156px;
								z-index: 5; }								
							#alternatesOver {
								background: transparent;
								cursor: pointer;
								height: 34px;
								position: relative;
									left: 25px;
									top: 185px;
								width: 140px;
								z-index: 6; }
								
								
								
							#dynamicArtWrapper { 
								height:165px;
								margin:0 auto;
								position:relative;
									left:65px;
									top: 25px;
								width:640px;
								z-index:4; }
								
								#detailsDiv { 
									height: 165px;
									position: relative; 
									left: 5px;
									top: 0px;
									width: 640px;
									padding-left: 2px;
									padding-right: 2px;
									z-index: 5; }
							

	#footerWrapper { 
		background: url('http://www.theredpress.com/wp-content/themes/studioRed/images/studioRed_welcomeBanner.png') repeat-x top center; 
		height: 47px; 
		margin: 0 auto; 
		/* margin-top: 0px; */
		min-width: 1185px;
		padding: 0;
		position: relative;
			left: 0px;
			top: 0px;
		width: 100%;
		z-index: 2; }
				
			#footerMessage { 
				height: 47px;
				margin: 0 auto; 
				width: 1185px; }
				
			#footerMessage .goodbye {
				color: #fff; 
				font: normal 1em Futura, Arial; 
				margin: 13px 0 0; 
				padding: 0 0; 
				position: relative;
					top: 13px;
				text-align: right;
				text-shadow: 2px 2px 0 #000; }
				


/* Slide-Out Navigation
--------------------------------- */

ul#navigation_Under {
    position: relative;
    margin: 0px;
    padding: 0px;
    top: 18px;
    left: 388px;
    list-style: none;
    z-index: 1;
    width:380px;
	height: 70px;
}

ul#navigation_Under li {
    width: 113px;
    display:inline;
    float:left;
	padding-right: 10px;
	height: 60px;
	margin-top: 0px;
	z-index: 1;
}

ul#navigation_Under li a {
    display: inline;
    float: left;
    margin-top: -22px;
    width: 113px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    border: 0px;
    text-decoration: none;
    text-align: center;
    padding-top: 0px;
	z-index: 4;
}

ul#navigation_Over {
    position: relative;
    margin: 0px;
    padding: 0px;
    top: -50px;
    left: 388px;
    list-style: none;
    z-index: 4;
    width:380px;
	height: 60px;
}

ul#navigation_Over li {
    width: 113px;
    display:inline;
    float:left;
	padding-right: 10px;
	padding-bottom: 0px;
	height: 50px;
	margin-top: 0px;
	z-index: 4;
}

ul#navigation_Over li a {
    display: inline;
    float: left;
    margin-top: -16px;
    width: 113px;
    height: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    border: 0px;
    text-decoration: none;
    text-align: center;
    padding-top: 0px;
	padding-bottom: 48px;
	z-index: 4;
}

ul#navigation_Under .journal a { background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/navSlider_journal.png); }

ul#navigation_Under .music a { background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/navSlider_music.png); }

ul#navigation_Under .artwork a { background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/navSlider_artwork.png); }

ul#navigation_Over .journal a { }

ul#navigation_Over .music a { }

ul#navigation_Over .artwork a { }

ul#navigation_Under li a:hover { background-color: transparent; }
ul#navigation_Over li a:hover { background-color: transparent; }






/* IMAGESWAP
--------------------------------- 

.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:542px;
    width:797px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}

ul.menu{
    list-style:none;
    width:797px;
}
ul.menu > li{
    float:left;
    width:265px;
    height:542px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}

.bg1{
    background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/1.jpg);
}
.bg2{
    background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/2.jpg);
}
.bg3{
    background-image: url(http://www.theredpress.com/wp-content/themes/studioRed/images/3.jpg);
}

ul.menu > li > a{
    float:left;
    width:265px;
    height:50px;
    margin-top:450px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}

ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}

ul.menu > li ul li{
    display:none;
}

ul.menu > li ul.sub1{
    background-image:url(http://www.theredpress.com/wp-content/themes/studioRed/images/bg1sub.png);
}
ul.menu > li ul.sub2{
    background-image:url(http://www.theredpress.com/wp-content/themes/studioRed/images/bg2sub.png);
}
ul.menu > li ul.sub3{
    background-image:url(http://www.theredpress.com/wp-content/themes/studioRed/images/bg3sub.png);
}

ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}

ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}

ul.menu > li ul.sub1 li{
    display:block;
}
*/