html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	line-height: 1;
	d: white;
	font-size: 62.5%;
  color: #6f6f63;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*** Structure  ***/

#wrapper{
	width: 980px;
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
	padding-right: 0px;
}

#wrapper.new{
  position:static;
}

#sidebar{
  position: fixed;
  top: 160px;
  width: 200px;
}

/*** Typography ***/

h1{
  font-size: 5.6em;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
h1 a{
  color:#6f6f63;
  text-decoration:none;
  text-transform: capitalize;
}

p#tag{
  font-size: 2.25em;
  text-align: center;
  margin: 0 0 40px 0;
  color: #939393;
}

/*** Sandwich ***/

#sandwich{
  margin: 0 auto;
  padding-bottom:20px;
}
#sandwich p.bread{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 4.8em;
  font-weight: bold;
  line-height: 1em;
  text-transform: uppercase;
  background-color:#c3986b;
  color: #fff;
  max-height: 60px;
  padding: 5px;
  width: 540px;
  margin: 0 auto;
  margin-bottom: 3px;
  margin-top: 3px;
  clear:both;
}
#sandwich p.bread.top{
  background:#c3986b url(/images/bread.jpg) no-repeat 0 0;
}
#sandwich ul#ingredients{
  width:525px;
  margin:0 auto;
}
#sandwich ul#ingredients li{
  width: 525px;
}
#sandwich ul#ingredients li,
div.layer{
  height:50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 2px;
  color: #fff;
  background-color: #ec9199;
}
div#live-preview{
  width: 750px;
}
div#live-preview p.meta{
  text-transform: none;
  font-size: 1.2em;
  position:absolute;
  bottom:2px;
}
div.layer{
  width: 525px;
  margin-bottom:2em;
  position:relative;
}
#sandwich ul#ingredients a:hover,
div.layer a:hover{
  text-decoration: underline;
}
#sandwich ul#ingredients li a.filling,
div.layer p{
  padding:0 5px;
  font-size: 3.6em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
#sandwich ul#ingredients li a{
  text-decoration: none;
}
#sandwich ul#ingredients li p{
  padding:0 5px;
  font-size:1.2em;
}
body.error #sandwich ul#ingredients li{
  font-size:1.75em;
  width:515px;
  padding:10px 5px;
}
body#error404.error #sandwich ul#ingredients li{
  background:#fff;
  border:2px dashed #6f6f63;
  color:#6f6f63;
  margin-top:3px;
  margin-bottom:5px;
}
body.error #sandwich ul#ingredients li a{
  font-size:1em;
  display:inline;
  padding:0;
  text-transform:none;
  color:#6f6f63;
}
#sandwich ul#ingredients li#loading,
#sandwich ul#ingredients li#mouse,
#sandwich ul#ingredients li#error{
  background:#6f6f63 url(/images/ajaxloader.gif) no-repeat 15px 15px;
  color:#fff;
  font-size:3.6em;
  padding: 5px;
  width: 515px;
  height:auto;
  text-transform:uppercase;
}

#sandwich ul#ingredients li#loading,
#sandwich ul#ingredients li#mouse{
  padding-left:40px;
  width:480px;
}

#sandwich ul#ingredients li#mouse{
  font-size:2em;
}

#sandwich ul#ingredients li#error{
  background:#c00;
  color:#fff;
  font-size:2.4em;
}

/*** Sidebar ***/

#sidebar p{
  font-size: 1.25em;
  margin-bottom: 2px;
  float: left;
  clear: both;
  width:100%;
}
#sidebar div{
  padding: 0 0 0 10px;
}
#sidebar div#tall-as{
  float: left;
  margin-bottom: 1em;
}
#sidebar div#tall-as p{
  line-height: 1.25em;
}
#sidebar div#tall-as img{
  float: left;
  clear: both;
}
#sidebar div#tall-as p.item{
  font-size: 2.6em;
  margin-bottom: 0;
}
#sidebar div#tall-as p#next-item{
  color: #6f6f63;
  width: 180px;
}
#sidebar p a {
  text-transform: none;
  color: #6f6f63;
}
#sidebar p.muchlove, p.noplacelikeit {
  margin: 1em 0;
}

