/*

UGGGGGH Don't look at this file. It's gross. Srsly. I'll fix it soon.

*/

/* TEMP SPLASH PAGE */
#splash #king{margin:20px auto; width:466px;}
#splash #king form{margin:0 auto; width:150px; padding-top:100px;}
#splash #king form .submit{float:right;}

/* ---------- GENERAL USE ---------- */
body{ font-family:arial; font-size:12px; }
p{ line-height:1.2em; font-size:1.2em; margin-bottom:.5em; font-weight: bold; }
h1{ color:#000; font-weight:bold; text-transform:uppercase; font-size:1.9em; margin-bottom:15px; letter-spacing: .05em; }
h1.smallbottom {margin-bottom: 5px;}
h1.red { color: #f00;}
/*h2{ color:#000; font-weight:bold; font-size:2.5em; margin-bottom:15px; text-transform:uppercase; }*/
h3{  }
a{color:red; text-decoration:none;}
a:hover{text-decoration:underline; color:red;}
ul.textlist li {line-height:1.5em;}
label{font-weight:bold; display:block;}
strong{font-weight:bold;}
hr { height: 2px; color: #ccc; background: #ccc; border: 0; margin: 10px 0 20px;}

.right {float:right;}
.left {float:left;}
.clear {clear:both;}


.heading_wrap h1{float:left;}

.red {
	color:red;
}

/* ---------- 0 ---------- */
#wrap{  width:755px; margin:0 auto; padding: 0; }
#wrap #header{  margin:10px auto; }
#wrap #nav{  background:#000; }
#wrap #nav-admin{  background:red; }
#wrap #nav ul{  margin: 0 0 20px; list-style-type:none; }
#wrap #nav ul li{ float:left; }
#wrap #nav ul li.right{  float:right; }
#wrap #nav ul li.right a{border-right:none; border-left:10px solid #fff; width:75px;}
#wrap #nav ul li a{  font-weight:bold; font-size:1em; padding:5px 0px; display:block; width:75px; text-decoration:none; color:#fff; border-right:10px solid #fff; text-align:center; text-transform:uppercase; }
#wrap #nav ul li a:hover{  background:#f00; }

#nav-admin ul{ margin: -10px 0 20px; list-style-type:none; }
#nav-admin ul li{ float:left;  }
#nav-admin ul li.right{  float:right; }
#nav-admin ul li.right a{border-right:none; border-left:10px solid #fff; width:75px;}
#nav-admin ul li a{  font-weight:bold; font-size:1em; padding:5px 0px; display:block; width:75px; text-decoration:none; color: #fff; border-right:10px solid #fff; text-align:center; text-transform:uppercase; }
#nav-admin ul li a:hover{  background:#000; }

#content{  margin:10px 0 20px; margin-bottom:10px; }
#content #home-image{  margin:0 0 30px 0; }
#content #get-started{ }
#content #get-started ul{  list-style-type:none; margin:30px auto; text-align:center; }
#content #get-started ul li{  float:left; }
#content #get-started ul li.middle{  margin:0 52px; }
#content #get-started ul li a{  color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; text-decoration:none; font-size:2.2em; padding:10px; width:200px; background:red; display:block; }
#content #get-started ul li a:hover{  background:#000; }
#footer{  border-top:2px dotted #ccc; font-size:.9em; color:#444; padding:5px 0; width:755px; margin-bottom:50px;}

/* ----- CATALOG ----- */
#catalog-display,
#artist-catalog{  width:770px; }
#catalog-display ul li,
#artist-catalog ul li{ float:left;margin-right: 12px; width:180px; height:180px; overflow:hidden; margin-bottom:10px; }
#catalog-display ul li p,
#artist-catalog ul li p{  font-size:.8em; }



span.sold { position: absolute; display:block; width: 160px; padding: .7em 10px; background: red; color:white; text-transform: uppercase; font-weight: bold;}
span.advance { position: absolute; display:block; width: 160px; padding: .7em 10px; background: skyblue; color:white; text-transform: uppercase; font-weight: bold;}
span.printed {  position: absolute; display:block; width: 160px; padding: .7em 10px; background: #555; color:white; text-transform: uppercase; font-weight: bold;}
#prev_next { clear: both; padding-top: 10px; font-weight: bold; text-transform: uppercase;}

/*--------DROP DOWN----------*/

#filter_dropdown
{
  position:relative;
}

#filter_dropdown ul#filter
{
  position:absolute; 
  top:32px;
  right:0;
  background:#fff;
  z-index:2;
  border:1px solid red;
}

#filter_dropdown ul#filter li a
{
  display:block;
  padding:5px 10px 5px 10px;
  width:158px;
}

#filter li a.selected
{
  background:red;
  color:#fff;
}


#filter_dropdown ul#filter li a:hover
{
  background:red;
  color:#fff;
  text-decoration:none;
}


a#design_filter
{
  float:right;
  margin-bottom:20px;
  display:block;
  background:red;
  width:160px;
  padding:10px;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}

a#design_filter
{
  text-decoration:none;
}



/* pagination */
#paginate{padding-top:10px;}
#paginate a, #paginate span{display:none; background:#FF0000; color:#FFF; padding:10px 0; text-align:center; text-transform:uppercase; font-weight:bold;}
#paginate a:hover{background:#000; text-decoration:none;}
#paginate .prev_page, #paginate .next_page{ width:100px; display:static; display:block; width:180px;}
#paginate .prev_page{float:left;}
#paginate .next_page{float:right;}
#paginate .disabled{display:none;}


/*----------ABOUT PAGE-----------*/

a.about_link {
	font-weight:bold; text-transform:uppercase; font-size:1.9em;letter-spacing: .05em;
	padding: 7px 0 ;
	height: 23px;
	text-align: center;
	color: white;
	background: red;
	display:block;
	float: left;
	width: 245px;
	margin-right: 10px;
	
}

a.about_link_last {
	font-weight:bold; text-transform:uppercase; font-size:1.9em;letter-spacing: .05em;
	padding: 7px 0 ;
	text-align: center;
	color: white;
	background: red;
	display:block;
	float: left;
	width: 245px;
	margin-right: 0px;
}

a.about_link:hover, a.about_link_last:hover {
	text-decoration: none;
	background-color: black;
}

/* ----- DESIGN DETAILS ----- */
#design-full{ width:415px; height:500px; overflow:hidden; }
#design-details{ float:right; width:245px; margin-right: 85px; }
#design-icons ul {margin-top:10px;margin-left: -10px;}
#design-icons ul li{float:left; margin-left:10px;}
#design-details h1 { margin: 0;}
#design-details a.add { display:block; 
												text-decoration: none; 
												width:235px; 
												margin: 15px 0;
												padding: .5em 5px; 
												color:white; 
												background: red; 
												font-weight: normal; 
												font-size: 1em;
												text-transform:uppercase;
												}

#design-details a.add:hover { background: #000;}

span.mark_sold { display:block; width:235px; 
margin: 15px 0;
padding: .5em 5px; background: red; color:white; text-transform: uppercase; font-weight: bold;}
span.mark_printed { display:block; width:235px; 
margin: 15px 0;
padding: .5em 5px; background: #555; color:white; text-transform: uppercase; font-weight: bold;}

/* ----- ARTIST LIST ----- */
ul.artist { position:relative; left:-10px; width:765px; }
ul.artist li{ width:245px; height:75px; float:left; margin: 10px 0 10px 10px; }
ul.artist img{ float:left; margin-right:10px; }
ul.artist li p{ line-height:1em; font-size:1.1em; margin-bottom:0; font-weight: bold; position: relative; top: 50px; overflow: hidden; }
ul.artist li p.number {font-size:.9em; overflow: visible;}
ul.artist .no-design { height:65px; width:65px; float:left; margin-right:10px; display:inline; background: #ccc; color: white; font-weight: bold; padding:5px;}


ul.admin-designs { position:relative; left:-10px; width:765px; }
ul.admin-designs li{ width:245px; height:75px; float:left; margin: 10px 0 10px 10px; }
ul.admin-designs img{ float:left; margin-right:10px; }
ul.admin-designs li p{ line-height:1em; font-size:1.1em; margin-bottom:0; font-weight: bold; position: relative; top:63px; overflow: hidden; }
ul.admin-designs li p.number {font-size:.9em; overflow: visible;}
ul.admin-designs .no-design { height:75px; width:75px; float:left; margin-right:10px; display:inline; background: #ccc;}


/*-------DESIGN FORM----------*/

.design-form li { margin: 10px 0; }




/* ----- NEWS POSTS ----- */

li.newspost {line-height:1em; font-size:.9em; margin: 20px 0; font-weight: bold;}
li.newspost img {margin: 10px 10px 7px 0;}

/* ----- CART ----- */

#empty_cart { font-size: 2em;color: #ccc;text-align: center;margin: 1em 0;}
#cart, #cart_top, #cart_bottom { font-weight: bold; }
#cart, #cart_bottom { text-transform: uppercase; 	}

#cart_top hr {height: 2px; color: red; background: red; margin: 10px 0; }

#cart li { display:block;}
span.one {width:90px; display:block; float: left; }
span.two {width: 225px; display:block; float: left;  height: 12px; margin-top: 63px; }
span.three {width:90px; margin-right: 10px; display:block; float: left; text-align: right; height: 12px; margin-top: 63px;}

#cart_top span.two, #cart_bottom span.two {margin-left: 90px;}
#cart_top span, #cart_bottom span { margin-top: 0;}

#cart_bottom { color: white; background: red; margin-top: -10px;}
#cart_bottom span {padding:5px 0px;}
#checkout a { float: left; color: white; width: 245px; padding:5px 0px; display:block; border-left: 10px solid white; border-right: 10px solid white; text-align: center;}
#checkout a:hover {text-decoration: none; background: black;}


/* ----- ADMIN ----- */
/*#nav-admin ul { margin-top: -20px; }*/
/*#admin-nav ul li a{text-transform:uppercase; width:140px; display:block; background:red; font-weight:bold; color:#fff; font-size:24px; margin-bottom:20px; padding:10px; text-align:center;}
#admin-nav ul li a:hover{background:#000; text-decoration:none; color:#fffa;}*/
a.plus-link{text-transform:uppercase; margin-bottom:10px; background:red; padding:5px; width:200px; display:block; color:#fff; font-weight:bold;}
a.plus-link:hover{color:#fff; background:#000; text-decoration:none;}

#admin-items ul li{ width:191px; float:left; margin: 10px 0;}


/*--------------- DESIGN FORMS  --------*/

#new_design, .edit_design {
/*	background-color: lightyellow;*/
	padding: 0px;
}

#new_design label, .edit_design label {
	margin: 3px;
}

#new_design #design_title, .edit_design #design_title {
	font-size: 20px;
	width: 100%;
}

#new_design #design_description, .edit_design #design_description {
	height: 5em;
	width: 100%;
}

#new_design .price, #new_design .artist, .edit_design .price, .edit_design .artist {
	width:50%;
	display: block;
	float: left;
}

#design_price {
	width: 70px;
	text-align: right;
}

#design_promote_url {
	width: 350px;
}

#new_design #status, .edit_design #status {
clear:both;
padding: 10px 0;
}

 
#new_design #status label, #new_design .price label, #new_design .artist label, #new_design #files label, #new_design #status li,
.edit_design #status label, .edit_design .price label, .edit_design .artist label, .edit_design #files label, .edit_design #status li, .published_at label {
	display: inline;
}

