@import url("css/suckerfishoriginal.css");

@import url("css/tabs.css");



/*

Theme Name: Webbutveckling

Theme URI: http://www.divinedeveloper.com/webbutveckling/

Description: 2-column, widget-ready, fixed-width, fully gettext. Original <a href="http://www.divinedeveloper.com/">Webbutveckling</a> by Divine Developer. Released under released under the GNU General Public License. This means you may use it for any purpose, and make any changes you like. However I would like if you leave <a href="http://www.divinedeveloper.com/">Webbutveckling</a> link to my site under your footer.

Version: 1.2.5

Author: Divine Developer

Author URI: http://www.divinedeveloper.com/

Tags: two-columns, fixed-width, left-sidebar, blue, red, custom-colors, translation-ready, custom-header, theme-options

*/



/* ************** GENERAL RESET ************** */

* {

	margin: 0;

	padding: 0;

}

/* CLEARFIX */

.clearfix {

	clear:both;

}

body {

	color:#444444;

	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;

	font-size:75%;

	text-align:center;

	background: url(images/bgr.gif) #d9d4cb repeat-x;

	line-height:1.5;

}

a {

	text-decoration: underline;

	color: #006699;

}

a:hover {

	text-decoration: none;

}

/* Headings

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

h1, h2, h3, h4, h5, h6 {

	color: #111;

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

	font-weight: normal;

}

h1 {

	font-size: 3em;

	line-height: 1;

	margin-bottom: 0.5em;

}

h2 {

	font-size: 1.6em;

	margin-bottom: 0.75em;

}

h3 {

	font-size: 1.5em;

	line-height: 1;

	margin-bottom: 1em;

}

h4 {

	font-size: 1.2em;

	line-height: 1.25;

	margin-bottom: 1.25em;

}

h5 {

	font-size: 1em;

	font-weight: bold;

	margin-bottom: 1.5em;

}

h6 {

	font-size: 1em;

	font-weight: bold;

}

/* Text elements

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



p {

	margin: 0 0 1.5em;

}



ul, ol {

	margin: 0 0 1em 1em

}

li {

	margin-left: 1.5em;

	line-height: 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 0 1em 2em;

}

blockquote {

	margin: 1em 0 1em 1.5em;

	padding: 0 0 0 1.5em;

	font-style: italic;

	color: #666;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

}

pre {

	font: 1em 'Courier New', Courier, monospace;

	white-space: pre-wrap; /* css-3 */

	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */

	white-space: -pre-wrap; /* Opera 4-6 */

	white-space: -o-pre-wrap; /* Opera 7 */

	word-wrap: break-word; /* Internet Explorer 5.5+ */

	background-color:#E8F2FB;

	border: solid 1px #CADFEF;

	color:#333333;

	padding:10px;

	margin: 0 0 1em 0;

}

/* Tables

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



table {

	margin: 1.4em auto;

}

th {

	border-bottom: 2px solid #ccc;

	font-weight: bold;

}

td {

	border-bottom: 1px solid #ddd;

}

th, td {

	padding: 4px 10px 4px 0;

}

tfoot {

	font-style: italic;

}

caption {

	background: #dfcb28;

}

/* Use this if you use span-x classes on th/td. */

table .last {

	padding-right: 0;

}

/* **************** CONTAINER *************** */



#container {

	margin:0 auto;

	padding:0;

	width:960px;

	text-align: left;

}

/* **************** HEADER *************** */



#header {

	height:250px;

	background: transparent url(images/header.jpg) no-repeat left top;

	margin:0;

	padding:0;

	width:960px;

}

#logo {

	float:left;

	width: 470px;	

	margin:24px 0 0;

}

#header a img {

	border: none;

	margin: 0;

	padding: 0;

}

#header h1 a {

	text-decoration:none;

	color:#fff;

	margin: 0 0 0 24px;

}

#header #desc {

	margin: 0 0 0 24px;

	color:#fff;

	clear:both;

}



/* **************** Content *************** */

#fullwidth {
	
    float: left;
    
    width: 100%;
	
}

