/*
Theme Name: Snorri Helgason
Theme URI: http://sigurbjorno.com.org/
Description: Theme for musician Snorri Helgason.
Version: 1.0
Author: Sigurbjörn Óskarsson
Author URI: http://sigurbjorno.com/
Tags: white, green, music


*/

/*****************************
	SNORRI HELGASON STYLES
*****************************/

/*******
 BASICS
*******/

body{
	color:#777;
	font-family:georgia, serif;
	margin:0 0 0 10px;
}

a{
	color:#006837;
	text-decoration:none;
}


a:hover{

	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
	color:#555;
	margin:10px 0;
}

img{
	border-style:none;
}

p{
	font-size:12px;
	line-height:22px;
}

ul{
	margin:0;
	padding:0;
}

small{
	margin-bottom:20px;
}

textarea{
	max-width:100%;
}

input, textarea{
	border:solid 1px #ccc;
	max-width:100%;
}

hr{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid 1px #ccc;
}

/********
 LAYOUT 
********/

#wrapper{
	float:left;
}

#head{
	float:left;
	height:120px;
	width:100%;
}


/* BLOCK 1*/

#block_1{
	float:left;
	overflow:hidden;
	padding:10px 25px 10px 15px;
	width:270px;
}


/* BLOCK 2*/

#block_2{
	border-left:1px solid #006837;
	border-right:1px solid #006837;
	float:left;
	min-height:500px;
	overflow:hidden;
	padding:10px 25px;
	width:270px;
}

.post_front{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
}

/* BLOCK 3*/

#block_3{
	float:left;
	overflow:hidden;
	padding:10px 25px;
	width:300px;
}

.tweets{

	float:left;

}

.twitter-message{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
}


#footer{
	float:left;
	height:30px;
	width:100%;
}

.divider{
	background:transparent url('images/divider_all.png') scroll 0 0;
	float:left;
	height:30px;
	margin:15px 0;
	width:270px;
}

.bio{
	background-position:0 90px;
	margin-top:0;
}

.news{
	background-position:0 60px;
}

.social{
	background-position:0 30px;
	background-repeat:inherit;
	margin-top:0;
	width:300px;
}

.twitter{
	background:transparent url(images/divider_twitter.png) no-repeat scroll 0 0;
	margin-top:0;
	width:300px;
}

.facebook{
	background:transparent url(images/divider_facebook.png) no-repeat scroll 0 0;
	margin-top:0;
	width:300px;
}


/***********
  BRAND
***********/

#brand{
	background:#fff url('images/snorri_brand.png') no-repeat scroll 30px 0;
	border-top:5px solid #006837;
	width:270px;
	height:120px;
	overflow:hidden;
	padding:0 15px;
}

#brand:hover{
}

#brand a{
	display:block;
	height:120px;
	text-indent:-70000px;
}

#brand a:hover{
	color:#555;
}

/***********
  SEARCH
***********/

#search{
	background:transparent url(images/snorri_search.png) no-repeat scroll 0 0;
	float:left;
}

.search_field{
	background:transparent;
	border-style:none;
	color:#aaa;
	float:left;
	height:22px;
	padding:3px 10px;
	width:180px;
}

.search_button{
	background:transparent;
	border-style:none;
	cursor:pointer;
	height:30px;
	text-indent:-7000px;
	width:70px;
}

/***********
 NAVIGATION
***********/

#nav{
	width:100%;
}

ul#main_nav,
ul#main_nav li,
ul#main_nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#main_nav {
 position: relative;
 z-index: 597;
 float: left;
}

ul#main_nav li {
 line-height: 1#3em;
 vertical-align: middle;
 zoom: 1;
}

ul#main_nav li#hover,
ul#main_nav li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul#main_nav li a{

	color:#555;
	display:block;
	font-size:22px;
	height:20px;
	padding:0 110px 10px 0;
}

ul#main_nav li a:hover{

}

ul#main_nav ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul#main_nav ul li {
 float: none;
 opacity:0.8;
 width:130px;
}
ul#main_nav ul li:hover{

 }

ul#main_nav ul li a{
 
}

ul#main_nav ul ul {
 top: 1px;
 left: 99%;
}

ul#main_nav li:hover > ul {
 visibility: visible;
}

/********************
       LISTS
********************/

.at{
	float:left;
	list-style-type:none;
}

.at li{
	float:left;
	width:125px;
	margin:5px 10px 5px 0;
	
}


.fan_box .full_widget {
background:none repeat scroll 0 0 white;
border:1px solid #006837;
}

/*****CONTACT*******/

.wpcf7-form input, .wpcf7-form textarea{
	border:solid 1px #aaa;
	max-width:100%;
}