/*  
Theme Name: Morten
Theme URI: http://www.patrikspathon.com
Description: Detta är en helt ny och bättre design!
Version: 1.0
Author: Patrik Spathon.
Author URI: http://www.patrikspathon.com
	Detta tema &auml;r designat och byggt av <a href="http://www.patrikspathon.com">Patrik Spathon</a>.
	Genom att anv&auml;nda det h&auml;r temat accepterar du f&ouml;ljande vilkor:
    - Du f&aring;r INTE s&auml;lja vidare det h&auml;r temat
    - En l&auml;nk tillbaka till http://www.patrikspathon.com/ m&aring;ste finnas kvar i footern (&auml;ven om du har gjort &auml;ndringar i temat)
    - Du f&aring;r anv&auml;nda det h&auml;r temat f&ouml;r personliga och kommersiella projekt
    - Du f&aring;r g&ouml;ra &auml;ndringar och sprida temat vidare
*/

/*   Reset   */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td{margin: 0; padding: 0; border: 0; outline: none;}
ul, ol{list-style: none;}
img {border: none;}

/*   Body link p   */

body {
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #333;
	background: #333 url(images/bg.png) no-repeat center top;
}
a:link {
	color: #2c92bd;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
p {
	padding: 7px 0px 7px 0px;
}
blockquote{
        padding: 5px 10px;
        font: bold 14px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
}

/*   H1,H2,H3,H4,H5   */

h1 {
	font: normal 26px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	color: #333;
        padding: 5px 0px;
}
h2{
	font: normal 20px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	color: #333;
        padding: 5px 0px;
}
h3 {
	font: normal 16px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	color: #333;
        padding: 5px 0px;
}
h4 {
	font: bold 12px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	color: #333;
        padding: 5px 0px;
}
h5 {
	font: bold 12px/1.2 Arial, Helvetica, sans-serif;
	color: #333;
        padding: 5px 0px;
}

/*   Wrapper   */

#wrapper {
	margin: 0px auto;
	width: 850px;
}

/*   header   */

#header {
	height: 240px;
	position: relative;
        margin: 10px 0 0 0;
        background: url(bilder/head.jpg) no-repeat left top;
        
}

#header input{
	font: 12px arial;
}
.description{
        display: none;
}
/*   logo   */

#logo{
        position: absolute;
        top: 80px;
        left: 20px;
}
#logo a{
	height: 100px;
	width: 380px;
	text-indent: -9999px;
	display: block;
	background: url(images/logo-trans.png) no-repeat 0px -12px;
}
/*   login   */

#login{
	position: absolute;
        bottom: 40px;
        right: 10px;
	float: right;
	padding: 0px;
}
#login input{
	background: url(images/input.gif) no-repeat;
	padding: 5px 3px 5px 4px;
	width: 109px;
	color: #fff;
	margin: 0px 0 0 4px;
}
#login ul {
	float: right;
	padding: 0px 0px 0px 0px;
}
#login li {
	display: block;
	float: left;
}
#login a{
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 0px 5px;
	font: normal 12px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
    display: block;
    float: left;
}
#login a:hover{
    color: #2c92bd;
}

/*   search-top   */

#search-top{
    position: absolute;
    top: 15px;
    right: 10px;
}
#search-top input{
	background: none;
	padding: 5px 4px 5px 4px;
	width: 100px;
	color: #555;
	vertical-align: middle; *vertical-align: text-bottom;
}
#search-top input.send{
	background: url(bilder/sok.jpg) no-repeat right top;
	padding: 3px 0px 5px 0px;
	width: 27px;
	color: #fff;
	text-indent: -9999px;
	cursor: pointer;
}
#search-top:hover .send{
	background: url(bilder/sok-hover.jpg) no-repeat right top;
}
#search-top input:focus, #search-top:hover input{
	color: #fff;
}
/*   PageNav   */

#pagenav {

	height: 240px;
	width: 100%;
/*	background: url(images/navCenter.png) repeat none;*/
}
.left{
	height: 82px;
	width: 100%;
	/*background: url(images/navLeft.png) no-repeat none;*/
}
.right{
	height: 82px;
	width: 100%;
	/*background: url(images/navRight.png) no-repeat top right none;*/
}
#pagenav ul {
	float: left;
	padding: 14px 0px 0px 10px;
}
#pagenav li {
	display: block;
	float: left;
}
#pagenav .page_item a{
	color: #fff;
	text-decoration: none;
	padding: 0px 15px 7px 15px;
	font: normal 19px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
    display: block;
    float: left;
}
#pagenav .page_item a:hover {
    background: url(images/pagenav-arr-hover.gif) no-repeat center bottom;
    color: #2c92bd;
}
#pagenav .current_page_item a, #pagenav .current_page_item a:visited, #pagenav .current_page_ancestor a:link, #pagenav .current_page_ancestor a:visited{
	background: url(images/pagenav-arr-current.gif) no-repeat center bottom;
	color: #2c92bd;
}

