/*

		Theme Name: Arcadia 3.1
		Description: Based om "Dark brown orangecoffee" by <a href="http://www.gertjanbosch.nl">Gert-Jan Bosch</a>
		Version: 1.0
		Author: Steffen Flĝan Ĝie
		Author URI: http://www.krakenmind.com/arcadia

*/



  

body {

  margin: 0px;

  padding: 0px;

  background: #000000 no-repeat left top;

  color: #e7ded4;

  font-size: 14px;

  font-family: Arial, Helvetica, sans-serif;

}

a {

  color: #339aca;

  text-decoration: underline;

  }



p {

  margin: 0 0 20px 0;

  }



ul, ol {

  margin-bottom: 20px;

  }



blockquote {

  margin: 0 0 0 10px;

  padding: 0 0 0 10px;

  border-left: 5px solid #e7ded4;

  }



.content_img img {

  padding: 2px;

  border: #434343 solid 4px;

  }



.content_img a:hover img {

  border: #666 solid 4px;

  }

/***************************************************** Basic layout *****************************************************/



  

#page {

  width: 990px;

  position: relative;

  margin: 0 auto;

  }

  

#header {

  margin-top: 15px;

  margin-bottom: 15px;
  
  border-bottom: #131313 solid 5px;

  position: relative;

  height: 266px;

  width: 990px;

  }



#header_title {

  padding: 80px 0 0 40px;

  }



#header_title h1 {

  padding:  0;

  margin:  0;

  }



#sosMed {

  position: absolute;

  right: 12px;

  top: 220px;

  z-index:1000;

  }  



#content {

  padding: 0 0 0 0;

  background: url(images/contenttop_bg.png) top no-repeat;

  }



#content-left {

  float: left;

  width: 700px;
  
  margin: 15px 0 0 0;

  }



#content-right {

  float: right;

  width: 200px;

  }



/***************************************************** Headings *****************************************************/



  

h1 {

  color: #e7ded4;

  margin: 0 0 10px 0;

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  }



h1 a {

  color: #e7ded4;

  text-decoration: none;

  }



h2 {

  color: #e7ded4;

  margin: 0 0 20px 0;

  font-size: 30px;

  font-weight: normal;

  line-height: 38px;

  }



h3 {

  color: #e7ded4;

  margin: 0 0 20px 0;

  font-size: 22px;

  font-weight: normal;

  line-height: 38px;

  }



h3 a {

  text-decoration: none;

  color: #e7ded4;

  }



h3 a:hover {

  text-decoration: underline;

  color: #e7ded4;

  }



h4 {

  margin: 0 0 10px 0;

  font-size: 18px;

  color: #339aca;

  }



/***************************************************** Tabs sidebar *****************************************************/





#tabs_nav ul{

  margin: 0px;

  padding: 0px;

  }



.tabcontent ul {

  margin: 0px;

  padding: 20px;

  }



.tabs {

  width: 310px;

  overflow: hidden;

  }



.tabs li {

  display: inline;

  text-align: center;

  overflow: hidden;

  }



.tabs li a {

  float: left;

  display: block;

  color: #c76d0c;

  font-weight:bold;

  text-decoration: none;

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 20px;

  height: 40px;

  background: #615346;

  margin: 0px;

  }



.tabs li a:hover {

  display: block;

  background: #493d31;

  color: #c76d0c;

  text-decoration: none;

  }



.tabs li a.selected {

  display: block;

  color: #c76d0c;

  text-decoration: none;

  background-color: #493d31;

  }



.tabs li a.selected:hover {

  display: block;

  color: #c76d0c;

  text-decoration: none;

  }



small {

  color: #130a01;

  }



/***************************************************** Tab content *****************************************************/



.tabcontent {

  display: none;

  border-top: 0;

  overflow: hidden;

  background: #493d31;

  }



.tabcontent a, .tabcontent a strong {

  color: #e7ded4;

  }



.tabcontent a:hover, .tabcontent a:hover strong {

  color: #e7ded4;

  }



.tabcontent li {

  list-style: none;

  padding: 5px;

  }



.tabcontent ul li a {

  color: #e7ded4;

  text-decoration: none;

  }



.tabcontent ul li a:hover {

  text-decoration: underline;

  }



.tabcontent ul li span {

  display: block;

  color: #e7ded4;

  }



/***************************************************** Content box left *****************************************************/





.box-left {

  margin: 0px 0px 55px 0px;

  line-height: 21px;
  font-size: 13px;
  text-align: justify;

  }

  

.box-left small {

  padding: 5px;

  background-color: #222222;

  color: #ffffff;

  }



.box-left small a {

  color: #e7ded4;

  }

  

.postheader {

  margin: 0px;

  padding: 0px;

  border: 0px;

}

#postTitle {
  position: relative;
  
  left: -90px;
}

#datoBox {
  position: relative;
  
  left: -90px;
}