#content {

	width:960px;

	clear: both;

	background: #FFFFFF url(images/content.jpg) repeat-y center top;

}

#content.forum {width:960px !important;}

#main {

	float:left;

	width:660px;

	}
	
#main.forum {width:100% !important;}	

/* Search */

#searchbox {

	float: right;

	width: 270px;

	margin: 0px;

	padding: 0px;

	height: 43px;

}

#searchform {

	margin: 0px;

	padding: 0 0 6px;

	float: left;

	height: 37px;

	width: 97%;

	overflow: hidden;

}

#searchform #sbox {

	margin: 0px;

	padding: 0px;

	float: left;

	height: 26px;

	width: 100%;

}

#sbox input {

	width: 96%;

	border-width: 0px;

	float: left;

	margin: 0 0 6px;

	padding: 4px;

	color: #333333;

	font-family: Verdana, Arial, "Times New Roman", sans-serif;

	font-size: 11px;

}

#sbutton {

	margin: 0px;

	padding: 0px;

	float: left;

}

select {

	border:1px solid #67829D;

	width:100%;

	margin: 6px 0 0 0;

}

/* SIDEBAR */

#sidebar {

	width: 300px;

	float:right;

	padding-top: 12px;

}

.widget  {

	margin: 0 0 15px 0;

	padding: 0 30px 0 0;

	list-style-type: none;

}

.widget ul, ul.sidebartabs  {

	list-style-type: none;

	padding: 0;

	margin: 0 0 10px ;

}

.sidebartabs li {

	background-image: url(images/ullibullet.gif);

	background-repeat: no-repeat;

	background-position: 0 50%;

	padding: 3px 0 3px 20px;

	margin: .4em 0;

}

.widget li {

	list-style-type: none;

	padding: 0;

	margin: 0 ;

}

#sidebar h3 {

	margin:10px 30px 0 0;

	padding: 6px 6px;

}

#sidebar .widget ul li  a  {

	display: block;

	padding: 8px 8px;

	text-decoration: none;

	border-bottom: 1px dotted #000;

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

}

#sidebar .widget a:hover {

	background-color: #67829d;

	color: #FFF;

}

#sidebar .widget ul li ul  {

	padding: 0;

	text-decoration: none;

	border-bottom: 1px dotted #000;

	margin: 0 0 8px;

}

#sidebar .widget ul li  ul li a  {

	padding: 6px 0 6px 24px ;

	text-decoration: none;

	border: none;

}

#sidebar .widget ul li ul li ul {

	padding: 0;

	text-decoration: none;

	border: none;

	margin: 0 ;

}

#sidebar .widget ul li  ul li ul li a  {

	padding: 6px 0 6px 36px ;

	text-decoration: none;

	border: none;

}

/* POST */



.post {

	padding: 12px 8px 12px 30px;

	margin: 0 0 8px;

}

.post h2 {

	margin: 0;

	padding: 0 0px;

	height: 40px;

	background: #67829d;

	width: 99%;

}

.post h2 a {

	padding: 0 12px;

	line-height: 40px;

	color: #fff;

	text-decoration: none;

}

.sticky h2 {

	margin: 0;

	padding: 0;

	height: 40px;

	background: #970f00;

	width: 100%;

}

.post h2.pagetitle {

	text-align: center;

	line-height: 40px;

	color: #fff;

	}

.post .entry, .post .entrytext {

	padding:5px 12px 5px 0px;

}

.postmetadata {

	padding: 5px 12px 0;

	clear: left;

}

.time, .category, .tags, .commenter, .author, .edit {

	padding: 0 10px 0 20px;

}

.time {

	background: url(images/calendar.gif) no-repeat 0 0;

}

.category {

	background: url(images/folder.gif) no-repeat 0 .1em;

}

.tags {

	background: url(images/tags.gif) no-repeat 0 .2em;

}

.commenter, .author {

	background: url(images/commenter.gif) no-repeat 0 .1em;

}

.edit {

	background: url(images/edit.gif) no-repeat 0 0;

}

