/*
Theme Name: Gasfabrik
Theme URI: http://gasfabrik.com
Description: 
Version: 1.0
Author: Leifur Einarsson
Author URI: http://gasfabrik.com
Tags: 
*/

/* Css handbuilt by Gasfabrik (Author: Leifur Einarsson), feel free to browse and learn from it, be sure to hit me up on facebook and follow me on twitter.  facebook.com/gasfabrik & twitter.com/gasfabrik */

@import url('css/reset.css');
@import url('css/rebuild.css');




/* - - - - - - -standard dotari - - - - - - */


body {
	font: 16px Georgia, Times, Times New Roman, serif;
	color:#ffffff;
	background: url(images/bg.png) #2a2a2a;    
	margin: 0;
	padding: 0; 
}


p {
color: fffff;
line-height:20px;
text-shadow: 0px 1px 1px #121212 ;
text-align:justify;


}

a:link {
	color: #9cbcca;
	text-decoration:none;
}
a:visited {
	text-decoration: none;
	color: #7c7c7c;
}
a:hover {
	text-decoration:none;
	color: #ffffff;
	
}
a:active {
text-decoration: none;
color: #9cbcca;
}

h1 {

font-size: 1.875em;
color: #7c7c7c;
padding-bottom:10px;      
margin-bottom:10px;
border-bottom: 1px dashed #545454;
text-shadow: -1px -1px 1px #111111;
}

h2  {
font-size: 1.9em;
color: #66acd6;
text-transform: uppercase;
}

h2 a, h2 a:visited, h2 a:link {
color: #66acd6;
}

h2 a:hover {
color: #ffffff;
}

h3 {

font-size: 1.875em;
color: #f1efd7;
padding-bottom:10px;
margin-bottom:10px;
text-shadow: -1px -1px 1px #111111;

}
   
h4 {
font-size: 1.4em;
color:#ffffff;
padding-bottom:20px;

text-shadow: -1px -1px 1px #111111;	
	
}

h5 {
font-size: 1.4em;
color:#7c7c7c;
padding-bottom:20px;

text-shadow: -1px -1px 1px #111111;	
}

h6 {
font-size: 1.2em;
color: #9cbcca;
padding-bottom:20px;
text-shadow: -1px -1px 1px #111111;

}

blockquote {
padding:20px;
font-style: italic;
color:#ffffff;
background: url(images/verticallinesalpha.png) repeat #9cbcca;
text-shadow: -1px -1px 0px #000000;
font-size: 1.2em;

}

img {

border:1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}

img a ,img a:hover {
text-decoration: none;
}




/*spes texti*/


.antiqtxt {
font-size:1.2em;

}


.darktxt {
color: #252525;
font-style: italic;

}


.lightgreytxt {
color: #7c7c7c;
font-style: italic;

}

.vintagetxt {
color:#f1efd7;
font-style:italic;
}

.bluetxt {
color:#66acd6;
font-style:italic;

}

.lightbluetxt {
color:#9cbcca;
font-style:italic;

}

.whitetxt {
color:#ffffff;


}

.continfotxt  {
padding-top:10px;
float:left;
text-align:left;
line-height:15px;
font-size:0.7em;
color: #7c7c7c;
}



#wrapper {
height:100%;
width:100%;
margin:0 auto;
padding:0;
background:url(images/fuglar.jpg) top center no-repeat;


}


/*-------------Ymislegt------------*/

.bordrad {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

::selection {
background:#9cbcca;  
color:#f1efd7;
text-shadow:none;

}

::-moz-selection { 
background:#9cbcca; 
color:#f1efd7;
text-shadow: none;
}

.floatleftnoclear {
float:left;
}

.floatleftclear {
float:left;
clear:left;
}

.floatrightnoclear {
float:right;

}

.floatrightclear {
float:right;
clear:right;

}

.clear {
clear:both
}

.textpad h1, .textpad h2, .textpad h3 , .textpad h4, .textpad h5, .textpad h6 {
padding:20px 20px 10px 20px;

}

.textpad p {
padding: 0px 20px 0px 20px;

}

li.textpad h1, li.textpad h2, li.textpad h3 , li.textpad h4, li.textpad h5, li.textpad h6 {
padding:20px 20px 10px 20px;

}

li.textpad p {
padding: 0px 20px 0px 20px;

}


/* - - - - - - -Toppurinn - - - - - - - */

#top {
width:100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;

}

	
#head {
width: 940px;
height:420px;
margin:0 auto;
padding: 0;
background: url(images/heddbakk.png) top center no-repeat;

}

/*Navigation*/

#navi {
width:940px;
margin-top: 80px;
float: left;
clear:both;
border-bottom: 1px dashed #545454;

}

#navi li {
display:inline;
}


#navi h2, #navi h2 a {
color: #f1efd7;
text-transform: uppercase;
padding: 5px 5px 10px 5px;
list-style:none;
text-shadow: -1px -1px 1px #121212 ;

}

#navi h2 a:hover {
color: #2a2a2a;
background: url(images/verticallinesalpha.png) #66acd6 repeat;
text-shadow:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



#feature {
width:930px;
height:290px;
float: left;
margin: 10px 0px 0px 0px;
border: solid 5px #505050;
}


/*Kontak TOPPUR*/

#contactArea { 
width: 940px;
height: 340px;
 
margin: 0 auto;
border-bottom: 8px solid #f1efd7; 
overflow: hidden; 
background: url(images/verticallinesvintage.png) repeat; 

}

#topform {
width: 900px;
height: 300px;
margin: 0 auto;
list-style:none;


}

#slidetakki { 
width: 940px; 
margin: 0 auto; 
}

a.contact { 
float: right; 
height: 30px; 
width: 170px; 
display: block; 
border: none;
text-indent: -9999px; 
background: url(images/contacttop.png) no-repeat; 
}

a:hover.contact {
background: url(images/contacttopblue.png) no-repeat;
}

/*-----Formið---------*/

#info { 
margin-top:10px;
margin-right:10px;
float: left; 
width: 240px; 
}

#message { 
margin-top:10px;
margin-right:10px;
float: left; 
width: 340px;  
}

#sendoff {
margin-top:120px;
float:left;
width: 240px;
}


#info p {
font-size:0.9em;
color: #2a2a2a;
margin:0px 0px 5px 0px;
text-shadow: 0px 1px 0px #ffffff;
}

#message p {
font-size:0.9em;
color: #2a2a2a;
margin:0px 0px 5px 0px;
text-shadow: 0px 1px 0px #ffffff;
}

#sendoff p {
font-size:0.9em;
color: #2a2a2a;
margin:0px 0px 5px 0px;
text-shadow: 0px 1px 0px #ffffff;
text-align:left;
clear:left;
}


#info input  {
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
width:200px;
font-family:Georgia, times new roman, courier new, serif;
font-size:1.2em;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#info input:hover {
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}

#info input:focus, textarea:focus { 
border:1px solid #66acd6; 
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}

#message textarea:focus { 
border:1px solid #66acd6; 
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}


#message textarea {
width:300px;
height:133px;
margin-top:2px;
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
font-family:Georgia, times new roman, courier new, serif;
padding:5px;
font-size:1.2em;
color:#ffffff;
overflow:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#message textarea:hover {
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}


#sendoff input {
width:99px;
height:54px;
margin:0;
padding:5px;
background: url(images/sendtakki.png) no-repeat;
font-size:2em;
color:#f1efd7;
text-transform: uppercase;
text-align: top;
font-family:Georgia, times new roman, courier new, serif;
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#sendoff input:hover {
background: url(images/sendtakkihover.png) no-repeat;
cursor:pointer;
border:none;
}

#sendoff input:active {
background: url(images/sendtakkiactive.png) no-repeat;
cursor:pointer;
color:#ffffff;
border:none;
}




.wpcf7-list-item  {
float:left;

padding:0;
margin:0;
}

.wpcf7-list-item-label  {
float:left;

padding:0;
margin:0;
}


.tag {
background-color:black;
}



/* - - - - - - Midjan - - - - - - - - - */


#center {
width:100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}

#content {
width: 940px;
height:auto;
margin:0 auto;
clear: both;

}

#pagefront {
width: 460px;
height: 380;
margin:20px 0px 0px 0px;
float: left;
}




/* - - -önnur lúppa - - */

#frontnews {
margin: 0 auto;
padding:0;
width:940px;
height:auto;
overflow:hidden;
float:left;
clear:both;

}



/*
#onnurloop p {
font-style:italic;
}
*/



#introtxt p {
font-style:italic;

}

#introhedd h3 {
border-bottom:dashed 1px #545454;

}




#blogintro {
width:460px;
height:130px;
margin-top:34px;

}


/*
.rulla {
width:460px;
height:130px;
padding:0;
overflow:hidden;
}
*/


.tidbit {
width:940px;
height:100px;
background: url(images/tidbits.png) no-repeat;
float:left;
clear: left;
margin:40px 0px 40px 0px;
padding:0;
overflow:hidden;
white-space: nowrap;
text-transform:uppercase;
text-align:center;
text-shadow: -2px -2px 1px #131313 ;
color:#f1efd7;
font-family:AntiqueOliTMed, Helvetica, Lucinda Grande, sans-serif;
font-size:8em;
display:inline;
}

.tidbit2 {
width:940px;
height:100px;
float:left;
clear: left;
background: url(images/tidbit_feature.png) no-repeat;
margin:0px 0px 40px 0px;
padding:0;
overflow:hidden;
white-space: nowrap;
text-transform:uppercase;
text-align:center;
text-shadow: -2px -2px 1px #131313 ;
color:#f1efd7;
font-family:AntiqueOliTMed, Helvetica, Lucinda Grande, sans-serif;
font-size:7.5em;
display:inline;
}

.tidbit3 {
width:940px;
height:160px;
float:left;
clear: left;
margin:0px 0px 20px 0px;
padding:0;
overflow:hidden;
white-space: nowrap;
text-transform:uppercase;
text-align:center;
text-shadow: -2px -2px 1px #131313 ;
color:#f1efd7;
font-family:AntiqueOliTMed, Helvetica, Lucinda Grande, sans-serif;
font-size:9em;
display:inline;
}


.tidbitsmall {
width:940px;
height:100px;
background: url(images/tidbit_tb.png) no-repeat;
float:left;
clear: left;
margin:0px 0px 20px 0px;
padding:0;
overflow:hidden;
white-space: nowrap;
text-transform:uppercase;
text-align:center;
text-shadow: -2px -2px 1px #131313 ;
color:#f1efd7;
font-family:AntiqueOliTMed, Helvetica, Lucinda Grande, sans-serif;
font-size:4em;
display:inline;

}


#intouch h3 {
border-bottom:none;
text-align:center;
font-size:2.2em;
white-space:nowrap;


}

/*
.post {
width:458px;
height:540px;
background: url(images/verticallinesalpha.png) repeat #313131;
margin-bottom:30px;
border:dashed 1px #505050;
overflow:hidden;

}

.post h2 {
background: url(images/verticallinesalpha.png) repeat #66acd6;
overflow:hidden;
line-height:14px;


}

.post h2 a {
width:458px;
height:35px;
padding-top:10px;
padding-right:10px;
padding-left:10px;
display:block;
overflow:hidden;
color:#2a2a2a;
font-size:0.8em;
border-bottom:1px dashed #505050;




}

.post h2 a:hover {
color:#f1efd7;
background: url(images/horizontalbakk.png) repeat #2a2a2a;
border:none;
overflow:hidden;
border-bottom:1px dashed #505050;


}

.post img {
margin-bottom:10px;
border-bottom:1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top:2px;
padding-bottom:2px;

}

.post img a {
text-decoration:none;
}


.post p {
clear:both;
padding-left:10px;
padding-right:10px;
margin-bottom:8px;

}
*/




.frontmodule {
width:940px;
height:180px;
margin:20px 0px 20px 0px;
float:left;
clear:left;
overflow: hidden;
}



.frontpostimg {
float:left;
margin-bottom: 20px;
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
overflow: hidden;
}

.frontpostimg img {
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

.frontposttxt {
width: 698px;
height: 178px;
float:right;
margin-bottom: 20px;
overflow: hidden;
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
}

.frontposttxt p {
padding: 5px 10px 5px 10px;
}

.frontposttxt h2 {
padding: 10px 10px 5px 10px;
}


/*
.frontpost p, .frontpost h2 {
float:right;
}


.frontpost img {
float:left;
}
*/


.opacity {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity:.7;				
}






.commentind {
float:left;
clear:both;
}

.commentind a:hover {
color:#2a2a2a;
background: url(images/verticallinesalpha.png) repeat  ;
}

.odd {
background: url(images/verticallinesalpha.png) repeat;
}

.even {
background: url(images/verticallinesdark.png) repeat;

}

/*------------*/

#sidebar {
width: 430px;
height: auto;
margin: 20px 0px 0px 50px;
float: right;

}

#sidebar h2, #sidebar h2 a {
white-space:nowrap;
}


.kassar li:hover {
background-color:#ffffff;


}

#blokk1 {
width: 430px;
height: 110px;

}



#blokk2 {
width: 430px;
height: 110px;

}

#blokk3 {
width: 430px;
height: 110px;


}

.blokk {
margin: 0px 0px 0px 0px;
background: url(images/verticallinesdark.png) repeat;
float: left;
clear: left;
overflow: hidden;


}



.blokk ul, .blokk li {
list-style: none;
}

.blokk ul {
margin:10px 10px 0px 10px;

}

.blokk li, .blokk li h2 {
display: inline;
}

.h2blokkindent {
margin: 0px 0px 0px 40px;
}



.ikonbakk {
width: 430px;
height: 32px;
background: url(images/ikonplus.png) top left no-repeat;

}



.blokktxt {
font-size: 15px;

font-style: italic;
text-align: justify;
}



#ikon1 {
width: 32px;
height: 32px;

}

.dash {
border-bottom: 1px dashed #545454;
width: 430px;
height:auto;
margin: 10px 0px 10px 0px;
float: left;
clear: left;
}





/* - - - - - AukaSidur - - - - - -*/

.page {
padding:20px;
}

.page h2, .page h2 a {
margin-bottom:10px;
padding-bottom:10px;


}



#pagewrap {
width: 940px;
height: auto;
min-height: 500px;
margin:40px 0px 40px 0px;
padding-bottom:40px;
float: left;
clear: left;
border:1px dashed #505050;

}

#pagewrap img a, #pagewrap img a:hover, #pagewrap img a:link {
text-decoration: none;
padding:0;

}


#pagehalf {
width:480px;
height:auto;
float:left;

}


.page img {

background: url(images/verticallinesalpha.png) repeat #4c4c4c;
overflow:hidden;
border:1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}





#showcasebox {
width:420px;
height:auto;
float:right;
padding:0;
margin:50px 0px 0px 0px;


}



/*--------------Clients-------------------*/

#showcasebox ul {
list-style:none;
display:block;
margin:10px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

#showcasebox li {
list-style:none;
display:inline;
white-space:nowrap;
margin:0;
padding:0px 10px 0px 0px;

}

/*
#showcasebox img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:2px;
overflow:hidden;
border:1px dashed #505050;

}
*/


#showhead {

}



/*-------------Clients 2 -----------*/

#pagewrap2 {
width: 940px;
height: auto;
min-height: 500px;
margin:40px 0px 40px 0px;

float: left;
clear: left;
}

#pageclients {
width:458px;
height:378px;
padding:0;
margin:0px 0px 40px 0px;
float:left;
background: url(images/verticallinesalpha.png) repeat;
border:1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}

#uppercollage {
width:940px;
height:180px;
margin-bottom:40px;
float:left;
clear:left;

}

#uppercollage ul {
list-style:none;
margin:0;
padding:0;
white-space:nowrap;

}

#uppercollage li {
list-style:none;
margin:0px 16px 0px 0px;
display:inline;
padding:0;
white-space:nowrap;

}

#uppercollage img {
padding:0;
margin:0;

}

#rightcollage {
width:460px;
height:auto;
float:right;


}

#rightcollage ul {
list-style:none;
display:block;
margin:0px 0px 14px 0px;
padding:0;
white-space:nowrap;
}

#rightcollage li {
list-style:none;
display:inline;
margin:0px 16px 0px 0px;
white-space:nowrap;

}


#bottomcollage {
width:940px;
height:180px;
float:left;
clear:both;
margin:0;
}


#bottomcollage ul {
list-style:none;
margin:0;
padding:0;
white-space:nowrap;

}

#bottomcollage li {
list-style:none;
margin:0px 16px 0px 0px;
display:inline;
padding:0;
white-space:nowrap;

}



/*--------------Projects-------------*/

.project {
width:940px;
height:180px;
margin:0px 0px 20px 0px;
float:left;
clear:left;
}


.project ul {
list-style:none;
margin:0;
padding:0;


}

.project li {
width:460px;
height:180px;
list-style:none;
margin:0px 18px 0px 0px;
float:left;
display:inline;
padding:0;
overflow:hidden;

}

.project li h2 {
padding:10px 10px 10px 10px;
}

.project li p {
padding:0px 10px 0px 10px;
}


li.projectlilast {
width:460px;
height:180px;
list-style:none;
margin:0;
float:left;
display:inline;
overflow:hidden;

}

.project img {
border:1px dashed #505050;
border-radius:10px;
-web-kit-border-radius:10px;
-mox-border-radius:10px;
}



li.border {
border: 1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*

#serviceblokk2 li {
margin:0;
padding: 0;
list-style:none;
display:inline;
}


li.serviceblokktxt {
width:460px;
border:1px dashed #505050;
overflow:hidden;
}
*/



/*-----------Services--------------*/


.pageblock {
width:458px;
height:378px;
overflow:hidden;
padding:0px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:1px dashed #505050;
}



#serviceblokk1 {
width:940px;
height:380px;
overflow:hidden;
margin-bottom: 40px;
}

.servicetwolongblock {

height:380px;
float:left;
padding:0;
margin0;

}

.servicetwolongblock ul {
list-style:none;
margin:0;
padding:0;
}

.servicetwolongblock li {
list-style:none;
margin:0px 20px 0px 0px;
float:left;
display:inline;
padding:0;
overflow:hidden;
}


#serviceblokk2 {
width:940px;
overflow:hidden;
float:left;
clear:left;
margin-bottom:40px;
}

#serviceblokk2 img {
width:218px;
height: 178px;
border:1px dashed #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


}

#serviceblokk2 ul {
list-style:none;
margin: 0;
padding:0;

}

#serviceblokk2 li {
list-style: none;
float: left;
display: inline;
overflow: hidden;
margin-right:20px;
}

li.serviceblokktxt {
width: 458px;
height: 178px;
overflow: hidden;
border:1px dashed #505050;
}

/*
#serviceblokk2 p, #serviceblokk2 h2 {
padding:10px;

}
*/

#serviceblokk2 li.limiddle {
margin-right:20px;
}

#serviceblokk2 li.lilast {
margin:0;

}

#serviceblokk3 {
width:940px;
height:380px;
overflow:hidden;
margin-bottom: 40px;
}

#servicebrandingcollage {
list-style:none;
width: 460px;
height:380px;
float: left;

}


#servicebrandingcollage img {
width: 218px;
height: 178px;



}


#servicebrandingcollage ul {
list-style:none;
display:block;
margin:0px 0px 16px 0px;
padding:0;
white-space:nowrap;
}

#servicebrandingcollage li {
list-style:none;
display:inline;
padding:0;
margin:0px 16px 0px 0px;


}

#servicebrandingtxt {
width: 458px;
height: 378px;
float: right;
border:1px dashed #505050;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;

}

#servicebrandingtxt h2  {
padding:20px;

}

#servicebrandingtxt p {
padding:0px 20px 0px 20px;

}


#serviceblokk4 {
width:940px;
overflow:hidden;
margin-bottom: 20px;
}

#serviceprintcollageright ul {
list-style: none;
margin: 0;
}

#serviceprintcollageright li {
list-style:none;
margin-bottom: 16px;

}






/*-------------About Us ------------*/

.pagebar {
width: 938px;
height: 178px;
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#aboutusblokk1 {
margin-bottom: 40px;
}

#aboutustxt {
margin-right: 20px;
}

#aboutusblokk2 {
margin-bottom: 20px;

}

#aboutusblokk2 li {
list-style: none;
}



/*------------Tidbits-----------------*/


#pagetidbit {
width:940px;
height: auto;

}

#postwrap {
float:left;
clear: both;
}

.tidbitpost {
width: 940px;
height: auto;
overflow: hidden;
margin-bottom: 40px;
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.tidbitpostentry {
padding:20px;
}

.tidbitpostentry img {
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}

.tidbitpostentry h2 {
margin-bottom: 10px;
padding:5px;
border: 1px dashed #505050;
background: url(images/verticallinesdark.png) repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}

.tidbitpostentry h2 a:hover {
border:none;
}

.entrytime {
font-size:0.9em;
border: 1px dashed #505050;
padding:0px 5px 5px 5px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background: url(images/verticallinesdark.png) repeat;
}

.entryblog {
margin-top: 20px;
}

.nextprevious {
width: 940px;
height: auto;

}

a.more-link  {
color:#66acd6;
float:right;
text-transform: uppercase;
padding: 10px 0px 0px 0px;

}


#facebook {
margin:0px 0px 20px 42px;

}


/*-------------Comments-------------*/


.tidbitpostsingle {
width: 940px;
height: auto;
overflow: hidden;
margin-bottom: 20px;
border: 1px dashed #505050;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}


#commentswrap {
width: 940px;
height: auto;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px dashed #505050;

}

#commentswrap h3 {
margin:20px;

}

.com, .com a {
padding: 10px 10px 0px 10px;

}

.singlemeta {

margin:20px;


}

.commentlist {
margin:0px 0px 0px 20px;
}

.commentlist li {
margin: 10px 20px 20px 0px;
padding:10px 0px 0px 0px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px dashed #505050;
background: url(images/verticallinesdark.png) repeat ;
list-style: none;
overflow: hidden;
}

li.gravatarinn {
float: left;
padding: 0;
display: inline;

}



li.commtext {
float: left;
width:600px;
border: none;
padding:0;

}

li.commtext p {
padding:5px 0px 0px 0px;
}

.commdate {
font-size: 0.7em;

}

.li.commentlist.alt {
background: url(images/verticallinesalpha.png) repeat #c1c1c1;
}

#commentform  {
margin:20px;
}

#commentform input  {
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
width:200px;
font-family:Georgia, times new roman, courier new, serif;
font-size:1.2em;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#commentform input:hover {
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}

#commentform input:focus, textarea:focus { 
border:1px solid #66acd6; 
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}

#commentform textarea:focus { 
border:1px solid #66acd6; 
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}


#commentform textarea {
width:460px;
height:200px;
margin-top:2px;
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
font-family:Georgia, times new roman, courier new, serif;
padding:5px;
font-size:1.2em;
color:#ffffff;
overflow:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#commentform textarea:hover {
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}

.aframbakk {
width: 940px;
margin-bottom: 20px;
border: 1px dashed #505050;
background: url(images/verticallinesdark.png) repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

overflow: hidden;
}

.aframbakk h5 {
font-size: 1em;
padding:10px;
}

.previous {
float:left;

}

.nexty {
float:right;

}


.aframbakk ul {
list-style: none;
margin: 0;

}

.aframbakk li {
list-style: none;

display: inline;
float: left;
}

li.gobackimg img {
border: none;
}

li.gobackimg {
margin-top:4px;
}

    
 



/*------------Archives-----------*/

ul#arclist {
list-style:none;

}

ul#arclist li {
display:block;
margin:10px 0px 10px 0px;
}

#arclist h4 {
padding:0;
margin:0;
}



/*----ArchiveLink-----*/

.archivelink {
width: 940px;
float: left;
border:1px dashed #505050;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
overflow: hidden;
background: url(images/verticallinesdark.png) repeat;
}

.archivelink h4 {
padding:10px;

}



/*------------Page form-----------*/

#pageform {
padding:10px;

}


.forminput p {
padding-bottom: 5px;
margin-bottom: 5px;
}

li.wpcf7 {
list-style: none;
}

.forminput input {
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
width:300px;
font-family:Georgia, times new roman, courier new, serif;
font-size:1em;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.forminput textarea {
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
width:300px;
height:100px;
font-family:Georgia, times new roman, courier new, serif;
font-size:1em;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.forminput input:focus, textarea:focus { 
border:1px solid #66acd6; 
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}



/*- - - - - - - Botninn - - - - - - - - - */





#bottom {
width:100%;
height: 370px;
margin: 0;
padding: 0;
overflow: hidden;
background: url(images/bottombakk.jpg) center bottom no-repeat;
}


#navifoot {
width: 940px;
height: 50px;
margin: 0 auto;
padding: 0;
clear: both;
overflow: hidden;
background: url(images/verticalbakk.png) repeat;
border-left: 1px dashed #545454;
border-top: 1px dashed #545454;
border-right: 1px dashed #545454;


}

#xnav {
float: right;
clear: both;
color: #f1efd7;
text-transform: uppercase;
padding:12px;

}

#xnav li {
display:inline;
}

#xnav h2, #xnav h2 a {
color: #f1efd7;
font-size: 1.3em;
text-transform: uppercase;
padding:5px;
list-style:none;


}

#xnav h2 a:hover, #xnav h2 a:active {
color: #2a2a2a;
background: url(images/verticallinesalpha.png) #f1efd7 repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


}


#footer {
width: 940px;
height: 320px;
margin: 0 auto;

background: url(images/verticalbakk.png) #f1efd7;
}

#left {
width:400px;
height: 320px;
float: left;
clear: left;
}

#bottomlogo {
width: 160px;
height: 40px;
background: url(images/gaslogobottom.png) no-repeat;
float: left;
clear: left;
margin: 0px 0px 20px 30px;
}



#history {
float: left;
clear: left;

}

#history ul  {
list-style: none;
margin:0px 0px 0px 30px;
}

#history li {
width: 400px;
list-style: none;
margin:0px 0px 10px 0px;

}

#right {
width: 440px;
height: 280px;
background: url(images/bella.png) right no-repeat;
float: right;
margin: 20px 20px 0px 0px;

}


/*-------litla contact----------*/
#sendmessage {
width: 290px;
height: 100px;
background: url(images/formtext.png) no-repeat;
float: left;
clear: left;

}

#sendform {
width: 280px;
height:180px;
float: left;
list-style:none;

}

#sendform p {
font-size:0.9em;
color: #2a2a2a;
margin:0px 0px 5px 0px;
text-shadow: 0px 1px 0px #ffffff;
}


.sndinpt input {
padding-left:5px;
padding-right:5px;
border:1px solid #2b4845;
background:url(images/verticallinesalpha.png)  #7c7c7c;
width:200px;
font-family:Georgia, times new roman, courier new, serif;
font-size:1.2em;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sndbttn input  {
width:64px;
height:35px;
margin:0;
padding:5px;
background: url(images/sendtakkimini.png) no-repeat;
font-size:1.2em;
color:#f1efd7;
text-transform: uppercase;
text-align: top;
font-family:Georgia, times new roman, courier new, serif;
border:none;

}

.sndbttn input:hover {
background: url(images/sendtakkihovermini.png) no-repeat;
cursor:pointer;
border:none;
}

#sendform input:focus { 
border:1px solid #66acd6; 
cursor:pointer;
background:url(images/verticallinesalpha.png) repeat #9cbcca;
}


.sndbttn input:active {
background: url(images/sendtakkiactivemini.png) no-repeat;
cursor:pointer;
color:#ffffff;
 
}











/*- - - - - - kontakt rullan - - - - - */





/* - - - - - - nivo  - - - - - - - - */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	overflow: hidden;


}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	overflow: hidden;

}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background: url(images/verticallinesdark.png) repeat #2a2a2a;
	color:#f1efd7;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	width: 80px;
	height: 40px;
	left:10px;
	background: url(images/previous.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	
}
.nivo-nextNav {
	width: 80px;
	height: 40px;
	right:10px;
	background: url(images/next.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	
}

a.nivo-nextNav  {
border: none;

}
a:hover.nivo-nextNav  {
background: url(images/nextactive.png) no-repeat;
}

a.nivo-prevNav  {
border: none;

}
a:hover.nivo-prevNav  {
background: url(images/previousactive.png) no-repeat;
}



/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	width: 20px;
	height: 20px;
	top:20px;
	left: 20px;
	padding-right: 20px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline;
	z-index:99;
	cursor:pointer;
	border: none;
	background: url(images/slidenr.png) no-repeat;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background: url(images/slidenractive.png) no-repeat;
}

/*
#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
*/

/*Scrollarinn*/

html {scrollbar-face-color: #7c7c7c;
scrollbar-shadow-color: #7c7c7c;
scrollbar-highlight-color: #2a2a2a;
scrollbar-3dlight-color: #2a2a2a;
scrollbar-darkshadow-color: #7c7c7c;
scrollbar-track-color: #2a2a2a;
scrollbar-arrow-color: #2a2a2a;}


/*wp image thingies*/


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;

   margin: 0;}

*/

img#wpstats{visibility:hidden}

img#wpstats{width:0px;height:0px;border:none;overflow:hidden}