/* -- START CSS --

Author: Jennifer Lindgren
Author URI: http://www.twilightsweden.se
Theme Name: TwilightSweden Eclipse
Theme URI: http://dznrokr-fansites.org
Version: 9
Description:  Designed by <a href="http://dznrokrthemes.com">DZNROKR</a>


/* grunderna */

*{margin:0;padding:0;}

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;text-align:justify;line-height:20px;color:#fff;padding:0;margin:0; background: #000;}

tr, td {vertical-align:top}
.clearing {clear:both; height:0px; padding:0; margin:0;}

img {border:0; padding:0; margin:0;}

p {margin-top:10px;margin-bottom:15px;}
img.alignleft{margin: 0 10px 2px 0;}
img.alignright{margin: 0 0 2px 10px;}
img.centered{display:block;margin:5px auto;}

.alignleft{float: left;}
.alignright{float: right;}

blockquote {line-height:25px;padding:10px; margin: 5px 5px 5px 2px; color:#000; background-color:#f1f1f1; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-right: 2px solid #cdcaaf; border-bottom: 3px solid #cdcaaf; font-style: italic; text-shadow: 2px 2px 2px #fff;}

#twiguy {line-height:25px;padding:10px; margin: 5px 5px 5px 2px; color:#000; background: url(../images/twiguybg.jpg); -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-right: 2px solid #cdcaaf; border-bottom: 3px solid #cdcaaf; font-style: normal; text-shadow: 2px 2px 2px #fff;}

.twiguyrubrik {color:#800d09;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;}

a{color:#000;text-decoration:none;font-weight:bold;}
a:hover{color:#345962; text-decoration:none;font-weight:bold;}

h1, h2, h3 {font-weight:100;padding:4px 0;}

input {padding:4px;font-size:12px;}

h1 {color:#476973;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;}
h2 {color:#a7b350;font-size:20px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;}
h3 {color:#5e4847;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}

ul, ul li, li {list-style-type:none;list-style-position:inside;padding:0;margin:0;border:none;background:none;text-transform:none;}

/* layout */

#wrapper {width:939px;margin:0 auto;border-left:2px solid #000;border-right:2px solid #000; border-bottom:10px solid #000; background:#000;}

#header {width:939px;height:501px;background: url(../images/tsech.jpg) no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #fff; padding-left: 43px; padding-top: 3px; color: #665a59;}

#header a {color: #ededed;}

#header a:hover {color: #bfb9b9;}

#rss {font-size:11px;text-transform:uppercase;float:right;padding:6px;}

/* nyhetskarusell */

#carouselouter {width:560px;border-bottom:10px solid #000;padding:0px 15px;}
.stepcarousel{position:relative;border:1px solid #2a2a2a;overflow:hidden;width:560px;height:130px;margin:0;background: url(../images/moln.jpg) no-repeat;}
.stepcarousel .belt{position:absolute;left:0;top:0;}
.stepcarousel .panel{float:left;overflow:hidden;margin:5px;width:122px;height:130px;}
.stepcarousel .panel p{text-align:center;overflow:hidden;margin:5px;}
.stepcarousel .panel h2{overflow:hidden;font-size:10px;text-align:center;font-family: Verdana, Geneva, sans-serif; font-weight: normal;}
.stepcarousel .panel h2 a {color:#6e6261; font-weight: normal; text-transform:lowercase;}
.stepcarousel .panel h2 a:hover {color:#865f5b; font-weight: normal; text-transform:lowercase;}
.stepcarousel .panel img{float:left;margin:0 0px 0px 0px;padding:0px; border: 1px solid #736968;}

/* innehåll */

#content {width:950px;padding:0px;background: #000}
#main {width:600px;float:left;}

#main ul {list-style: none;padding:0; margin:0;}
#main ul li {margin-left:20px;}
#main ol {list-style: decimal;padding:0; margin:0;}
#main ol li {margin-left:20px;}

.attachment {text-align:center;margin:0 auto;}
.attachment a img {border:1px solid #c7be96;background:#f8f4e6;margin:4px 0 0 8px;text-align:center;padding:2px;}
.caption {text-align:center;color:#cc6450;font-style:italic;}

/* nyhetsuppdatering */

.blogarticle {border:1px solid #2a2a2a;background:#2a2a2a;font-size:11px;padding:1px;margin:0 12px 15px 0px;}
.blogarticleinside {border:1px solid #000; background:#fff; top right #f8f4e5 no-repeat;font-size:13px; color: #121214; line-height:20px;padding:0px 0 6px 0;}
.blogarticle h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:20px;color:#706463;margin:9px 2px;float:left;width:570px;line-height:24px;}
.blogarticle h1 a {color:#6e6261;font-weight:100;}
.blogarticle h1 a:hover {color:#865f5b; text-decoration:underline;}
.datumochfor {font-family:"Trebuchet MS", Arial, helvetica, sans-serif;font-size:12px;color:#2a2b2a;letter-spacing:0;margin:3px 9px; text-transform: uppercase;}
.datumochfor {font-weight:800;}
.meta {width:60px;padding:9px 0;float:left;}
.kommentarer {font-family:;font-size:16px; text-align: center;}
.kommentarer a{color:#000; font-weight: normal;}
.kommentarer a:hover{color:#000; font-weight: normal; text-decoration: underline;}
.blogbody {margin:0 6px 2px 6px;line-height:18px;}
.blogmeta {font-size:10px;color:#978f69;padding:4px;border-top:1px solid #000;border-bottom:1px solid #000;text-align:left; background: #000 url(../images/molnru.jpg) no-repeat; margin:0px 0px 0px 0;text-transform:none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Times, serif;}
.blogmeta a{color:#cc6450;}
.blogmeta a:hover{color:#978f69;}
.lasmer {font-size:11px;color:#476973;padding:4px; text-align:right;background:url (../images/molnru.jpg);margin:6px 1px 3px 0;text-transform:none;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;}
.lasmer a{color:#476973;}
.lasmer a:hover{color:#cc6450;}
.kategorier {font-size:9px;color:#575758;padding:4px;border-top:1px solid #c7be96;border-bottom:1px solid #c7be96;text-align:left;background: #000;margin:6px 0px 3px 0;font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-transform: lowercase;}
.kategorier a{color:#865f5b; font-weight: normal;}
.kategorier a:hover{color:#706463; font-weight: normal;}
.blogimg {border:1px solid #000;background:#f8f4e6;margin:4px 0 0 8px;text-align:center;padding:2px;float:right;}

/* sidor */

#sida {width:600px;float:left;}
.sida_artikel {border:1px solid #2a2a2a; background:#2a2a2a; padding:1px; margin:0 12px 15px 0;}
.sida_artikel h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#345962; float:left; width:570px; text-transform: uppercase;}
.sida_artikelbak {padding:2px; border-bottom:1px solid #e5e1c0; text-align:left;}
.sida_insida {border:1px solid #000; background:#fff; top right #f8f4e5 no-repeat; font-size:13px; color: #121214; line-height:20px; padding: 10px 10px 5px 10px;}

/* sidomeny */

#sidebar {width:301px;float:right;margin:0 30px 0px 0px; background:#fff; border: 2px solid #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333}
#sidebar h1 {font-size:16px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:-1px;margin:0;padding:7px 8px;color:#345962;border-bottom:1px solid #e5e1c0;}
#sidebar-info ul, ul li, li {list-style-type:none;list-style-position:inside;padding:0;margin:0;line-height:14px;}
#sidebar-info ul li a {color:#4f4f4f;padding:4px 2px 4px 20px;display:block;background:url(../images/li.jpg) no-repeat left;margin:1px 0 1px 0;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;border-bottom:1px solid #e5e1c0;}
#sidebar-info ul li a:hover  {background:#f5f2e7;color:#cc6450;text-decoration: none;}
.sidebar-content {padding:6px;}

/* tabben */

.tabnav  {background: #fff;width:286px;height:30px; padding:11px 4px 0 9px;}
.tabbercontent {background: #fff; margin:0;padding:10px 10px 0 10px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 13px;}
.tabbercontent h3 {color:#476973;font-family:Georgia, "Times New Roman", Times, serif;text-transform:none;font-size:14px;margin:0 0 4px 0;}
.tabbercontent h4 {color:#476973;font-family:Georgia, "Times New Roman", Times, serif;text-transform:none;font-size:14px;margin:0;}

.tabnav li {display: inline;list-style-image: none;list-style-type:none;margin:0px;padding:0px;}

.tabnav li a {text-align:center;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;text-transform:uppercase;color:#ededed;background: #000; 2px 0 4px 0;padding:6px 9px 9px 9px;cursor:pointer;font-weight:100; font-size: 12px; }

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #050505; color: #bfb9b9; font-size: 12px;}

.ui-tabs-hide { display: none; }

.tabcontent {padding:0 0 10px 0;}
.project {border:1px solid #c7be96;background:#f8f4e6;color:#928b6c;text-transform:uppercase;font-size:10px;line-height:12px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;padding:8px 8px 2px 8px;margin:0 0 10px 0;}
.projectimg {border:1px solid #c7be96;background:#f8f4e6;margin:4px 8px 0 4px;text-align:center;padding:2px;float:left;}

.tabdiv h1 {color:#476973;font-family:Georgia, "Times New Roman", Times, serif;text-transform:none;font-size:14px;margin:2px 0 0 0;}
.tabdiv h1 a{color:#8d9a2f;font-weight:100;}
.tabdiv h1 a:hover{color:#476973;}
#thelatest ul li {list-style-type: none;list-style-position:inside;padding:0;margin:0;margin-bottom:10px;}
#thelatest li {list-style-type: none;list-style-position:inside;padding:0;margin:0 0 10px 0;margin-bottom:10px;}
.thelatestcontent {border:1px solid #c7be96;background:#f8f4e6;color:#928b6c;text-transform:uppercase;font-size:10px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;padding:2px;margin:0 0 10px 0;text-align:left;}
.latestdate {font-size:9px;color:#cc6450;}
.latestimg {border:1px solid #c7be96;background:#f8f4e6;margin:4px 8px 4px 4px;text-align:center;padding:2px;float:left;width:70px;height:40px;}
#user ul li {list-style-type: none;list-style-position:inside;padding:0;margin:0;margin-bottom:4px;padding:7px;}
#user li {list-style-type: none;list-style-position:inside;padding:0;margin:0;border:1px solid #c7be96;background:#f8f4e6;color:#928b6c;text-transform:uppercase;font-size:10px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;padding:7px;margin:0 0 10px 0;text-align:left;}
#tagscontent {border:1px solid #c7be96;background:#f8f4e6;color:#928b6c;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;padding:6px;margin:0 0 10px 0;text-align:center;}
#tags a {color:#476973;padding:2px;font-weight:100;}
#tags a:hover {color:#476973;}

/* sidfot */

#footer {width:100%;background:#000 url(../images/moln.jpg) no-repeat;border-top:2px solid #070707;color:#fcfaf2}
#footercontent {width:900px;margin:0 auto;padding:10px;border-bottom:1px dotted #fff;color:#fcfaf2;line-height:15px;}
#footer h1 {padding:0px;margin:5px 0;font-family: Arial, Helvetica, sans-serif;color:#345962;font-size:14px;text-transform:uppercase;font-weight: bold;}
#footer h2 {padding:5px;background:#9d906c;margin:5px 0;font-family:Georgia, "Times New Roman", Times, serif;color:#c7be96;font-size:12px;text-transform:uppercase;text-align:right}
#footer h2 a{color:#fcfaf2;padding:1px;font-weight:100;}
#footer h2 a:hover{color:#c7be96;}

#siteinfo {float:right;width:196px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;font-size:10px;text-transform:uppercase;}
#siteinfo a{color:#6f4442;padding:1px;font-weight:100;}
#siteinfo a:hover{color:#c7be96;border-bottom:1px solid #6f4442;}

.linkbutton {border:1px solid #6f4442;background:#c7be96;margin:6px auto;text-align:center;padding:4px;}
.footercontent {width:900px;float:left;display:inline;margin:0 auto;padding:30px 0;color:#fff;font-size:10px;font-family:"Trebuchet MS", Arial;line-height:14px;text-transform:uppercase;}
.footercontent a {color:#e0d9b8;text-decoration:none;margin:2px;}
.footercontent a:hover {color:#ffffff; text-decoration:none;border-bottom:1px solid #476973}

/* sökfunktion */

#searchform{
	margin: 5px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, times;
	float: center;
	background: #fff;
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 9pt;
	padding: 7px;
	margin: 0px 0;
	border:1px solid #8d8b8b;
	width: 218px;
	text-transform: lowercase;
	color:#000;
	}

/* kommentarer */

#commentsblock{
  padding:4px;
  margin: 0 0 15px 0;
  background:#000;
  border: 1px solid #000;
  }
  
#commentsblock img{ /* avatar styling */
  border: none;
  float: left;
  margin: 0 4px 0 0;
  padding:4px;
  }

#commentsblock h3{
  font: normal 9pt verdana, times;
  }
  
#commentsblock p{
  font: normal 8pt verdana, times;
  }

#commentsblock h3.respond{
  font: normal 11pt verdana, times;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  }  

#commentsblock ol.commentlist li .commentmetadata{
  background:#000;
  overflow:hidden;
  font: normal 8pt verdana, times;
  line-height:14pt;
  }
   
#commentsblock ol.commentlist li.alt .commentmetadata{
  background:#000;
  overflow:hidden;
  font: normal 8pt verdana, times;
  line-height:14pt;
  }
  
#commentsblock ol.commentlist {list-style-type: none;}

#commentsblock ol.commentlist li {
	background: #000;
	overflow: hidden;
	margin: 15px 0;
	}

#commentsblock ol.commentlist li.alt {}
#commentsblock ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

#commentsblock ol.commentlist a {color:#fff;}
#commentsblock ol.commentlist a:hover {color:#fff;}

#commentsblock cite {
	font-weight: 300;
	font-style: normal;
	}
	
#commentsblock cite a{color: #556C8B; text-decoration: none;}

#commentform{
	background: #000;
	margin: 12px 0 0 0;
	padding:10px;
	}
	
#commentform p{
	color: #fff;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentbox{
	width:95%;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 0px solid #6f5151;
	}

#submit{
  margin:5px 5px 0 0;
  background: #151213;
  color:#345962;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #151213;
  }

#submit:hover{
  margin:5px 5px 0 0;
  background: #151213;
  color:#345962;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #151213;
  }