.reactions {

  background-image: url(images/kommentarer.png);

  font-size: 45px;
  
  color: #102c3a;

  height: 52px;

  padding-top: 18px;
  
  margin: 0px 10px 0px 0px;

  text-align: center;

  text-decoration: none;

  width: 80px;
  
  float: left;

  position: relative;
  
  top: 37px;

  left: -90px;

  }



.reactions a {

  color: #102c3a;

  font-size: 45px;
  
  text-decoration: none;

  }
  
 .reactions a:hover {

  color: #FFFFFF;

  font-size: 45px;
  
  text-decoration: none;

  }


#postTopBorder {
	width: 700px;
	height: 3px;
	background-color: #222222;
}

#tagsBox {
	width: 680px;
	padding: 0px 10px 0px 10px;
	background-color: #131313;
}


p.tags {

  clear: both;

  }



p.tags a {

  text-decoration: none;

  color: #666;

  }



/***************************************************** Box right *****************************************************/



.box-right-tabs {

  margin: 40px 0px 0px 40px;

  background-color: #222222;

  }



.box-right {

  margin: 0px 0px 40px 40px;

  padding: 20px;

  background-color: #222222;

  }



.box-right a {

  color: #92a2a2;

  }



.box-right a:hover {

  text-decoration: underline;

  }





.box-right ul {

  margin: 0 0 5px 0;

  padding: 0px;

  list-style: none;

  }



.box-right li {

  display: block;

  margin: 0px;

  padding: 5px;

  }



.box-right li a {

  text-decoration: none;

  }



.ads {

  padding: 8px;

  background-color: #e7ded4;

  border: #231303 solid 1px;

  }



/***************************************************** Comments *****************************************************/



  

#commentform label {

  display: block;

  margin: 0 0 5px 0;

  }  



#commentform input.text, #commentform textarea {

  width: 500px;

  margin: 0 0 0px 0;

  }



#commentform .text {

    margin: 0px 0px 15px 0px;

    color: #301a03;

  font-weight: bold;

    font-size: 16px;

  padding: 10px;

  border: none;

  background-color: #e7ded4;

  width: 210px;

  }



#commentform textarea {

  height: 150px;

  color: #301a03;

  font-weight: bold;

    font-size: 16px;

  padding: 10px;

  border: none;

  background-color: #e7ded4;

  }



#commentform .button {

  width: auto;

  height: 30px;

  margin: 0px;

  padding: 0 20px;

  background: #1c1919;

  border: none;

  color: #e7ded4;

  }



.commentlist {

  margin: 0px;

  padding: 0px;

  list-style: none;

  }



.comment_author {

  margin-top: 30px;

  }



.commentlist .quote {

  padding: 40px;

  vertical-align: top;

  }



.commentlist cite {

  display: block;

  font-style: normal;

  font-size: 10px;

  background-color: #09C;

  }



.avatar {

  float: left;

  margin: 0 20px 10px 0;

  }



/***************************************************** Searchform *****************************************************/

  

#search {

  list-style-type: none;

  }



#search_div {

  width: 270px;

  }



.search_btn {

  border: 0; 

  float: left; 

  margin: -10px 0px 0px -30px;

  }



.input {

    text-align: left;

    margin: 0px 0px 15px 0px;

    color: #301a03;

  font-weight: bold;

    font-size: 16px;

  padding: 10px;

  border: none;

  background-color: #e7ded4;

  width: 210px;

  }



/***************************************************** Footer *****************************************************/



#footer {

  background-color: #101010;

  width: 980px;

  margin-top: 40px;

  padding: 5px;

  font-size: 12px;

  font-weight: bold;

  color: #222222;

  }



#footer a {

  color: #222222;

  }



#footer a:hover {

  color: #339aca;

  }



#footer p {

  margin: 0 0 5px 0;

  }



#legal {

  float: left;

  width: 400px;

  }



#webdemar {

  float: right;

  width: 400px;

  text-align: right;

  }



/***************************************************** Usefull *****************************************************/



.clear {

  clear:both;

  }



.aligncenter, div.aligncenter {

     display: block;

     margin: 0 auto;

  }



.aligncenter {

  margin-bottom: 20px!important;

  }



.alignleft {

     float: left;

     margin: 0 20px 20px 0;

  }



.alignright {

     float: right;

     margin: 0 0 20px 20px;

  }



.wp-caption {

  margin-bottom: 20px;

  padding-top: 4px;

     border: 1px solid #ccc;

     text-align: center;

     background-color: #f7f7f7;

  }



.wp-caption img {

     float: none;

     margin: 0px;

     padding: 0px;

     border: none;

  }



.wp-caption p.wp-caption-text {

     padding: 0px;

    margin: 0px;

  }



/***************************************************** widgets *****************************************************/



#calendar_wrap table {

  width: 100%;

  }



#calendar_wrap td {

  text-align: center;

  }



#wp-calendar caption {

  margin: 0 0 10px 0;

  background: #dedede;

  }