/* .more-link {

	padding: 0 20px 0 0;

	background: url(images/comment.gif) no-repeat right .2em;

}*/



.post p {

}

.post img {

    max-width: 500px; 

    height: auto;

}

code {

	font-family: "Courier New", Courier, monospace;

}

.post ul, .post ol {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0 1em;

}

.post ul li, .post ol li {

	background-image: url(images/ullibullet.gif);

	background-repeat: no-repeat;

	background-position: 0 50%;

	padding: 3px 0 3px 20px;

	margin: .4em 0;

}

/* FOOTER */

#footer {

	padding: 0;

	margin: 0 auto;

	background: #67829d url(images/footer.jpg) no-repeat top center;

	height: 80px;

	font-size: 0.94em;

	width: 100%;

	display: table;

}

#footer p {

	text-align: center;

	padding: 25px 0 0 0;

	margin: 0;

}

/* alignment classes */

.navigation {

	display:block;	

	padding: 0 24px 10px 24px;

}

.navigation .alignleft{

	width:47%;	

}

.navigation .alignright{

	width:47%;	

	text-align:right;

}

.floatleft, .alignleft {

   float: left;

}



.floatright, .alignright {

   float: right;

}

.center, .aligncenter {

   	display: block;

   	margin-left: auto;

   	margin-right: auto;

	text-align:center;

}

/* Images */

img {border:1px solid #EAE9E9;padding:4px;}

img.centered { display: block; margin-left: auto; margin-right: auto;}

img, img.alignnone { margin: 0 1.5em 0; display: inline;}

img.alignright {float: right; margin: 0 0 1.5em 1.5em; display: inline;}

img.alignleft { float: left; margin: 0 1.5em 1.5em 0; display: inline;}

.wp-caption {

	margin: 0px;

	padding: 0px;

}

.wp-caption img {

	margin: 0px 0px 10px 0px;

	padding: 0px;

	border: 0px;

}

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

	margin: 0px;

	padding: 5px 0px 0px 0px;

	font-size: 10px;

	font-style: italic;

	font-weight: bold;

	line-height: 12px;

}

.navigation {

	padding: 0 24px 10px 24px;

	margin: 0;

}

.previous {

	float:left;

	width:47%;

}

.next {

	float:right;

	text-align:right;

	width:47%;

}



/* comments */

.commnavigation {

	padding: 5px 0;

	display:block;	

}

#comments-template {

	clear:right;

	padding: 3px 12px 0 30px;

	margin: 15px auto 20px;

}

#commentform textarea {

	border:1px dotted #b93f31;

	margin-top:10px;

	padding:5px;

	width:96%;

}

#commentform input {

}

#commentform #submit {

	height: 20px;

	background: #E6C173;

	border: none;

	font-size: 12px;

	color: #FFFFFF;

	padding: 3px 3px;

}

.commentlist li {

	clear:both;

	margin:10px 0;

	list-style: none;

}

.commentlist cite, .commentlist cite a {

	background: url(images/comment.gif) no-repeat 0 0;

	border-bottom: 1px dotted #B93F31;

	padding: 0 10px 0 20px;

}

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	margin: 10px 5px 10px 0;

}

#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	margin: 5px 0;

}

.commentmetadata {

	padding: 0;

}

.alt {

	padding:5px;

	border-bottom:1px solid #b93f31;

	border-top:1px solid #b93f31;

	margin:6px 0 0;

}

.commentlist {

	padding: 0;

}

.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}

.avatar {

 	float: right;

	margin: 0 0 0 10px;

}

/*Wp-pagenavi*/

.wp-pagenavi {

	padding:8px 12px;

	margin:12px 8px 12px 30px;

	background-color: #E6C173;	

}

.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	color: #fff;

	border: 1px solid #E6C173;

}



.wp-pagenavi a:hover, .wp-pagenavi a:active {	

	border: 1px solid #f8f5ee;

}



.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #fff;

	background-color: #E6C173;	

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: bold;

	color: #444444;

	border: 1px solid #f8f5ee;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	color: #fff;

	background-color: #E6C173;	

}