/*   level 2 pagenav   */

#pagenav ul ul{
	position: absolute;
	bottom: 9px;
	padding: 0px;
        left: 10px;
        display: none;
}
#pagenav ul li.current_page_item ul{
        display: block;
}
#pagenav ul ul .page_item a, #pagenav ul ul .page_item a:visited{
	color: #333;
	text-decoration: none;
    background: none;
	padding: 0px 15px;
	font: normal 19px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	display: block;
	float: left;
}
#pagenav ul ul .page_item a:hover {
	background: none;
	color: #2c92bd;
}
#pagenav ul ul.current_page_item a, #pagenav ul ul .current_page_item a:visited{
	background: none;
	color: #2c92bd;
}

/*   contentWrapper   */

#contentWrapper{
	background: #222 url(images/wrapper-left.gif) no-repeat left bottom;
	padding: 0px;
}
#contentWrapperRight{
	background: url(images/wrapper-right.gif) no-repeat right bottom;
	padding: 0 5px 5px 5px;
}
#content {
	padding: 0px;
	float: left;
	width: 580px;
        background: none;
        margin-top: 5px;
}
.no-subpage#content {
	padding: 0px;
	float: left;
	width: 840px;
        background: none;
		        margin-top: 5px;
}

.top-left{
	background: #fff url(images/top-left.gif) no-repeat left top;
}
.top-right{
	background: url(images/top-right.gif) no-repeat right top;
}
.bottom-left{
	background: url(images/bottom-left.gif) no-repeat left bottom;
}
.bottom-right{
	background: url(images/bottom-right.gif) no-repeat bottom right;
}

.post {
	clear:both;
	padding: 10px;
	margin-bottom: 5px;
}

.post-date {
	width: 50px;
	height: 46px;
	float:left;
	background: #c03636;
	text-align: center;
	font: bold 19px/1.1 arial;
	color: #fff;
	padding: 4px 0 0 0;
	float: left;
        margin: 0px 10px 0 0px;
}

.post-title {
	float: left;
	margin: 0 0 4px 0px;
	width: 500px;
}
.post-title h2 a{
	font: 23px/1 "Century Gothic", "Gill Sans", Arial, sans-serif;
}
.post-cat {
	width: 385px;
	float:left;
	font-size: 12px;
	color: #999999;
        padding: 3px 0px 0px 0px;
}
.post-comments {
	float: right;
	font-size: 12px;
}

.entry {
	clear: both;
}
.entry img{
	border: 1px solid #ddd;
        padding: 5px;
        background: #eee;
}

/*   Paging   */

.paging{
        width: 100%;
        text-align: center;
        color: #fff;
        background: none;
        padding: 10px;
        font-size: 11px;
}
.paging .numberofpages{
        background: #333;
        padding: 5px 10px;
        margin: 0 5px 0 0;
        border: 1px solid #111;
}
.paging a{
        background: #333;
        padding: 5px 10px;
        margin: 0 5px 0 0;
        border: 1px solid #111;
        color: #fff;
        text-decoration: none;
}
.paging a:hover{
        background: #333;
        padding: 5px 10px;
        margin: 0 5px 0 0;
        border: 1px solid #111;
        color: #2C92BD;
}
.paging .current{
        background: #333;
        padding: 7px 12px;
        margin: 0 5px 0 0;
        border: 1px solid #111;
        font-weight: bold;
        color: #2C92BD;
}
.paging .extend{
        background: #333;
        padding: 5px 10px;
        margin: 0 5px 0 0;
        border: 1px solid #111;
        color: #2C92BD;
}


.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #fff;
}



/*   comments area   */

#comments, #respond {
	border-bottom: 1px dashed #2C92BD;
	padding: 0px 0 5px 0;
	clear: both;
}
h3#comments,#respond h3 {
	font: normal 19px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
}
#commentform {
	margin-top: 0px;
}
#commentform p {
	padding: 5px 0px;
	margin: 0px;
}

#commentform label{
	color: #333;
	font-size: 12px;
}
#commentform input{
	width: 200px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 3px;
	margin-top: 0px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 3px;
	margin-top: 0px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #fff;
}
#commentform #submit{
	background: #911;
	font: normal 12px "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #911;
	width: 144px;
	height: 28px;
	cursor: pointer;
}
#commentform #submit:hover{
	background: #fff;
	font: normal 12px "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #911;
	width: 144px;
	height: 28px;
	cursor: pointer;
}



/*sidebar */

#sidebar {
	float: right;
	padding: 0px 0px 0px 0px;
	width: 255px;
	overflow: hidden;
        min-height: 250px;
}



/*   tabs   */

#sidetabs{
        background: #fff url(images/bottom-right.gif) no-repeat right bottom;
        margin-top: 5px;
        padding: 0px;
}
#tab-content{
        /*   The hight should be sidetabs-tab   */
        height: auto !important;
        height: 205px;
        min-height: 205px;
        background: url(images/bottom-left.gif) no-repeat left bottom;
        padding:10px;
}
#sidetabs #tab{
        background: #222;
        height: 25px;
}
#sidetabs #tab ul, #sidetabs #tab li{
	padding: 0;
	margin: 0;
	float: left;
}
#sidetabs #tab li a{
        background: #333 url(images/tab.png);
        display: block;
        float: left;
        margin: 0 7px 0 0;
        padding: 0px 0 0px 0;
        height: 25px;
        width: 80px;
        text-align: center;
        color: #fff;
        font: 12px/25px "Century Gothic", "Gill Sans", Arial, sans-serif;
}
#sidetabs #tab li.last a{
        margin: 0 0px 0 1px;
}
#sidetabs #tab .ui-tabs-selected a{
        background: url(images/tab-active.png);
        color: #000;
}



/*   sidebar title (h2)  */

#wps_widgets h2, #sidebar .sidebartitle{
	font: normal 20px/1.2 "Century Gothic", "Gill Sans", Arial, sans-serif;
	color: #333;
	margin: 0px 0px 2px;
        padding: 0px 0 0 0;
	border-bottom: 1px solid #ddd;
}

/*   sidebar links   */

#sidebar a:link{
	color: #2C92BD;
	text-decoration: none;
}
#sidebar a:visited{
	color: #227395;
	text-decoration: none;
}
#sidebar a:hover{
	color: #911;
	text-decoration: none;
}

/*   sidebar widget list   */

#wps_widgets ul {
	margin: 0;
	padding: 0;
}
#wps_widgets ul li {
	list-style: none;
	margin: 0 0 0px;
	padding: 0px;
	border: none;
}
#wps_widgets .widget{
	margin-top: 5px;
}
.pad{
        padding: 5px 5px;
}

/*   sidebar list level2   */

#wps_widgets ul li ul {
	padding: 0;
	margin: 0;
}

#wps_widgets ul li ul li{
	padding: 3px 0px 3px 0px;
	border-bottom: 0px solid #ddd;
        background: none;
        margin: 0px;
}

/*sidebar list level3 */

#wps_widgets ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

/*   Sökformulär  */

.searchform {
	margin: 0px;
        text-align: center;
}

.searchform input {
	width: 190px;
	border: 1px solid #911;
	background: #ddd;
	color: #333;
        padding: 0px;
        margin: 0px 0 0 2px;
        height: auto;
        padding: 4px;
        display: block;
        float: left;
}

.searchform .searchsubmit {
        width: 40px;
	border: 0px solid #911;
	background: #fff url(images/sok-bg.gif) repeat-x;
	color: #FFFFFF;
        padding: 0;
        margin: 0px;
        height: auto;
        padding: 4px;
        display: block;
		float:left;
}

/*  Widget sidor  */

#sidebar #pages{
        margin: 5px 0px 0px 0;
}
#sidebar #pages ul li a{
        display: block;
        padding: 3px 0px;
        margin: 0px 0px;
}
#sidebar #pages ul li a:hover{
        background: #eee;
}
#sidebar #pages ul li{
        margin: 0px;
        padding: 0px 0px;
}

#sidebar #pages ul{
        border-left: 0px solid #999;
        padding: 0 0 0 0px
}
#sidebar #pages ul li ul{
        border-left: 2px solid #999;
        padding: 0 0px 0 5px
}
#sidebar #pages ul li ul li ul{
        border-left: 2px solid #ccc;
}
#sidebar #pages ul li ul li ul li ul{
        border-left: 2px solid #ddd;
}

/*   bottomBar   */



#bottomBar {
	clear: both;
	background: none;
	padding: 0px;
	color: #aaa;
	font-size: 10px;
	line-height: 1.2;
        border-top: 1px solid #333;
}
#bottomBar h4{
        color: #fff;
}
#bottomBar a, #bottomBar a:visited {
	color: #fff;
    text-decoration: none;
}
#bottomBar a:hover {
	color: #2C92BD;
    text-decoration: none;
}
#bottomBar div{
    float: left;
    padding: 10px;
    width: 400px;
}
/*   footer   */
#footer {
	margin: 0px auto 0px auto;
    padding: 10px 0px 40px 0px;
	width: 830px;
	color: #aaa;
	font-size: 10px;
	line-height: 1.2;
}
#footer a, #footer a:visited {
	color: #fff;
    text-decoration: none;
}
#footer a:hover {
	color: #2C92BD;
    text-decoration: none;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {

	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear: both;
}
.clearRight {
	clear: right;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}