* {margin:0; padding:0;}


	body {font-size:75%;color:#999;background:#000;font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; background-image: url(/images/img/bg_logo.jpg); background-repeat: no-repeat;}

	
/* The essentials
-------------------------------------------------------------- */	

img {padding: 0; border: 0; }

.middle{ text-align: left; margin: 0 auto; width: 960px; }

.clear { clear: both; }
.clear-r { clear: right; }
.clear-l { clear: left; }

.round-five{border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
.bg-link a { width: 100%; height: 100%; display: block; }


.float-r { float: right; }
.float-l { float: left; }

.hidden { display: none;}

.bottom-border { border-bottom: 1px solid #333; padding: 0 0 10px 0; }

/* Main layout stuff
-------------------------------------------------------------- */	
#content{
	padding: 30px 0 30px 0;
	border: #0f0f0f solid 3px;
	background: #000;
	min-height: 500px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}


/* Header
-------------------------------------------------------------- */

/* Login */
#login_logout { padding: 6px; float:right; background: #111;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
 }
 
#login_logout a { padding: 2px;  }

.transparent_class {
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.transparent_class * {
filter:alpha(opacity=100);
 -moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#header {width: 960px; height: 150px; padding-left: 70px; }

/* Main navigation */
.internal {float: right; margin: 10px 20px 30px;}
.internal li {display: inline; margin: 0 10px 0 10px; }
.internal li a{ letter-spacing: 0.07em; color:#fff; padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family:Times, "Times New Roman", Georgia, serif;
	font-size: 1.3em;  }
.internal li a:hover {text-decoration: none;  background: #111;}


#header input.text {
	float: right;
	width: 120px; 
	background: #222;
	color: white; 
	border: 1px solid #666;
	padding: 2px;
	margin: 0;
}

#header-right {	width: 700px; margin: 80px 0 0 0;}


/* Main navigation */
#logo a {
	background: url( "/images/wcp_logo.png" ) no-repeat left top;
	background-position: -175px 0px;
	margin: 10px;
	width: 175px;
	height: 98px;
	display: block;
}

#logo a:hover {
	background-position: 0px 0px;
}


/* Listing Stuff
-------------------------------------------------------------- */

.list { width: 100%; margin: 10px 15px 0 0;}
.list div p { margin: 0 0 5px 0; }
.list h1 { font-size: 1.2em; font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;  }

/* photos */
.photos { height: 100px; }

.fo-two-fi {width: 420px;}
.list_photos_right {width: 325px; margin: 0 0 0 10px;}

.grid {width: 75px; height:80px; margin: 10px 21px 5px 0;}
.checkable	{ background-color: #1a1a1a; width:20px; height:20px; float: right; margin: 0 0 0 0; 
	border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px;
	}
.checkable input {margin:0 0 0 0;}
.batch-selects { margin: -7px 15px 0 0; width: 620px;}
.batch-selects div{ float: right;}


.tall {height: 130px; }

/*  pagination  */
.pagination {margin: 2px 0 2px 0; }
.pagination a, .current {padding: 2px;}
.pagination a:hover {background: #980000; color: white; text-decoration: none; }


/*  others in album listing  */
.more {background: #111; margin: 0; padding: 10px 0 15px 15px; }
.more div { margin: 0 14px 0 0; width: 80px; height: 75px;}

/* list users */
.users { margin-bottom: 10px;  }

.profile_desc {width: 85%; margin: -5px 0 0 20px;}


/* Buttons & tags
-------------------------------------------------------------- */
.tags { 
	padding: 2px; 
	margin: 2px;  
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
/*a.tags {
	background: #333; 
	border-right: #404040 solid;
	border-bottom: #4e4e4e solid;
	border-width: 0 1px 1px 0; 
}*/
a:hover.tags {background: #555; color: #fff; text-decoration: none;}


/* sexy button from tutorial */

a.button {
    background: transparent url('/images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
	text-decoration: none;
	color: #444;
}

a.button:active {
	text-decoration: none;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* darker button override */
a.dark { color: #222; background: transparent url('/images/bg_button_a-dark.png') no-repeat scroll top right; }
a.dark span { background: transparent url('/images/bg_button_span-dark.png') no-repeat; }
a.dark:hover {color: #222;}

/* pure css button */
.button_css {
	font-size: 1em;
	padding: 3px;
	color: #777;
}

#button-current {
	color: #fff;
}


a.button_css:link{
	text-decoration: none;
}

a.button_css:visited {
	text-decoration: none;
}

a.button_css:hover {
	text-decoration: none;
/*	background-color: #2c2c2c; */
}


/* Buy stuff
-------------------------------------------------------------- */

#hidden {  width:400px; }

.left-co-sum {width: 450px; float: left;}
.right-co-sum {width: 410px; float: left;}

.cart_desc {width: 770px; margin: 0 0 0 20px;}
.co_sum_desc {width: 300px; margin: 0 0 0 20px;}

/* ------------ cart ---------------------- */

#bottom-cart-buttons { width: 100%; clear: both; }

#bottom-cart-buttons p { float: right; }

#clear-cart { float: right; margin: 10px 0 0 0;}
#checkout { float: right; margin: 10px 0 0 0; }
#continue-shopping { float: left; margin: 10px 0 0 0;}

/* Miscellanies
-------------------------------------------------------------- */
input { margin: 5px 0 5px 0;}

.grey-background { background: #131313; padding: 15px 0 10px 15px;}
.gradient-background {background: url(/images/bg_gradient.png) repeat-x; }

.new-photo-boxes { margin: 5px 0 5px 0; padding: 15px; }

.file {color:#888;}

label {margin: 0 8px 0 0;}

.loader { top: 50%; left: 50%; display:block; position: absolute; }



/* Error handling
-------------------------------------------------------------- */
#notification {
	background: url(/images/check.png) no-repeat 10px #0c0c0c; 
	border: #404040 solid 1px; 
	margin: 0 0 20px 0;
	padding: 15px 0 15px 65px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

#error { 
	background: url(/images/cross.png) no-repeat 10px #0c0c0c;
	border: #404040 solid 1px; 
	margin: 0 0 20px 0;
	padding: 20px 0 20px 65px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

.redbg { padding: 4px; margin: 4px; color:#c60000; }


/* redbox related
-------------------------------------------------------------- */
.redbox { 
	background: #111; 
	width:400px; 
	padding: 15px; 
	text-align: left; 
	line-height: 1em; 
	border: solid 4px #555;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	}
#approve_box {  width:400px; }


/* footer
--------------------------------------------------------------
.footer {margin: 10px auto 0 auto;}
.footer div {padding: 10px 2px 0 0;}
.footer div:hover {background: #070707;}
.footer-height {height: 270px;}
 */
 
.footer { font-family: Times, "Times New Roman", Georgia, serif; margin: 0 0 20px 0;}

.corner-top { width: 950px; height: 7px; background: url('/images/img/topcorners.jpg'); background-repeat: no-repeat; }

.corner-bottom { width: 950px; height: 7px; background: url(/images/img/bottomcorners.jpg); background-repeat: no-repeat; }

.tabs { padding-left: 17px; }

.thelatest { margin-left: 5px; width: 120px; height: 32px; background: url(../../img/thelatest.jpg); float: left;}
.artists { width: 99px; height: 32px; background: url(/images/img/artists.jpg); float: left;}
.clients { width: 99px; height: 32px; background: url(/images/clients.jpg); float: left;}
.olympics { width: 97px; height: 32px; background: url(/images/olympics.jpg); float: left;}
.olympics_active { width: 97px; height: 32px; background: url(/images/olympics_active.jpg); float: left;}
.contact { width: 109px; height: 32px; background: url(/images/contact.jpg); float: left;}

.container {width:900px; margin-left:35px;  padding-left: 50px; }
.maincontent { font-size: .9em; line-height: 1.6em;  width: 950px; background: #1a1a1a; min-height: 500px;}

.artistphoto { border: 1px solid #333; padding: 2px; }

.tickets {  width: 121px; height: 32px; background: url(/images/img/tickets_active2.png); float: left;}
.tickets_active { width: 121px; height: 32px; background: url(/images/img/tickets_active.png); float: left;}
.photos_active {  width: 130px; height: 32px; margin-right: 110px; background: url(/images/img/photos_active.png); float: left;}



/* Typography Stuff 
-------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", helvetica, arial, sans-serif; color:#fff;}
h1 { font-family: Times, "Times New Roman", Georgia, serif; font-size:4em; letter-spacing: .05em; line-height:1;margin-bottom:0.5em; font-weight:100;}
h1 { font-size: 3em; line-height: 1.2em; margin-bottom: 0.5em;}
h1 a, h2 a{ color: #aaa; }
h1 a:hover, h2 a:hover{text-decoration: none; color: #980000; }
h2 { font-size: 2em; margin-bottom: 0.6em; }
h3 { font-size: 1.5em; line-height: 1.5em; margin-bottom: .7em; color: #666;}
h4 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; color: #666;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; line-height: 1.5em; }

hr { background-color: #222; }

li { line-height: 1.4em; }

/* Text elements */
/*
a:focus, a:hover { color: #c60000; text-decoration: none; text-decoration: underline; }
a { text-decoration: none; color: #999; }
*/
a:focus, a:hover {color:#999; text-decoration: underline; cursor: pointer; }
a {color:#fff;text-decoration:none;}


/* Misc classes */
.red		{ color: #c60000;}


/* Surround uppercase words and abbreviations with this class. */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  font-weight:bold;
  padding:0 2px;
}

select.filter { 
 background-color: #000; 
 color: #BBB;
 border-color: #333;
}



/* Drop Down Stuff
-------------------------------------------------------------- */
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin: -40px 20px 0 0;}
ul.dropdown li                      { float: left; zoom: 1; list-style: none; 
										-moz-border-radius-topleft:3px; 
										-moz-border-radius-topright:3px; 
										-webkit-border-top-left-radius: 3px; 
										-webkit-border-top-right-radius: 3px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #980000; }
ul.dropdown li a                    { display: block; padding: 2px 4px; border-right: 1px solid #333; color: #fff;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
/*ul.dropdown li.hover,*/
ul.dropdown li:hover                { background: #999; color: black; position: relative; }
ul.dropdown li:hover a              { color: black; }
/*ul.dropdown li.hover a              { color: black; }
*/
ul.dropdown li.active 				{ color: #666; padding: 2px 4px;}
ul.dropdown li.active:hover			{ background: #bbb; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ margin: 0; width: 100px; visibility: hidden; position: absolute; top: 100%; left: -22%; 
									box-shadow: 3px 3px 8px #000;
									-webkit-box-shadow: -3px 3px 8px #000;
									-moz-box-shadow: -3px 3px 8px #000;
	 								}
ul.dropdown ul li 					{ font-weight: normal; background: #bbb; color: #000; 
									  float: none; list-style: none; 
									  -moz-border-radius:0px; -webkit-border-radius: 0px; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: -100%; top: 0; list-style: none; border-right: #ccc solid 1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* SEARCH DROPDOWN */
/* Drop Down Stuff
-------------------------------------------------------------- */
/* 
	LEVEL ONE
*/
ul.search                         { position: relative; margin: -40px 0 0 0;}
ul.search ul 						{ margin: 0; width: 250px; visibility: hidden; position: absolute; top: 100%; left: -87%; 
									box-shadow: 3px 3px 8px #000;
									-webkit-box-shadow: -3px 3px 8px #000;
									-moz-box-shadow: -3px 3px 8px #000;
	 								}
	 								
ul.search ul li 			{ padding-left:10px; text-indent: 0 }
ul.search ul a 				{ padding-left:0; text-indent: 0 }

ul.search ul li label		{ font-weight: normal;}
									  
 
/*  ERROR MESSAGES
----------------------------------------------------------- */
.fieldWithErrors input{
	background-color: lightsalmon;
}

.errorExplanation{
	background-color: lightsalmon;
	width:500px;
	border:1px solid red;
	padding-top:15px;
	padding-left:10px;
}

#search_params{
	background-color: aqua;
	width:250px;
	position:relative;
	top:0;
	left:0;
}

.checkout label{
width:250px;
display:block;
float:left;}