/*   
Theme Name: STEF
Theme URI: www.siteadress.se
Description: Tema, Sven Tumba Sports Education
Author: Valentin&Byhr / Lundgren+Lindqvist
Author URI: www.valentinbyhr.se
Version: 1.0
*/

/* Imports */

/* Reset Browser Default */ 
/*\*/@import url(css/reset.css); /**/


/* Basic WordPress Blog Styles */


/* Images */

.entryContent img {margin: 0 0 1.5em 0;}
.alignleft, img.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright,img.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;}
.gallery-caption {margin:-1.5em 0 0 0;}


/* Pullquotes */

blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}


/* Structure */

#wrapper {width:960px;margin:0 auto;}
#header {width:960px;float:left;clear:left;height:81px;margin:20px 0 0 0;}
#nav {width:960px;float:left;clear:left;height:23px;margin:10px 0 0 0;}
#container {width:960px;float:left;clear:left;height:auto;padding:10px 0 0 0;}
#content {width:640px;float:left;display:inline;clear:left;height:auto;}
#sidebar {width:300px;float:left;display:inline;height:auto;margin:0 0 0 20px;}
#footer {width:960px;float:left;clear:left;height:80px;border-top:#e09829 5px solid;margin:10px 0 0 0;padding:15px 0 0 0;background:url(img/logoFooter.gif) 860px 10px no-repeat;}
.hem {border-top:#e09829 10px solid;}
.bakgrund {border-top:#a33830 10px solid;}
.filosofi {border-top:#cdc6aa 10px solid;}
.projektet {border-top:#3d98ad 10px solid;}
.blogg {border-top:#8dac37 10px solid;}
.hjalpOss {border-top:#4d4b3e 10px solid;}
.column1 {width:480px;float:left;display:inline;margin:0 40px 18px 0;}
.column2 {width:400px;float:left;display:inline;margin:0 0 18px 0;padding:6px 20px;background:#f4f4f4;}
.oneCol {width:300px;height:auto;float:left;display:inline;}
.twoCol {width:640px;height:auto;float:left;display:inline;}


/* Header  */

#header a#logo {display:block;width:249px;height:81px;margin:0 0 0 0;position:absolute;}
#header h1 {position:absolute;margin:0 0 0 -100000px;}
#headerSMS {display:block;height:53px;margin:28px 0 0 640px;text-align:right;width:320px;}
#headerSMS h3 {margin:0 0 2px 0;color:#3d98ad;}
#headerSMS p {font-weight:bold;line-height:15px;}
#headerSMS p strong {font-size:16px;}


/* Main nav */

#nav ul li {float:left;display:inline;width:160px;background:none;padding:0;}
#nav ul li a {display:block;width:160px;text-indent:-100000px;height:23px;background:url(img/mainNav.gif);}
#nav ul li.page-item-3 a {background-position:0 0;}
#nav ul li.page-item-3 a:hover {background-position:0 -23px;}
#nav ul li.page-item-5 a {background-position:-160px 0;}
#nav ul li.page-item-5 a:hover {background-position:-160px -23px;}
#nav ul li.page-item-7 a {background-position:-320px 0;}
#nav ul li.page-item-7 a:hover {background-position:-320px -23px;}
#nav ul li.page-item-13 a {background-position:-480px 0;}
#nav ul li.page-item-13 a:hover {background-position:-480px -23px;}
#nav ul li.cat-item-1 a {background-position:-640px 0;}
#nav ul li.cat-item-1 a:hover {background-position:-640px -23px;}
#nav ul li.page-item-15 a {background-position:-800px 0;}
#nav ul li.page-item-15 a:hover {background-position:-800px -23px;}


/* Hem */

.hem .oneCol.topLeft {background:url(img/hem.jpg) top left;width:260px;height:264px;overflow:hidden;color:#ffffff;margin:0 20px 20px 0;padding:16px 20px 20px 20px;}
.topLeft h2 {margin: 0; font-size:24px; line-height:24px; border:none;}
.topLeft p {font-size:13px;}
.hem .karusell {background:url(img/featuredHolder.jpg) top left;width:640px;height:300px;overflow:hidden;color:#ffffff;margin:0 0 20px 0;}
.hem .karusell .karusell_right {position:absolute;margin:0 0 0 480px;padding:0;z-index:20;display:block;width:160px;}
.hem .karusell .karusell_info {display:inline;width:160px;margin:0;height:75px;float:left;clear:left;opacity:0.3;background-color:#000000;}
.hem .karusell .karusell_info h3 {margin:10px 10px 0 10px;}
.hem .karusell .karusell_info h3 a {color:#fff;}
.hem .karusell .karusell_info p {margin:0 10px 0 10px;}
.hem .karusell .karusell_info:first-child {opacity:0.8;}
.hem .karusell .karusell_item {position:absolute;margin:0;padding:0;z-index:8;display:block;}
.hem .karusell .karusell_item:first-child {z-index:10;}
.hem .oneCol.black, .hem .oneCol.orange {margin:0 30px 0 0}
.hem .oneCol .mer {border-top:#4d4b3e 1px dotted;padding:9px 18px 0 0;text-align:right;}
.hem .oneCol .mera {padding:1px 18px 0 0;text-align:right;}
.hem .oneCol.black .mer {background:url(img/blackArrow.gif) right 11px no-repeat;}
.hem .oneCol.orange .mer {background:url(img/orangeArrow.gif) right 11px no-repeat;}
.hem .oneCol.green .mer {background:url(img/greenArrow.gif) right 11px no-repeat;}


/* Bakgrund */

.bakgrund #content {width:960px;}


/* Filosofi */

.filosofi #content {width:960px;}



/* Projektet */

.projektet #content {width:960px;}



/* Blogg */

.entryTitle {border-top:1px #4d4b3e dotted; border-bottom:1px #4d4b3e dotted; padding:9px 0 9px 0; margin: 0 0 9px 0;text-transform:uppercase;}
.entryTitle .numberOfComments {float:right;width:50px;height:37px;background:url(img/comments.gif) top center no-repeat;}
.entryTitle .numberOfComments a {display:block;width:50px;height:22px;padding:6px 0 0 0;text-align:center;color:#FFF;font-weight:bold;font-size:15px;}
.entryContent {padding:0 0 9px 0;}
.navigation .alignleft {display: inline;float: left;margin:0;padding:0 0 0 18px;background:url(img/greenArrowLeft.gif) 0 2px no-repeat;}
.navigation .alignright {display: inline;float: right;margin:0;padding:0 18px 0 0;background:url(img/greenArrow.gif) right 2px no-repeat;}


/* Hjalp pss */

.hjalpOss .fullCol {width:960px;float:left;margin:0 0 18px 0;}
.hjalpOss h2.top {padding:2px 0 10px 0;}
.floatLeft {float:left;margin:0 20px 0 0;}
.hjalpOss .oneCol.donate {width:290px;margin:0 10px 0 0;padding:0 10px 0 0;border-right:#000 1px dotted;}
.hjalpOss .twoCol.donate {float:right;margin:0 0 6px 0;}
.hjalpOss .donate p {margin:0;}
.hjalpOss .donate input.btn {margin:0 0 18px 0;}
.hjalpOss form#donate input {background:url(img/donateFormBg.gif) 0 0 repeat-x;border:1px solid #999;}
.hjalpOss .donate .radiobtn {margin:0 2px 0 0;}
.hjalpOss .donate .amounts {margin:0 10px 0 0;}
.hjalpOss .donate .fineprint {margin:0 0 0 9px;font-style:italic;color:#666;font-size:11px;}
.hjalpOss .fourColSplit {width:225px;float:left;}
.hjalpOss .fourColSplit.small {margin:0 20px 0 0;}
.hjalpOss .fourColSplit.small h2 {display:block;height:111px;width:225px;text-indent:-100000px;border:none;background:url(img/small-blue.gif) top center no-repeat;}
.hjalpOss .fourColSplit.medium {margin:0 20px 0 0;}
.hjalpOss .fourColSplit.medium h2 {display:block;height:111px;width:225px;text-indent:-100000px;border:none;background:url(img/medium-blue.gif) top center no-repeat;}
.hjalpOss .fourColSplit.large {margin:0 20px 0 0;}
.hjalpOss .fourColSplit.large h2 {display:block;height:111px;width:225px;text-indent:-100000px;border:none;background:url(img/large-blue.gif) top center no-repeat;}
.hjalpOss .fourColSplit.gold {margin:0;}
.hjalpOss .fourColSplit.gold h2 {display:block;height:111px;width:225px;text-indent:-100000px;border:none;background:url(img/guld-blue.gif) top center no-repeat;}
.hjalpOss .oneCol.uppgifter {margin:0 30px 0 0;}
.hjalpOss .oneCol.fraga {margin:0 30px 0 0;}
.hjalpOss .oneCol.citat {margin:0;}
.hjalpOss .oneCol.uppgifter h2, .hjalpOss .oneCol.fraga h2, .hjalpOss .oneCol.citat h2 {color:#3d97ad;border-color:#3d97ad;font-size:24px;}
.hjalpOss li {margin:0 0 18px 0; background:url(img/liDot.gif) left 2px no-repeat;padding:0 0 0 16px;list-style:none;}




/* Sidebar */

#sidebar ul#countries li {display:block;width:300px;height:180px;overflow:hidden;margin:0 0 18px 0; background:none;padding:0;}
#sidebar ul#countries li img {display:block;width:300px;height:180px;overflow:hidden;position:absolute;margin:0;z-index:1;}
#sidebar ul#countries li .catName {display:block;width:290px;height:40px;overflow:hidden;text-align:right;padding:8px 10px 2px 0;margin:130px 0 0 0;background-color:#000000;z-index:10;position:absolute;filter: alpha(opacity=50);-khtml-opacity: 0.65;-moz-opacity: 0.5;opacity: 0.5;}
#sidebar ul#countries li .catName h2 {border:none;}
#sidebar ul#countries li a {color:#ffffff;}


/* Footer */

#footer p {float:left; display:inline; width:160px; border-right:#4d4b3e 1px dotted; margin:0 10px 0 0; padding: 0 30px 0 0; font-size:11px;}
#footer ul {float:left; display:inline; width:160px; border-right:#4d4b3e 1px dotted; margin:0 10px 0 0; padding: 0 30px 0 0; font-size:11px;}
#footer li {background:none;padding:0;list-style:none;}

/* Typography */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;color:#4d4b3e;}
p {margin:0 0 18px 0;}
ul {margin:0 0 18px 0;}
li {list-style:disc;list-style-position:inside;}
.hjalpOss .oneCol.uppgifter li {margin:0 0 18px 0; background:url(img/blackArrow.gif) left 2px no-repeat;padding:0 0 0 16px;list-style:none;}
.column2 li {margin:0 0 18px 0; background:url(img/liDot.gif) left 2px no-repeat;padding:0 0 0 16px;list-style:none;}
a {color:#369;text-decoration:none;}
.entryContent a, #content p a {text-decoration:underline;}
h4 {text-transform:uppercase; margin: 10px 0 12px 0; font-size:24px; line-height:18px;font-weight:normal;}
h3 {text-transform:uppercase; margin: 0; font-size:18px; line-height:18px;font-weight:bold;}
h2 {text-transform:uppercase; margin: 0 0 9px 0; font-size:36px; line-height:36px;font-weight:bold;border-bottom:#4d4b3e 10px solid;}
.orange h2 {color:#e09829; border-color:#e09829;}
.green h2, .blogg #content h2 {color:#8dac37; border-color:#8dac37;}
.bakgrund h2 {color:#a33830; border-color:#a33830; width:480px;}
.filosofi h2 {color:#cdc6aa; border-color:#cdc6aa; width:480px;}
.projektet h2 {color:#3d98ad; border-color:#3d98ad; width:480px;}