body { background: #a8a8a8 url(Images/body_bg.gif) repeat-x; font-family: georgia, serif; }

strong { font-weight: bold; }
em { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.red { color: red; }
.small { font-size: 77%; } .medium { font-size: 100%; } .large { font-size: 122%; }
.caption { font-size: 77%; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }

/* a links */
#body a:link { color: #0c517c; text-decoration: underline; }
#body a:visited { color: #0c517c; text-decoration: underline; }
#body a:hover { color: #2a678c; text-decoration: none; }
#body a:active { color: #2a678c; text-decoration: none; }

#header { height: 130px; }
#header h1 { position: absolute; background: url(Images/h1.gif) no-repeat; width: 269px; height: 68px; top: 0px; left: 30px; } #header h1 span { display: none; }
/* navigation */
#header ul#nav { position: absolute; top: 96px; padding: 6px 0 9px 20px; width: 700px; background: url(Images/nav_ul_bg.gif) repeat-x; }
#header ul#nav li { float: left; }
#header ul#nav li a { font-size: 85%; padding: 4px 13px 4px 13px; border-right: 1px solid #ccc; color: #444; }
#header ul#nav li a:hover, #header ul li.selected a { color: #666; text-decoration: none; }

/* toolbar */
#header #toolbar { position: absolute; top: 24px; margin-left: 520px; font-family: arial,helvetica,clean,sans-serif; }
		#toolbar td { vertical-align: top; }
		#toolbar a { color: #666; white-space: nowrap; }
        #toolbar input.text { width: 100px; margin-right: 6px; }
        #toolbar input.submit { border: 0; }
        #toolbar ul { margin-bottom: 10px; font-size: 107%; }
        #toolbar ul li { display: inline; margin-right: 10px; }
        #toolbar ul li a {  }

/* footer - note the right padding accounting for extra body width (to accommodate ie wrapping bug) */
#footer { clear: both; background: url(Images/footer_bg.gif) no-repeat; }
#footer p { padding: 13px; text-align: center; font-size: 85%; font-weight: bold; color: white; margin-bottom: 1em; }
#footer p a { color: white; }

/* custom blocks --------------------------------------- */

#colOne, #colTwo { background: white; }

/* colOne blocks */

#colOne .block { padding: 20px; }

#colOne h2 { margin: 8px; padding: 10px; background: #0c517c; }
#colOne h3 { color: #0c517c; font-size: 136%; } 

#colOne .content { background: url(Images/content_bg.gif) no-repeat; }

#colOne #front .entry { margin: 0 0 1.5em 0; } 
#colOne #front h4 { color: #9e9e9e; font-size: 85%; } 
#colOne #front p, #colOne #front .body { margin: 0.8em 0; /*text-align: justify;*/ line-height: 155%; font-size: 95%; } 
#colOne #front img { float: right; margin-left: 0.5em; } 
#colOne #front p.footer { padding: 4px 0 5px; border: 1px dashed #ccc; border-width: 1px 0; font-size: 85%; font-style: italic; font-weight: normal; }
#colOne #front p.footer a { font-style: normal; font-weight: bold; } 
#colOne #front .comment { margin: 7px 0; border-bottom: 1px dotted #777; padding-bottom: 10px; }
#colOne #front .comment h4 { font-size: 15px; letter-spacing: -1px; margin-bottom: 5px; }
#colOne #front .comment h4.admin, .comment h4.admin a { color: #e74000; }
#colOne #front .comment h4 a { color: #000; }
#colOne #front .comment h4 a:hover { background: none; text-decoration: none; }
#colOne #front .comment h4 span { font-size: 13px; font-weight: normal; color: #ccc; padding-right: 5px; letter-spacing: 0; }
#colOne #front .comment div.p { font-size: 13px; line-height: 15px; }
			
#colOne #front .postForm { background: #f0f0f0; border: 1px solid #e0e0e0; border-bottom-width: 3px; padding: 10px; }
#colOne #front .postForm span.footnote { color: #888; }
#colOne #front .postForm label { display: block; width: 70px; float: left; text-transform: uppercase; color: #777; font-weight: bold; font-size: 12px; }
#colOne #front .postForm label span { color: red; }
#colOne #front .postForm input { margin-bottom: 10px; width: 180px; padding: 1px; }
#colOne #front .postForm textarea { width: 350px; height: 130px; padding: 1px; font: 12px arial, verdana, sans-serif; }
#colOne #front .postForm input.submit { width: 220px; margin-top: 10px; font-weight: bold; }

#pages h4 { font-size: 122%; margin: 0.5em 0; }
#pages table { width: 400px; }
#pages table tr.alt { background: #f0f0f0; }
#pages table td, #pages table th { padding: 5px; font-size: 92%; vertical-align: top; }
#pages table td p, #pages table td.desc { font: 85% arial, verdana, sans-serif; }
#pages table th { font-weight: bold; font-size: 85%; background: #0c517c; color: white; }
#pages table .button { text-align: right; text-transform: uppercase; font-weight: bold; white-space: nowrap; }

#works li { margin-bottom: 0.5em; }
#works p { font: 85% arial, verdana, sans-serif; margin: 0.5em 0 0 20px; }

#sresults li { margin-bottom: 0.3em; font-weight: bold; }
#sresults li span { font: 85% arial, sans-serif; font-weight: normal; }

/* colTwo blocks */

#colTwo .block { padding: 5px 0; margin-right: 10px; }
#colTwo .block div { padding: 0 10px; }
#colTwo .block div h4 { margin-bottom: 0.5em; font-size: 92%; }
#colTwo .block div p { font-size: 85%; line-height: 152%; }
#colTwo .block div p.footer { margin-top: 1em; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 92%; }

#colTwo #portrait { background: url(Images/portrait.jpg) no-repeat; height: 108px; margin-top: -1px; }

#colTwo #namskeid div { padding: 20px 10px; background: #f5f5f5 url(Images/block_bg1.gif) no-repeat; }

#colTwo #fyrirlestrar div { padding: 20px 10px; background: url(Images/block_bg2.gif) 10px 0 no-repeat; }
        #fyrirlestrar ul { font-size: 85%; }
        #fyrirlestrar ul li { border-bottom: 1px dashed #ccc; padding-left: 10px; }
        #fyrirlestrar ul li.last { border-bottom: 0; }
        #fyrirlestrar ul li a { display: block; margin: 5px; }
        #colTwo #fyrirlestrar #h3_fyrirlestrar img{ width: 176px; }

#colTwo #postlisti div { padding: 20px 10px; background: #f5f5f5 url(Images/block_bg1.gif) 10px 0 no-repeat; }
#colTwo #postlisti p { margin-bottom: 1em; }
#colTwo #postlisti td { vertical-align: middle; }
#colTwo #postlisti input.text { font-size: 10pt; }
#colTwo #postlisti input.submit { margin-left: 10px; }


/* -------------------------------- custom blocks end */

#label { text-align: right; }

#contact { font-size: 92%; }
#contact input.text { width: 241px; font: 10pt georgia, serif; padding: 3px; }
#contact input.submit { width: 46px; margin-left: 204px; margin-top: .5em; font-weight: bold; padding: 3px; }
#contact textarea { width: 241px; margin-top: 1em; height: 9.5em; padding: 3px; }

#published{ padding: 10px 0 0 0; }
#published .item{ margin: 0 0 10px 0; }
#published .item .text{ width: 70%; float: left; }
#published .item .text span{ font-size: 80%; color: gray; font-style: italic; }
#published .item .text p{ margin: 5px 0 0 0; font-size: 80%; }
#published .item .image{ width: 25%; float: right; }

.left50p{ float: left; width: 50%; }
.left40p{ float: left; width: 40%; }
.left30p{ float: left; width: 30%; }