/*       ###############################

         BASIC TAGS

         ############################### */


* {margin:0; padding:0;}

body {font:normal 12px "Times New Roman", Times, serif; color:#000000; background:url(img/bg.jpg) fixed;}

h1, h2, h3, h4, h5, h6 {margin:0px 0 0 0;}

p {margin:0px 0px 20px 0px;}

a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#666666;}

a img {border:none;}



/*       ###############################

         BASIC LAYOUT

         ############################### */



div#outline {width:880px; margin:3px 0 0 50px;}

div#nav {position:relative; z-index:2; height:38px; background:url(img/nav.png);}

div#menu1 {margin:0px 0 15px 0px;}
div#menu2 {float:left; margin:0px 0 9px 0px;}
div#menu3 {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
	padding-right: 0px;
}


div#content {
	clear:both;
	z-index:1;
	width:880px;
	padding:0px 40px 0 0px;
}



div#left {background:#fff; width:620px; margin:0; line-height:2.0; float:left; padding:0 20px 10px 0;}

div#right {background:#fff; width:210px; margin:0px 0px 10px 0px; float:right; padding:8px 10px 10px 10px;}




div.headline {margin:30px 0 0 20px;}



div.excerpt {padding:0 0 5px 0px; background:url(img/linje.png) bottom no-repeat; margin:0 0 70px 20px;}


div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview2.png) no-repeat; margin:-28px -3px 0px 0px;}
div.preview2 {float:right; background:url(img/preview2.png) no-repeat 0px -20px; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;}



div.single_content {clear:both; margin:0 0 50px 20px;}
div.bookmarks {text-align:right; float:right;}



div#appendix {clear:both; background:#fff; width:930px; padding:30px 30px 30px 0px; margin:0 0 50px 0;}
div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}



p#toggle-all {width:20px; margin:0; padding:0;}

p#toggle-all a {display:block; width:20px; height:25px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -25px no-repeat;}