#new_design #status li, .edit_design #status li  {
	margin-right: 33px;
}

#files{
	margin: 10px 0 20px;
	clear: both;
}

#new_design #files li, .edit_design #files li {
	width: 100%;
	display: block;
}

.artist_help {
	margin: .5em;
	font-size: .8em;
	font-weight: normal;
}

#d {
	clear: both;
}

/*--------------CHECKOUT FORM------------*/


#buyers_details {
	width: 50%;
	float:left;
}

#credit_card {
	width: 50%;
	float:right;
}

#form_wrap table{
	margin: 23px 0 ;
}

table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 5px 3px;
}

tr {
	border-bottom: thin solid #ccc;
}

tr.no_line {
	border-bottom: none;
}

td {
	padding:5px;
	font-weight: bold;
	}

td.total{
	border-top: thin solid black;
}

.right_align {
	text-align: right;
}

.center {
	text-align:center;
}

ul.form li {
	margin: 5px 0;
}

ul.form li.no_label {
	margin-top: 2em ;
}

#form_wrap input[type=text] {
	width: 80%;
}

.fieldWithErrors{
	display: inline;
}

.fine {
	margin-top: 1em;
	font-size: .8em;
	font-weight: normal;
	width: 80%;
}

/* ----- SALES ----- */

div.sale .left { width: 300px; margin-right: 50px;}

/* ----- PUBLISH ----- */

#publishlist li { width:191px; float:left; margin: 10px 0;}

/*----- ERRORS--------*/

#errorExplanation, #sold_designs{
	padding: 10px;
	border: thin solid red;
	margin-bottom: 23px;
}

#errorExplanation h2, #sold_designs h2 {
	line-height:1.2em; font-size:1.2em; margin-bottom:.5em; font-weight: bold; color: red;
}

#errorExplanation li, #sold_designs li {
	margin-left: 23px;
	margin-bottom:.3em;
}

/* ---------- CLEARFIX ---------- */

.clearfix:after{ content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden; }
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */