* { margin: 0; padding: 0; }

body { font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; background: #f2f2f2; color: #222; line-height: 160%; }

h2, h3, h4, h5, h6 { font-family: 'OFL Sorts Mill Goudy TT', sans-serif; margin: 30px 0 10px; line-height: 150%; font-weight: normal;  }
h2 { font-size: 35px }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }

p { margin: 15px 0 20px; line-height: 150%; font-size: 14px; }

ul, ol, dl { margin: 20px; font-size: 14px; }
li, dt, dd { margin: 5px 0; }

a:link, a:visited { text-decoration: none; color: #0c6184;  }
a:hover, a:active { color: #a502b6; outline: none; /* background: #fff; */ }

a.nb, img, a img { background: none; outline: none; }
a.nb:active { outline: none; }

img { border: none; }

address { margin: 0; font-style: normal; font-size: 14px; }
blockquote { font-style: italic; font-size: 14px; }

.clear { clear: both; }

.center-content { width: 920px; padding: 0 20px; margin: 0 auto; position: relative; }

/*
#tooltip { position: absolute; z-index: 3000; border: 1px solid #222; background-color: #fff; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; font: 1em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana,  sans-serif; }
*/


	/*  ------------------------------------------------  header  --------------------------------------------  */


#header { background: #2a2a2a; background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#3c3c3c)); background: -moz-linear-gradient(top,  #222,  ##3c3c3c); height: 100px; position: relative; }

#header h1 { font: 400 50px 'OFL Sorts Mill Goudy TT'; color: #fff; position: absolute; top: 30px; }
#header h1 span#uno { color: #d6d6d0; }
#header h1 span#duo { font-size: 50%; }

#header a { color: #fff; }
#header a:hover { background: none; }

#header img { position: absolute; top: 30px; right: 0;  }

#nav-container { background: #055a82; background: -webkit-gradient(linear, left top, left bottom, from(#01425f), to(#055a82)); background: -moz-linear-gradient(top,  #01425f,  #055a82); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01425f', endColorstr='#055a82'); height: 60px; border-bottom: 1px solid #666; }

#contact-container { display: none; }

/* navigation */

ul#main-nav { font-size: 16px; margin: 0; list-style: none; position: absolute; left: 5px; }
ul#main-nav li { margin: 15px 5px 0 0; display: block; float: left; width: auto; text-shadow: 2px 2px 2px #222; }
ul#main-nav li a { display: block; float: left; width: auto; height: 35px; padding: 10px 20px 0; color: #eee; font-weight: 400; }
ul#main-nav li a:link, ul#main-nav li a:visted { color: #222; }
ul#main-nav li a:hover, ul#main-nav li a:active { background: none; color: #d6d6d0; }
ul#main-nav li.current_page_item a, ul#main-nav li.current_page_parent a { color: #222; background: #f1f1f0; border: 1px solid #666; border-bottom: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;	border-top-left-radius: 5px; border-top-right-radius: 5px; text-shadow: 1px 1px 1px #ccc; }
ul#main-nav li.current_page_item a:hover, ul#main-nav li.current_page_parent a:hover { color: #222; cursor: default; }


	/*  -------------------------------------------  main content  -----------------------------------------  */

/* index (landing.php) */

#ix-left { float: left; width: 550px; padding: 40px 60px 50px 0; position: relative; }
#ix-left p { font: 23px 'OFL Sorts Mill Goudy TT'; line-height: 150%; }
#ix-left p:first-child { font-size: 32px; margin-bottom: 40px; line-height: 130%; }
#ix-left p#more-about { font-size: 17px; margin-top: 50px; }

#ix-right { float: left; width: 310px; padding: 40px 0 50px; position: relative; }
#ix-right img, .three img { margin: 20px 0; padding: 3px; background: #fff; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; }

#ix-threes { padding-bottom: 300px; }
.three { width: 280px; float: left; }
.three p { line-height: 150%; margin-bottom: 25px; }
.three img { max-width: 275px; }
.three img:hover { background: #ccc;  }

#ix-one { padding-right: 20px; }
#ix-two { padding: 0 20px; }
#ix-three { padding-left: 20px; }

#ix-one h5 { margin: 15px 0; }
#ix-one p.rm { margin: -10px 0 30px; }


/* le layout */

#main-content { padding-bottom: 300px; }
#left { float: left; width: 650px; padding: 20px 60px 50px 0; position: relative; }
#right { float: left; width: 210px; padding: 20px 0 50px; position: relative; line-height: 130%; }

#left img.alignright { float: right; margin: 0 0 5px 10px; }


/* le sidebar */

#right h5.less-mt { margin-top: 20px; }
#right h5.more-mt { margin-top: 40px; padding-top: 40px; border-top: 2px solid #ccc; }

#right h5.pi { margin-bottom: 0; }
ul#image-list { list-style: none; margin: 20px 0; height: 140px; }
ul#image-list li img { width: 80px; float: left; margin-right: 20px; padding: 2px; background: #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
ul#image-list li img:hover { background: #ddd; }

ul#twitt-list { margin: 20px 0 20px 20px; }
ul#twitt-list li { margin-bottom: 20px; list-style-image: url(../images/icons/twitter-bird.png); }
p.icon-p img { padding-left: 5px; float: right; width: 18px; }

ul#latest-blogs, ul#kit { margin: 20px 0; }
ul#latest-blogs { font-size: 16px; }
ul#latest-blogs li, ul#kit li { list-style: none; margin: 0 0 5px; }
ul#kit li img { float: right; width: 18px; padding-left: 5px; }

p.margino { margin: -10px 0 0;}

p#skapare { margin-top: 50px; padding-top: 50px; border-top: 2px solid #ccc; }

/* le rest */

#left img, img.bording { margin: 20px 0; border: 3px solid #fff; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; }
#left img.nej { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#left img.wp-smiley { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0 5px; }

.discography h5 { margin-top: 10px; }

.cd-info { min-height: 330px; line-height: 120%; }
.cd-info p { line-height: 140%; }
.cd-info div { float: left; width: 330px; padding: 0 20px 0 0; }
.cd-info div h3 { margin: 10px 0 0; }
.cd-info div h4 { font-size: 20px; margin: 0 0 30px;}
.cd-info img { float: right; width: 270px; }

.tabs { margin-bottom: 100px; }
object { padding-bottom: 25px; }

/* le blog */

.blog-container { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #ccc; }
.blog-container:last-child { border-bottom: none; }

	/*  --------------------------------------------  contact form  -------------------------------------------  */

form.wpcf7-form { margin: 30px 0 0; padding: 0; position: relative; }
form.wpcf7-form p { height: 70px; clear: both; margin: 0; position: relative; }
form.wpcf7-form p.snap { width: 330px; }
form.wpcf7-form p#msg { position: absolute; top: 0; left: 360px; }
.contact-page form.wpcf7-form p#msg { position: relative !important; left: 0; height: 175px; }

form.wpcf7-form input, form.wpcf7-form textarea { font: 1em "Gill Sans", Calibri, "Trebuchet MS", sans-serif; border: none; padding: 5px 4px; border: 2px solid #aaa; }
form.wpcf7-form input { width: 320px;  }
form.wpcf7-form textarea { width: 500px; height: 155px; overflow: auto; }
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus { outline: none; border-color: #666; }

form.wpcf7-form select { border: 1px solid #aaa !important; }
form.wpcf7-form select:focus { border: 1px solid #666 !important; }
form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax, form.wpcf7-form span.wpcf7-not-valid-tip { padding: 0; color: #7c0c0c; position: absolute; top: 0; right: 0; z-index: 1000; }
form.wpcf7-response-output { border: none; margin: 0; padding: 0 0 20px; font-size: 1.2em; background: none; }
form.wpcf7 p.sumbit wpcf7-response-output wpcf7-mail-sent-ok { border: none; background: none; font-size: 2.5em !important; }
form.wpcf7-form .wpcf7-validation-errors { padding: 0 0 20px; margin: 0; color: #7c0c0c; font-size: 16px; }
form.wpcf7-form .wpcf7-mail-sent-ok { padding: 0 0 30px; margin: 0; color: #333; font-size: 25px; }
#left img.ajax-loader { border: none; margin: 20px; padding: 0; background: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

	/* nice CSS3 buttons */

form.wpcf7-form p.submit input, form#comment-form input#submit { font: 12px Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;  display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .8em 2em .9em; width: auto; margin-top: 10px; color: #fff; border: solid 1px #444;
	background: #055a82; background: -webkit-gradient(linear, left top, left bottom, from(#01425f), to(#055a82)); background: #055a82 -moz-linear-gradient(top,  #01425f,  #055a82); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01425f', endColorstr='##055a82');
	-webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; -webkit-box-shadow: 0 1px 5px #aaa; -moz-box-shadow: 0 1px 5px #aaa; box-shadow: 0 1px 5px #aaa; text-shadow: 0 1px 1px #444; }

form.wpcf7-form p.submit input:hover, form#comment-form input#submit:hover  {	text-decoration: none; background: #aaa; background: #055a82 -webkit-gradient(linear, left top, left bottom, from(#055a82), to(#01425f)); background: #055a82 -moz-linear-gradient(top,  #055a82,  #01425f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#055a82', endColorstr='#01425f'); }	

form.wpcf7-form p.submit input:active, form#comment-form input#submit:active { position: relative; top: 1px; color: #fff; background: #055a82 -webkit-gradient(linear, left top, left bottom, from(#01425f), to(#055a82)); background: #055a82 -moz-linear-gradient(top,  #01425f,  #055a82); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01425f', endColorstr='##055a82'); }


	/*** comments ***/

ol.commentlist { margin: 20px 0; }
ol.commentlist li {  padding: 10px 0 10px 10px; margin: 0 0 0 20px; border-left: 2px solid #ccc; }
ol.commentlist li.bypostauthor {  }
ol.commentlist ul.children { list-style: none; margin: 30px 0 0 10px; }
ol.commentlist ul.children li { margin: 0; border-left: 2px solid #ccc; padding: 0 0 0 10px; }

cite.fn { font-style: normal; font-weight: bold; }

.comment_text p { margin: 10px; }

h5#comments { font: 1.5em 'IM Fell English'; margin: 30px 0 20px; padding-top: 30px; border-top: 2px solid #ccc; }
form#comment-form p { padding: 10px 0 10px; margin: 0; clear: left; font-family: 'IM Fell English'; }
form#comment-form p label { display: block; float: left; width: 120px; }
form#comment-form p.pad-l label { padding-left: 10px; width: 100px }
form#comment-form input, form#comment-form textarea { font: 1em "Gill Sans", Calibri, "Trebuchet MS", sans-serif; border: none; }
form#comment-form input { width: 390px; padding: 2px 2px 2px; border: 2px solid #aaa; }
form#comment-form textarea { width: 500px; height: 100px; padding: 6px; overflow: auto; border: 2px solid #aaa; }
form#comment-form textarea:focus, form#comment-form input:focus { outline: none; border-color: #666; }
form#comment-form input.error, form#comment-form textarea.error { border-color: #9d0808; }
form#comment-form input.error:focus, form#comment-form textarea.error:focus { border-color: #9d0808; }

.error { padding: 20px 0 10px; color: #7c0c0c; font: 130% Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; z-index: 1000; }
.errorlabels { width: 300px; font-size: .8em; margin: 0; display: block; padding: 0 0 20px; margin: 0; }
form#comment-form .errorlabels label.error { width: 600px; padding: 5px 0 0 10px; }








