/* Utilities */
.hidden { display: none; }
.visible { display: block; }
.clearfix:after { content: "."; display: block; height: 0;clear: both; visibility: hidden; }

/*----- Structure ----------*/
h1 { margin-top: 4px; margin-bottom: 10px; }
h2 { margin-bottom: 15px; }
p { margin-bottom: 1em; }
ul { margin-bottom: 2em; }
form { margin-top: 1.2em; margin-bottom: 1.2em; }
label { display: block; }
.radio-group label {display: inline; }

#container { position: relative; }

/* Header */
#header { width: 690px; height: 180px; }
#header form { margin-left: 60px; padding-top: 15px; }
#header form label, #header form input { width: 100%; display: block; }
#header form p, #header form button { float: left; margin-left: 10px;  width: 100px; }
#header form button { margin-top: 14px; }
#header #register-link { margin-top: 14px; }

/* Content */
.store-info { float: left; width: 140px; margin-right: 15px; }
#content { margin-left: 140px; width: 530px; padding: 0 0 15px 15px; min-height: 400px; }
#cover-image { float: left; margin-right: 15px; width: 190px; height: 290px; }
#add-review-form { clear: both; }

/* Navigation */
#navigation { position: absolute; top: 180px; left: 10px; width: 130px; }
#navigation li { width: 100%;}
#navigation a { display: block; padding: 10px; margin-bottom: 4px; }

/* Sidebar */
#sidebar { position: absolute; top: 15px; left:777px; width:250px;}

/* Footer */
#footer { padding: 15px 130px 15px; width:773px;}

/* Homepage */
#latest-reviews { clear: both; }

/* Store pages */
#store-page #store-image { width: 485px; margin: 0 auto 15px auto; }
#photo-tour li { display: inline; }
#photo-tour .thumb { width: 60px; margin-right: 7px; }
#contact-info { background-color: #ebf2d3; padding: 10px; }
#mini-contact { float: left; width: 220px; margin-top: 0; }
#mini-contact label { display: block; }
#contact-info .adr { float: left; width: 220px; }
#store-map { width: 220px; height: 200px; margin-top: 20px}


/*------ Typography ---------*/
body { font: 13px/18px heveltica, sans-serif; }
em { font-style: italic; }
strong { font-weight: bold; }

/* Header */
#header form { font-size: .8em; }

/* Content */
h1 { font-size: 1.6em; font-weight: bold;  }
h2 { font-size: 1.3em; font-weight: bold; }
h3 { font-weight: bold; }
.error { padding: 10px; color: #900; border: 1px solid #900; margin-bottom: 15px; }

/* Navigation */
#navigation { font-size: 1.5em; }

/* Sidebar */
#sidebar h2 { font-size: 1.5em; text-transform: uppercase; }


/*--------- Colors, Borders, Backgrounds -----------*/
body { color: #666; }
a { color:#8db811; }
#container { background: transparent url(/images/sidebar_background.jpg) repeat-y 690px 10px; }

/* Header */
#header { background: transparent url(/images/header.jpg) no-repeat 15px 0;}

/* Content */
#content { border-left: 1px solid #ccc; }

/* Navigation */
#navigation a { background-color: #ccc; color: #666; text-decoration: none; }
#navigation a:hover, #navigation a:active { background-color: #8db811; color: #fff; }

/* Footer */
#footer { background-color: #999898; color: #f5f5f5; }
#footer a:link, #footer a:visited { color: #f5f5f5; }
#footer a:hover, #footer a:active { color: #000; }

/* Book pages */
ul#artists { margin-top: 10px; }