/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
*/

/* ---------------------
title: bridge marketing holding page stylesheet
author: wayne taylor
created: 03/06/08
modified: 03/06/08
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   generic style */

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

body	{
	background-image:url(../images/body-background.jpg);
}

.spacer {
	clear: both;
}

/* -----------------------------------------------------------------------------
   main layout style */
	
#gradient {
	background: url(../images/background-gradient.jpg) repeat-x;
}		

#outerwrapper {
	width: 971px;
	margin: 0 auto;
	background: url(../images/banner.jpg) no-repeat;
	overflow: hidden;
}

#innerwrapper {
	width: 100%;
	background: url(../images/footer.jpg) no-repeat bottom left;
	padding-bottom: 90px;
}

#roundedtop {
	background: url(../images/content-roundededges-top.png) no-repeat;
	width: 960px;
	height: 17px;
	margin-left: 11px;
	clear: both;
}

#roundedbottom {
	background: url(../images/content-roundededges-bottom.png) no-repeat;
	width: 960px;
	height: 6px;
	margin-left: 11px;
}

#container {
	background: url(../images/container-back.png) repeat-y 11px;
	width: 931px;
	overflow: hidden;
	padding: 0 20px;
	clear: both;
}

#content {
	background: url(../images/content-header.gif) no-repeat 16px 21px;
	float: left;
	width: 522px;
	padding-left: 18px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}

/* default sub-content for content in sidebar */
#subcontent {
	float: right;
	width: 307px;
	padding: 20px 38px 20px 20px;
}

/* alternate sidebar with image as subcontent */
body#imagesub #subcontent {
	padding: 20px 55px 20px 0px;
}

h2 {
	margin-top: 5px;
	font-size: 200%;
	font: Georgia;
	color: #0f2649;
}	
	
p {
	padding-top: 20px;
}
	
#content ul {
	padding-left: 20px;
}	

.first {
	width: 330px;
}
	

/* -----------------------------------------------------------------------------
   home page style */

body.home p {
	padding-top: 0px;
}

body.home #subcontent {
	background: transparent url(../images/subcontent-header.gif) no-repeat 18px top;
}

body.home #content dl {
	padding-top: 40px;
}

body.home #content ol {
	margin-left: 60px;
	margin-bottom: 20px;
}

body.home #buynow {
	background: url(../images/buynow-fadedgray.png) no-repeat bottom right;
	float: right;
	display: block;
	padding:15px 33px 15px 15px;
	width:295px;
	margin-right: 7px;
	margin-bottom: 10px;
}

body.home #buynow h2 {
	color: #0F2649;
	padding-right: 95px;
	float: right;
	margin-top: 0px;
}

body.home #buynow img {
	float: left;
	display: block;
	border:2px solid #0F2649;
}

body.home #buynow ul {
	float: right;
	padding-right:10px;
	padding-top:5px;
}

body.home #buynow li {
	list-style: none;
}

body.home #buynow a {
	color: #A21B1E;
	text-decoration: none;
}

body.home #buynow a:hover {
	color: #A21B1E;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   links/myspace style*/
	
ul#links {
	padding-right: 7px;
	padding-bottom: 50px;
	float: right;
}	
	
ul#links li {
	display: inline;
	padding-bottom: 50px;
	padding-left: 0;
	padding-right: 5px;
	color: #d6d5d5;
}

ul#links a {
	line-height: 24px;
	color: #d6d5d5;
	font: "Minion Pro";
	text-decoration: none;
	display: inline;
	padding-right: 1px;
}	


/* -----------------------------------------------------------------------------
   navigation style */
	
ul#nav {
	padding: 40px 40px 60px 0;
	float: right;
	clear: both;
}

body.home ul#nav {
	padding-top: 5px;
}
	
ul#nav li {
	display: inline;
	list-style: none;
	padding: 2px;
	color: #d6d5d5;
}
	
ul#nav a {
	line-height: 24px;
	color: #d6d5d5;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	background: url(../images/nav-tab.jpg) no-repeat;
	padding: 15px 5px 15px 3px;
}

/* hover states */
ul#nav a:hover {
	color: #000;
	background: url(../images/hoversml.png) no-repeat 50% 50%;
}
ul#nav a#kris:hover {	background-image: url(../images/hovermed.png); }
ul#nav a#roddy:hover, ul#nav a#john:hover {	background-image: url(../images/hoverbig.png); }

/* current page states */
body.home #home, body.album #album, body.press #press, body.contact #contact { color: #000; background: url(../images/hoversml.png) no-repeat 50% 50%;}
body.kris #kris  { color: #000; background: url(../images/hovermed.png) no-repeat 50% 50%; }
body.john #john, body.roddy #roddy  {	color: #000; background: url(../images/hoverbig.png) no-repeat 50% 50%; }




	/* -----------------------------------------------------------------------------
   home style sheet */
	
	

