body {margin: 0; background: #fff; color: #000; font: 12px/16px helvetica, arial, verdana, sans-serif; text-align: center;}
h1, h2, h3, h4, h5, h6 {margin: -3px 0 6px 0; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: bold;}
p {margin: 0 0 8px 0;}
img {border: 0;}
form {display: inline;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
td {padding: 0; line-height: 16px;}
ul, li {margin: 0; padding: 0; list-style-type: none; line-height: 16px;}
label {margin: 0; line-height: 22px; text-transform: uppercase; text-align: right;}
input, select, textarea {margin: 0; text-indent: 3px; padding: 4px 0 3px 0; font-size: 12px; line-height: normal; font-family: helvetica, arial, verdana, sans-serif;}
input.text, input.password, select.text {max-height: 22px; background: #ccc; border: 1px solid #bbb; vertical-align: top;}
select.text {font-size: 11px; padding: 3px 3px 2px 3px; text-indent: 0;}
textarea {background: #ccc; border: 1px solid #bbb;}
a {color: #000;}
a:hover {color: #b74848;}
acronym {border-bottom: 1px dotted #000;}

/* Hover colors for default links */
.shop a:hover {color: #80becf;}
.blog a:hover {color: #82ae80;}
.agency a:hover {color: #80becf;}
.trailerpark a:hover {color: #3c7583;}
.dear_god a:hover {color: #b7b7b7;}
.about a:hover {color: #000;}

/* Buttons */
button, a.button {padding: 0 8px 0 8px; margin: 0 10px 0 0; height: 22px; background: #333; color: #fff; cursor: pointer; border: 0; text-transform: uppercase; text-decoration: none; font: bold 11px/23px helvetica, arial, verdana, sans-serif; float: left;}
button:hover, a.button:hover {color: #fff; text-decoration: underline;}
div.cancel {float: left; height: 22px; line-height: 22px; margin-left: -5px;}

/* Page wrap */
#page {width: 910px; margin: auto; text-align: left; min-height: 1%; overflow: hidden;}
#body {width: 890px; margin: 0 10px; z-index: 9;}
#content {padding-bottom: 0; min-height: 1%; overflow: hidden;}

/* Global ArtRebels header */
#artrebels_header {position: relative; width: 890px; margin: 0 10px; border-bottom: 2px solid #ccc;}
#artrebels_nav {width: 804px; height: 72px; position: absolute; top: 0; right: 0; margin-right: -10px;}
#artrebels_nav li {float: left; padding: 10px;}
#artrebels_logo {padding: 14px 0 13px 5px;}
#artrebels_logo a {width: 69px; height: 91px; background: url(../images/header/logo_artrebels.png) no-repeat; text-indent: -5000px; display: block;}
#artrebels_social_nav {height: 22px; position: absolute; bottom: 10px; right: 0px;}
#artrebels_social_nav li {float: left; padding-left: 5px;}
#artrebels_social_nav li.facebook {padding-left: 15px;}
#artrebels_social_nav a {font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#artrebels_social_nav .icon a {background: #333; background-repeat: no-repeat; text-indent: -5000px; display: block; width: 22px; height: 22px; overflow: hidden;}
#artrebels_social_nav .facebook a {background-image: url(../images/header/ic_facebook.png);}
#artrebels_social_nav .twitter a {background-image: url(../images/header/ic_twitter.png);}
#artrebels_social_nav .myspace a {background-image: url(../images/header/ic_myspace.png);}
#artrebels_social_nav .text {line-height: 24px; margin-right: -5px;}

/* Site header */
#header {padding: 10px; margin-bottom: 10px; min-height: 1%; overflow: hidden;}
#header li {font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: bold; float: left;}
#header a {padding: 6px 8px 5px 8px; text-decoration: none; display: block;}
#header a:hover {text-decoration: underline;}
#nav {float: left; padding-bottom: 10px;}
#nav ul {min-height: 1%; overflow: hidden;}
#nav a {color: #000;}
#nav a:hover {text-decoration: none;}
#nav .sel a, #nav .current_page_item a, #nav .current_page_parent a, #nav .current-cat a {background: #ce524e; color: #fff; margin-right: 8px; margin-left: 8px;}
#nav .home a, #nav .profile a {margin-left: 0; padding-left: 0;}
#nav .home.sel a, #nav .profile.current_page_item a, #nav .profile.current_page_parent a, #nav .profile.current-cat a {padding-left: 8px;}
#misc_nav {float: right; padding-bottom: 10px;}
#misc_nav a {background: #333; color: #fff; margin-left: 5px;}
#misc_nav .text a {background: none; color: #000; padding-left: 0; padding-right: 0; margin-right: 8px;}
#sub_nav {z-index: 10; margin: 0 0 10px 0; width: 600px; height: 23px; float: left; clear: left;}
#sub_nav a.name {color: #fff; padding-left: 20px; margin-right: 5px; background: #ce524e url(../images/header/ic_arrow_d.png) 6px 7px no-repeat;}
#sub_nav li.sel a.name  {border-bottom: 1px solid #ce524e;}
#search_nav {padding: 10px 0 10px 0; float: right;}
#search_nav input.text {float: left; background: none; width: 180px;}
#search_nav button {margin: 0 0 0 5px;}
/*#back_to_search {width: 890px; padding: 10px 0 10px 0; margin-bottom: 10px; border-bottom: 2px solid #ccc; clear: both; min-height: 1%; overflow: hidden;}*/
#back_to_search {width: 890px; padding: 0 0 0 0; clear: both; min-height: 1%; overflow: hidden;}
#back_to_search a {padding: 0 8px 0 20px;  background: #333 url(../images/header/ic_arrow_l.png) 8px 7px no-repeat;}

/* Can be in both global or site header */
li.cart {font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: bold;}
li.cart a, #misc_nav li.cart a {padding: 6px 8px 5px 28px; color: #fff; background: #f7931e url(../images/header/ic_cart.png) 8px 3px no-repeat; text-decoration: none; display: block;}
li.cart a:hover, #misc_nav li.cart a:hover, #artrebels_social_nav li.cart a:hover {text-decoration: underline; color: #fff;}
li.cart a span {text-transform: none; font-weight: normal;}

/* Hover colors for navigation */
.shop #nav a:hover {color: #80becf;}
.blog #nav a:hover {color: #82ae80;}
.agency #nav a:hover {color: #ce524e;}
.trailerpark #nav a:hover {color: #3c7583;}
.dear_god #nav a:hover {color: #b7b7b7;}
.about #nav a:hover {color: #000;}

/* Hover colors for selected navigation */
.shop #nav .sel a, .shop #nav .current_page_item a, .shop #nav .current_page_parent a, .shop #nav .current-cat a {background: #80becf; color: #fff;}
.blog #nav .sel a, .blog #nav .current_page_item a, .blog #nav .current_page_parent a, .blog #nav .current-cat a {background: #8ac289; color: #fff;}
.agency #nav .sel a, .agency #nav .current_page_item a, .agency #nav .current_page_parent a, .agency #nav .current-cat a {background: #ce524e; color: #fff;}
.trailerpark #nav .sel a, .trailerpark #nav .current_page_item a, .trailerpark #nav .current_page_parent a, .trailerpark #nav .current-cat a {background: #427d8b; color: #fff;}
.dear_god #nav .sel a, .dear_god #nav .current_page_item a, .dear_god #nav .current_page_parent a, .dear_god #nav .current-cat a {background: #cccccc; color: #fff;}
.about #nav .sel a, .about #nav .current_page_item a, .about #nav .current_page_parent a, .about #nav .current-cat a {background: #000; color: #fff;}

/* Hover colors for sub navigation */
.shop #sub_nav a.name {background-color: #80becf;}
.shop #sub_nav li.sel a.name {border-bottom: 1px solid #80becf;}
.blog #sub_nav a.name {background-color: #8ac289;}
.blog #sub_nav li.sel a.name  {border-bottom: 1px solid #8ac289;}
.agency #sub_nav a.name {background-color: #ce524e;}
.agency #sub_nav li.sel a.name  {border-bottom: 1px solid #ce524e;}
.trailerpark #sub_nav a.name {background-color: #427d8b;}
.trailerpark #sub_nav li.sel a.name  {border-bottom: 1px solid #427d8b;}
.dear_god #sub_nav a.name {background-color: #cccccc;}
.dear_god #sub_nav li.sel a.name  {border-bottom: 1px solid #cccccc;}
.about #sub_nav a.name {background-color: #000;}
.about #sub_nav li.sel a.name  {border-bottom: 1px solid #000;}

/* Site footer */
#footer {padding: 9px 0 10px 0; margin: 0 10px; font-size: 11px; border-top: 2px solid #ccc; min-height: 1%; overflow: hidden;}
#footer li {float: left; padding-right: 5px;}
#footer li, #footer a {color: #999;}
#footer a:hover {color: #b74848;}

/* Hover colors for footer */
.shop #footer a:hover {color: #80becf;}
.blog #footer a:hover {color: #82ae80;}
.agency #footer a:hover {color: #ce524e;}
.trailerpark #footer a:hover {color: #3c7583;}
.dear_god #footer a:hover {color: #b7b7b7;}
.about #footer a:hover {color: #000;}

/* Mixed classes */
.pane {min-height: 1%; overflow: hidden;}