body { text-align: center; font-family: Arial, Helvetica, sans-serif; background: #818286; }
#doc { text-align: left; width: 600px; margin: 0 auto; }

a { color: white; text-decoration: underline; }
h2 a { text-decoration: none !important; }
.clear { clear: both; }

h2 { margin: 0 0 1em 0; font-weight: normal; font-size: 112%; }
h3 { font-size: 13px; font-weight: bold; margin-bottom: .5em; }
p { font-size: 12px; }

#header { height: 130px; margin-bottom: 30px; text-align: center; background: transparent url(img/shadow.png) no-repeat center bottom; } * html #header { padding-bottom: 40px; }
#header h1 a { display: block; margin: 55px auto 0 auto; width: 312px; height: 40px; background: transparent url(img/logo.png); }
#header h1 span { display: none; }

ul#nav { margin: 10px auto 30px auto; width: 355px; }
ul#nav li, ul#subnav li { display: inline; list-style:none; }
ul#nav li a, ul#subnav li a { display: block; float: left; height: 40px; background-repeat: no-repeat; }
ul#nav li a span, ul#subnav li a span { display: none; }

#forsida a 		{ width: 65px; background-image: url(img/nav_a_forsida.png); }
#syningar a 	{ width: 76px; background-image: url(img/nav_a_syningar.png); }
#listamenn a 	{ width: 82px; background-image: url(img/nav_a_listamenn.png); }
#um a 		{ width: 132px; background-image: url(img/nav_a_um.png); }

.forsida #forsida a, #forsida a:hover, 
.syningar #syningar a, #syningar a:hover, 
.listamenn #listamenn a, #listamenn a:hover, 
.um #um a, #um a:hover { background-position: 0 -40px; }

ul#subnav { margin: 0 auto; width: 367px; }
ul#subnav li a { height: 31px; }

#past a 		{ width: 121px; background-image: url(img/subnav_a_past.png); }
#present a 		{ width: 80px; background-image: url(img/subnav_a_present.png); }
#future a 		{ width: 166px; background-image: url(img/subnav_a_future.png); }

.past #past a, #past a:hover, 
.future #future a, #future a:hover, 
.present #present a, #present a:hover { background-position: 0 -31px; }

#body { color: #f0f0f0; margin: 0 50px; }
#body p { font-height: 1.4em; }

.seperator { background: transparent url(img/shadow.png) no-repeat center 15px; height: 50px; }

#frontpage { text-align: center; }
#frontpage p { line-height: 1.4em; margin: 0 0 1.5em 0; }
#frontpage .portfolio img { float: none; margin: 0 !important; }
#frontpage .portfolio { text-align: center; }

#about p { line-height: 1.4em; margin: 0 0 1.5em 0; }

img { background: #faf8f4; padding: 4px; }

ol#event_list { margin: 40px 0 0 0; }
ol#event_list li { margin: 0 0 30px 0; }
ol#event_list h2 { margin: 0; text-transform: uppercase; font-size: 12px; font-weight: bold; }
ol#event_list h2 span.date { text-transform: none; display: block; font-size: 11px; line-height: 2em; }
ol#event_list h2 span.date span { color: #e0e0e0; }
ol#event_list h3 { font-weight: normal; margin: 0 0 5px 0; }
ol#event_list h3 span { font-weight: bold; }
ol#event_list p { margin: 0 100px 25px 0; }
ol#event_list p span.total { display: block; font-weight: bold; line-height: 20px; }
ol#event_list .portfolio { margin: 15px 0 0 0; font-size: 11px; }
ol#event_list .portfolio img { float: left; margin: 0 10px 0 0; }
ol#event_list .portfolio p { margin: 4px 0; }
ol#event_list .attachment { margin: 10px 0; font-size: 11px; padding-top: 10px; border-top: 1px solid #ccc; }
ol#event_list .attachment a { display: block; margin: 5px 0 0 10px; }
ol#event_list ul.work { margin: 20px 0 50px 0; }
ol#event_list ul.work li { margin: 0 0 17px 0; }
ol#event_list ul.work li h4 { margin: 0 0 10px 0; font-size: 11px; }
ol#event_list ul.work li img { float: left; margin: 0 15px 0 0; }
ol#event_list ul.work li p.description { margin: 4px 0; font-size: 12px; margin: 10px 0 0 0; }

ul#artist_list { margin: 40px 0 0 0; }
ul#artist_list li { margin-bottom: 2em; }
ul#artist_list li img { margin-right: 15px; float: left; }

#form { margin: 0 20px; }
#form p { padding: 0 0 5px 0; }
#form p label { font-size: 92%; padding: 10px 0 4px 0; display: block; }
#form input[type=text] { width: 240px; }
#form textarea { width: 300px; }
#form .errorlist li { color: #ff9079; font-size: 92%; }

#footer { color: white; font-size: 85%; text-align: center; margin: 20px 0; padding-top: 15px; line-height: 20px; }
#footer h1 { background: url(img/minilogo.png) no-repeat; width: 140px; height: 16px; margin: 0 auto; }
#footer h1 span { display: none; }

#bookmark_list h2 { margin: 0; }
#bookmark_list li { margin: 0 0 1em 0; }