#content dt strong {
	font-size: 14pt; 
	font: Georgia;
	color: #a21b1e;
	padding-bottom: 10px;
}
	
#content dt {
	font-size: 18pt;
	font: Georgia;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}	

#content dd {
	font-size: 11pt;
	margin-left: 0px;
	padding-bottom: 10px;
	background: url(../images/content-gray-line.gif) no-repeat bottom;
}

body.home #content dd p {
	padding-bottom: 20px;
}

body.home #content dd img {
	float: right;
	margin-top: 30px;
	margin-right: 40px;
	border: 2px solid #0F2649;
}

body.home #subcontent h2 {
	padding-bottom: 20px;
}

body.home #subcontent dt strong {
	color: #a21b1e;
	font: Georgia;
	font-weight: bold;
	font-size: 12pt;
	padding-top: 30px;
}

body.home #subcontent dt {
	color: #0f2649;
	font: Georgia;
	font-weight: bold;
	font-size: 14pt;
}

body.home #subcontent dd {
	color: #0f2649;
	margin: 0px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: url(../images/subcontent-grayline-splitter.png) no-repeat bottom;
}

body.home #subcontent a {
	color: #a21b1e;
	font: Georgia;
	text-decoration: none;
	font-size: 80%;
}

body.home #subcontent a:hover {
	color: #0f2649;
	font-size: 80%;
}

body.home #content a {
	color: #a21b1e;
	text-decoration: none;
	font-size: 90%;
}

body.home #content a:hover {
	color: #a21b1e;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   flash banner style */
	
body.home #flashbanner {
	margin-left: 320px;
	float: left;
}	

/* -----------------------------------------------------------------------------
   MP3 player style */
	
body.home #CoffeeCup {
	float: right;
	margin: -9px -15px 0 0;
}	

/* -----------------------------------------------------------------------------
   Album page style */
	
body.album h2 {
	padding-bottom: 80px;
}	

body.album .imagebuy {
	float: right;
	padding: 20px;
	margin-top: 10px;
	text-align: center;
}	

body.album .imagebuy a {
	color: #A21B1E;
	text-decoration: none;
}	

body.album a:hover {
	text-decoration: underline;
}

body.album ol {
	padding-left: 20px;
	padding-bottom: 40px;
}	
	
#content li {
	padding-top: 10px;
}	

p.tracklisting {
	font-size: 14pt; 
	font: Georgia;
	color: #a21b1e;
	padding-bottom: 10px;	
}

body.album dl {
	text-align: center;
	clear: both;
}	


body.album #subcontent dt strong {
	font-size: 14pt; 
	font: Georgia;
	color: #a21b1e;
	padding-bottom: 10px;
}
	
body.album #subcontent dt {
	font-size: 18pt;
	font: Georgia;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}	

body.album #subcontent dd {
	font-size: 11pt;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	background:  url(../images/subcontent-grayline-splitter.png) no-repeat bottom;
}
/* -----------------------------------------------------------------------------
   Press page style */
	
body.press #subcontent img {
	padding-top: 50px;
}

body.press a {
color:#A21B1E;
text-decoration:none;
}

body.press a:hover {
text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   Links Page style */
	
body.links h2 {
	padding-bottom: 80px;
}	
	
body.links ul {
	text-align: center;
}	

body.links li {
	list-style: none;
}

body.links a {
	color: #a21b1e;
	text-decoration: none;
}

body.links a:hover {
	color: #a21b1e;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   contact page style */

body.contact h2 {
	padding-bottom: 60px;
}	
	
body.contact p {
	text-align: center;
	margin-right: 30px;
}	

body.contact p strong {
	font: Georgia;
	color: #a21b1e;
	font-size: 120%;
}
	
body.contact #content a {
	color: #a21b1e;
	text-decoration: none;
	font-size: 90%;
}

body.contact #content a:hover {
	color: #a21b1e;
	text-decoration: underline;
}
/* -----------------------------------------------------------------------------
   footer content style */
	
ul#footer {
	padding-top: 30px;
	padding-left: 100px;
}	

ul#footer li {
	display: inline;
	line-height: 24px;
	color: #fff;
	font: "Minion Pro";
	font-size: 85%;
}
		
ul#footer a {
	text-decoration: none;
	color: #fff;
	font-size: 120%;
}
	
ul#footer a:hover {
	text-decoration: underline;
	font-size: 120%;
}	
	
/* -----------------------------------------------------------------------------
   end style sheet */