p.previous-posts {
	float:left;
	;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 00px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
p.next-posts {margin:0px 0 0 0; float:right; font:normal 130% "Times New Roman", Times, serif;;}




/*       ###############################

         WIDGETS

         ############################### */

.widget {
	border:0px solid #ccc;
	padding:8px 15px !important;
	margin:10px 0;
	-moz-border-radius:5px;
	font:12px "Times New Roman", Times, serif;
	color:#000000;
}

div.widget h4 {border-bottom:1px dotted #1f1f1f; font:bold 12px Arial, Helvetica, sans-serif;}

div#right, div#appendix {font-size:120%;}

div#right ul, div#appendix ul {list-style:none; padding:0;}


div.widget h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; margin:0;}

div.widget a {margin:0px 0px 0px 0px; padding:5px 0px; font:12px "Times New Roman", Times, serif; color:#000000;}

div.widget a:hover {color:#666; text-decoration:underline;}

div.widget li {padding:5px 5px 5px 0px; margin:0px 0px 0px 0px; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}








/*       ###############################

         TEXT

         ############################### */

div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff;}
div#blog-line h1 {font:40px Georgia; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}

div#left { font:12px "Times New Roman", Times, serif; color:#000000;}

div#left a {color:#666666;}

div#left a:hover {color:#ccc; text-decoration:underline;}

div#left h1 {float:left; font:bold 21px Arial, Helvetica, sans-serif; text-transform: uppercase; width:600px; letter-spacing:-1px;}

div#left h1 a {color:#1f1f1f; display:block;}

div#left h1 a:hover {color:#666666; text-decoration:none;}

div#left h2 {font:bold 12px Arial, Helvetica, sans-serif; margin:0 0 10px 0; text-transform: uppercase;}


div#left h3 {font:12px Arial, Helvetica, sans-serif; margin:0px 0 0 20px; padding:0 0 20px 0px; border-bottom:1px dotted #ccc;}
div#left ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:100%;}
div.single_content {font-size:100%;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}






p.post_info {font:12px "Times New Roman", Times, serif; color:#000000;}
p.tag_info {
	font:12px "Times New Roman", Times, serif;
	color:#000000;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
p.offset {margin:5px 0;}
p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px; font:120% normal Georgia, serif;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}



.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat; margin:0 20px 0 0; padding:0px 0px 0px 20px;}
.tag-link {background:url(img/tag-blue.png) no-repeat; padding:0px 0px 0px 20px;}
.hide-link {float:right; padding:5px 0 0 0;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:0px 0px 0px 20px; margin:0 0 0 0; background-position:0px 0px 0px 0px;}
 
.clear {clear:both;}

code {font:normal 100% Courier, serif;}



/*      ##################################

           COMMENTS

        ################################## */



div.comment {margin:0px 0 0 20px; padding:18px 0 0 0px; border-bottom:1px dotted #ccc;}

p.comment-details {color:#000000; margin:0px 0px 10px 0; font-family: "Times New Roman", Times, serif; font-size: 12px; font-style: italic;}

.avatar {float:left; margin:0 20px 0 20px; border:3px solid #ccc;}
div.comment-text {margin:40px 0 0 20px;}

h2#comment-header {font:12px Arial, Helvetica, sans-serif; margin:120px 0px 10px 20px !important; border-bottom:1px dotted #1f1f1f; padding:0 0 5px 0;}
h2#respond {font:12px Arial, Helvetica, sans-serif; margin:40px 0px 10px 20px !important; border-bottom:1px dotted #1f1f1f; padding:0 0 5px 0;}


h3#no-comments {font:12px Arial, Helvetica, sans-serif; !important; color:#666666 !important; margin:0 !important;}




/*        ##################################

           FORMS

        ################################## */



label {display:block; margin:0 0 5px 0;}

.text {width:350px; margin:0 0 10px 14px; padding:5px; border:0; border-bottom:1px dotted #ccc; font:12px Arial, Helvetica, sans-serif;}
.text2 {width:350px; margin:0 0 10px 14px; padding:5px; border:0; border:1px dotted #ccc; font:12px Arial, Helvetica, sans-serif;}

.text_newsletter {
	width:175px;
	border:0;
	border-bottom:1px dotted #ccc;
	font:12px "Times New Roman", Times, serif;
	color:#000000;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}



textarea {width:450px; height:150px; margin:0; padding:5px; border:0; border:1px dotted #ccc;}

.submit {width:190px; height:25px; ; border:0; background: transparent url(img/submit.png) no-repeat;}



.submit-new {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 0px;
	border-left: 0;
	color: #00F;
	display: inline;
	font:12px "Times New Roman", Times, serif;
	color:#000000;
	margin-left: -3px;
	margin-bottom: 2px;
	
}

.submit-subscribe {
	height: 14px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0px;
	border-left: 0;
	margin-right: 6px;
	margin-top: 4px;
	text-transform: uppercase;
	text-transform: none;
	cursor:pointer;
	padding-left: 16px;
	background-color: #FFF;
	background-image: url(img/subscribe.gif);
	background-repeat: no-repeat;
	font:normal 12px "Times New Roman", Times, serif; color:#000000;
	font-style: italic;
	font-weight: normal;
}


.submit-unsubscribe {
	height: 14px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0px;
	border-left: 0;
	margin-top: 4px;
	text-transform: uppercase;
	text-transform: none;
	background: url(img/unsubscribe.gif) no-repeat;
	background-color: #FFF;
	cursor:pointer;
	padding-left: 16px;
	font:normal 12px "Times New Roman", Times, serif; color:#000000;
	font-style: italic;
	font-weight: normal;
}

*:first-child+html .submit-new {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .submit-new {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}






/*        ##################################

           SEARCHFORM

        ################################## */



input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}

#search-submit {width:30px; padding:5px; color:#fff; background:#333; border:none;}



/*        ##################################

           WORDPRESS CSS

        ################################## */



img.alignright {float:right; margin:0 0 30px 30px;}

img.alignleft {float:left; margin:0 50px 30px 0;}

img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

a img.alignright {float:right; margin:0 0 30px 30px;}

a img.alignleft {float:left; margin:0 50px 30px 0;}

a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################

           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** CUSTOM STYLES ***/

.sf-menu li ul {
 	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
.sf-menu li li ul, .sf-menu li li li ul {
 	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}


/*       ###############################

         CLEARFIX

         ############################### */



.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.clearfix {display:inline-block;}

html[xmlns] .clearfix {display:block;}

* html .clearfix {height:1%;}

.clear {clear:both;}