/*  
Theme Name: Pratelsky
Theme URI: http://www.pratelsky.se/
Description:
Version: 1.0
Author: Gefle Design
Author URI: http://www.gefledesign.se/
*/

/* ---------->>> Body and universal reset <<<-----------*/

* {
           margin: 0;
	       padding: 0;
}

body {
           background: #FFF;
	       color: #444;
	       font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	       margin: 30px 0;
}

/* ---------->>> Container <<<-----------*/

#container {
           width: 860px;
	       margin: 0 auto;
}

/* ---------->>> Header <<<-----------*/

#header {
           height: 155px;
	       background: url(images/pole-vaulting-1.jpg) no-repeat;
	       margin: 0 0 30px;
}

#header h1 {
           width: 162px;
	       height: 118px;
	       padding: 28px 0 0;
}

#header h1 a {
           width: 162px;
	       height: 118px;
	       background: url(images/logo.png) no-repeat;
	       text-indent: -9999px;
	       text-decoration: none;
	       display: block;
}

/* ---------->>> Menu <<<-----------*/

#menu {
           height: 37px;
	       background: #008A5F;
	       font: 14px 'Arial', sans-serif;
	       margin: 0 0 35px;
	       
}
#menu ul {
           color: #FFF;
	       
}

#menu li {
           list-style: none;
	       float: left;
	       
}

#menu li a {
           color: #EEE;
	       text-decoration: none; padding: 10px 15px;
}

#menu li a:hover {
           color: #FFF; background: #006b4a;
}

/* ---------->>> Content <<<-----------*/

#content {
           width: 860px;
}

/* ---------->>> Main <<<-----------*/

#main {
           width: 570px;
	       float: left;
	       margin: 0 0 35px;
}

/* ---------->>> Sidebar <<<-----------*/

#sidebar {
           width: 260px;
	       float: right;
	       margin: 0 0 35px;
}

/* ---------->>> Footer <<<-----------*/

#footer {
           background: #FAFAFA;
	       color: #666;
	       font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	       border: 1px solid #eee;
	       padding: 10px;
}

#footer p {
           margin: 0;
}

#footer a {
           color: #777;
	       text-decoration: none;
}

#footer a:hover {
           color: #333;
	       text-decoration: underline;
}

#footer #footer-left, #footer #footer-right {
           width: 395px;
	       float: left;
}

#footer #footer-left {
           margin: 0 30px 0 0;
}

/* ---------->>> Post <<<-----------*/

.post {
           border-bottom: 1px dotted #DDD;
	       margin: 0 0 20px;
}

.post-header {
           border-bottom: 1px dotted #DDD;
	       margin: 0 0 15px;
	       padding: 0 0 4px;
}

.post-header p {
           color: #888;
	       margin: 0;
}

.entry {
           
}

/* ---------->>> Two Columns <<<-----------*/

#two-columns {
           margin: 0 0 30px;
}

#two-columns #col-1, #two-columns #col-2 {
           width: 415px;
	       float: left;
}

#two-columns #col-1 {
           margin: 0 30px 0 0;
}

/* ---------->>> Misc <<<-----------*/

h1, h2, h3 {
           color: #333;
	       font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
}

h1 {
           font-size: 1.7em;
}

h2 {
           font-size: 1.6em;
}

h3 {
           font-size: 1.1em;
}

h4 {
           font-size: 1.3em;
	       font-weight: normal;
}

.post-header h1, .post-header h2 {
           margin: 0 0 4px;
}

.page h2 {
           margin: 0 0 8px;
}

h4#news-heading {
           margin: 0 0 8px;
}

.news h4 {
           font-size: 1.1em;
	       margin: 0 0 3px;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
           color: #333;
	       text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
           color: #888;
}

a:link, a:visited {
           color: #008A5F;
	       text-decoration: none;
}

a:hover {
           text-decoration: underline;
}

p {
           margin: 0 0 15px;
}

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

.alignleft {
           float: left;
}

.alignright {
           float: right;
}

img.alignleft {
           margin: 0 20px 0 0;
}

img.alignright {
           margin: 0 0 0 20px;
}

.frame {
           background: #FAFAFA;
	       border: 1px solid #EEE;
	       margin: 0 0 15px;
	       padding: 10px;
}

ul.sub-menu {
           margin: 5px 0 0;
	       padding: 0;
}

.sub-menu li {
           list-style: none;
	       margin: 0 0 4px;
}

ul.list {
           margin: 5px 0 0;
	       padding: 0 0 0 14px;
}

.list li {
           list-style: disc;
	       margin: 0 0 7px;
	       padding: 0;
}

#more-news {
		   text-align: right;	
	       margin: 0 0 3px;
}

.clearfix:after {
           height: 0;
	       display: block;
	       visibility: hidden;
	       clear: both;
	       content: ".";
}

.clearfix {
           display: inline-block;
}

.clearfix {
           display: block;
}