/* CSS Document for svavarsson.is*/
body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #fff;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
h1, h2, h3, h4, h5 { margin: 0.5em 0}
h1 { font-size: 3em}
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { font-size: 1.1em }
p { margin-top: 1em}
ul { list-style-type: disc; margin: 1em 2em}
label { font-weight: bold}
small { font-size: 0.8em}
/* Template specific */

/* Color overview
Dark gray			#888
Module borders		#d4d4d4
Gray background		#e6e6e6
Links				#000
*/

body { margin: 2em 0}
a { color: #000}
#logo { font-size: 3em; font-weight: bold; line-height: 1em}
#logo a { text-decoration: none}
#header p { margin: 0}
#rssicon { margin-top: 2em}

/* Default menus */
.horizmenu ul, .vertmenu ul { list-style: none; margin: 0 }
.horizmenu a, .vertmenu a { display: block; padding: 0 0.5em; text-decoration: none}

/* A horizontal menu object*/
.horizmenu ul { overflow: hidden}
.horizmenu li { float: left }

/* Mainmenu skin */
#mainmenu { padding-bottom: 10px; background: url('../images/mainmenu-shadow-bg.png') bottom repeat-x; line-height: 40px}
/* IE7 breaks layout with far too big search button*/
#mainmenu button { line-height: 1.3em}
.mainmenuinner {background: url('../images/mainmenu-bg.png') repeat-x; border-top: 1px solid #aaa; border-bottom: 1px solid #eee}
/* If I were to support IE6, then I would need to apply height to the UL so that the background picture is displayed */
.mainmenu ul { }
.mainmenu a { line-height: 40px; color: #fff; border-left: 1px solid #000; border-right: 1px solid #707070; background: url('../images/mainmenu-bg.png') repeat-x; font-size: 1.2em; font-weight: bold  }
.mainmenu a:hover { background-position: 0px -40px}
.mainmenu .active a { background-position: 0px -80px; color: #000}
.mainmenu .first a { border-left: 0}

#breadcrumb a { text-decoration: underline}

#contentcontainer { margin-top: 1em}
.frontpageimage { border: 1px solid #d4d4d4}
.widget, .module { padding: 1em }
.widget h4, .module h4  { font-size: 1.2em}

#sidebar ul { list-style: none; padding: 0; margin: 0}
#sidebar ul li ul { list-style-type: disc; margin-left: 2em}
#sidebar .widget { border: 1px solid #d4d4d4;  background: url('../images/module-bg.png') top left repeat-x; margin-bottom: 2em;}


/* A post object */
.postcontainer { margin-bottom: 2em}
.post { margin: 1em 0}
.post h2 { line-height: 0.5em}
.postmeta, .date { font-size: 0.85em; color: #888}
.postcontent {}
.postfooter {}

#comments { margin: 1em 0 2em 0}
/* Comment object */
.comment { border-top: 1px solid #ddd; padding: 1em }
.comment-meta { font-size: 0.85em; }
.avatar { border: 1px solid #999; padding: 2px; background: #fff; vertical-align: top; margin: 0 1em 1em 0}
.commentinner { padding: 1em }
.comment.even, .commentinner { background: #f0f0f0}
.authorcomment .commentinner { background: #dadada}
#respond form { padding-left: 1em}
#footer { border: 1px solid #d4d4d4; background: #e6e6e6; margin-top: 2em}
#footer .module.first { border-left: 0}
#footer .module { float: left; width: 275px; margin: 0 6px }

/* Wordpress specific styles */
#wp-calendar { margin: 0 auto }
#wp-calendar td, #wp-calendar th { padding: 0.2em; text-align: center}
#wp-calendar a { display: block; background: #efefef; padding: 0.2em 0.5em; border: 1px solid #e0e0e0}

img.alignright { float: right; margin: 0 0 1em 1em }
img.alignleft { float: left; margin: 0 1em 1em 0}

/* Designed by victor*/
a.designedby { color: #ccc; font-size: 0.8em; line-height: 4em}