p.add a{
font-size: 1.25em;
  display: block;
  float: left;
  clear: both;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  background-color: #6f6f63;
  color: #fff;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  margin-top: 1em;
  margin-bottom: 2px;
}
#sidebar p#share a{
  background-color: #939490;
}

/*** Pagination ***/

div.paginated{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  background-color: #6f6f63;
  margin:20px auto;
  font-size:1.4em;
  overflow:hidden;
  width:350px;
  text-align:center;
}

div.paginated ul,
div.paginated ul li{
  display:inline;
}
div.paginated ul{
/*  float:left;*/
}
div.paginated ul li{

}
div.paginated a,
div.paginated span,
div.paginated li.current_page{
/*  display:block;
  float:left;*/
  color:#fff;
  margin-right:10px;
}

/*** Question of the day ***/

div.qotd {
  float:left;
  font-size:1.3em;
  left:800px;
  top:115px;
  margin-bottom:1em;
  position:absolute;
  width:165px;
}
div.qotd p strong{
  display:block;
  color:#333;
  line-height:1.3;
  font-size:1.2em;
}

/*** Add Layer Page CSS (forms, essentially) ***/

div#add-layer,
div#login{
  width: 550px;
  margin: 0 auto;
  padding-bottom: 10px;
}
div#add-layer h2,
div#login h2{
  font-size: 3.6em;
  margin-bottom: 20px;
}
div#login div.error{
  margin-bottom:2em;
}
div#add-layer h3{
  font-size: 2.4em;
  margin-bottom: 14px;
}
form{
  margin-bottom:30px;
}
form fieldset.filling{
  margin-top:2em;
}
form fieldset ol li{
  padding-bottom: 2em;
  clear:both;
  float:left;
  width:100%;
}
form fieldset ol li input,
form fieldset ol li select{
  display: block;
  border: 1px solid #6f6f63;
  font-size:1.4em;
  float:left;
}
form fieldset ol li input.error{
  border:3px solid #D12F19;
}
form fieldset ol li.age {
  float: left;
}
form fieldset ol li.age select{
  float: left;
  margin-right: 5px;
}
form fieldset ol li label{
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
  width:220px;
  float:left;
}
form fieldset ol li label em{
  color:#999;
  font-size:0.75em;
  font-style:italic;
}
form div.submit input.add{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 3.6em;
  margin-top: 10px;
  clear: both;
  border: none;
  color: #fff;
  background-color: #0f75bc;
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	cursor:pointer;
	padding-bottom:3px;
}
form fieldset ol li.color a.picker{
  display:block;
  float:left;
  width:100px;
  height:50px;
  border:4px solid #6f6f63;
  text-indent:-9999px;
}
form fieldset ol li p{
  float:left;
  margin:10px 0 1em 220px;
  font-size:1.4em;
}
form fieldset ol li p.not-user{
  float:none;
  clear:left;
  padding-top:10px;
}

form fieldset ol li p.character-count{
  margin:3px 0 0 10px;
  color:#999;
}
form fieldset ol li p a{
  color:#0f75bc;
  text-decoration:none;
}
form fieldset ol li p a:hover{
  text-decoration:underline;
}

form div.error{
  color:#d12f19;
}
form div.error h2{
  font-size:1.6em;
}
form div.error li {
  font-size:1.4em;
  margin-bottom:6px;
}
form span.error{
  display:block;
  margin:10px 0 0 220px;
  color:#d12f19;
  font-size:1.4em;
  float:left;
  clear:left;
}
form li.age span.error{
  float:left;
}

/*** New Color Picker ***/
#text a{
}
#background a{
}
#background-link{}
#text-link{}