/*
Theme Name: CWF Theme
Author: Elin Lundell
*/

/* DIVLAYERS */

body {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color:#000;
margin: 0px;
  height: 100%;
/*  background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
}

/* Use above instead of #background if it doesn't fuck up the links or the scrolling on the page, see http://css-tricks.com/perfect-full-page-background-image/ */

#background { 
width: 100%;
height: 100%;
padding: 30px 0 30px 0;
background: url(images/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#wrap {
width: 780px;
background-color: #fff;
padding: 10px;
margin: auto; 
border-radius:25px;
border:1px solid #a1a1a1;
}

#header {
width: 100%; 
margin: auto; 
height: 138px;
background:  url(images/cwflogo.png) no-repeat top center;
margin-bottom: 10px;
}

#header h1 {
margin: 0px;
text-indent: -3000px;
}

#header h1 a {
display: block;
width: 100%;
height: 138px; 
background-repeat: no-repeat; 
text-decoration: none;
color: #000;
}

#picture {
width: 100%; 
height: 300px; 
margin: auto; 
background:  url(images/farmpicture.jpg) no-repeat center top; 
margin-top: 5px;
margin-bottom: 5px;
}

#goose {
width: 100%; 
height: 300px; 
margin: auto; 
background:  url(images/goose.gif) no-repeat 93% 2%; 
margin-top: 5px;
margin-bottom: 5px;
}

#bunny {width: 100%; 
height: 300px; 
margin: auto; 
background:  url(images/bunny.gif) no-repeat 25% 98%; 
margin-top: 5px;
margin-bottom: 5px;
}

#footer { 
clear: both; 
margin: auto; 
padding: 10px; 
text-align:center; 
color: #a1a1a1;
}

#footer a:link, #footer a:visited {
text-decoration: none;
font-weight:normal;
}

#footer a:hover {
text-decoration: none;
font-weight:normal;
}

/* CONTENT */

#content {
float: right;
width: 570px;
margin-left: 10px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 10px 0px 10px;
text-align:justify; 
}

.storycontent a, .meta a {
color: #669933; 
font-weight: bold;
text-decoration:none;
}

.storycontent a:hover, .meta a:hover {
color: #336600; 
font-weight: bold;
text-decoration:none;
}

#content h3, h3 a {
font-size: 22px; 
font-weight: bold;
color: #336600; 
text-transform: uppercase;
text-decoration:none;
margin-bottom: 5px;
}

#content h4, h4 a {
font-size: 16px; 
font-weight: bold;
color: #336600; 
text-transform: uppercase;
text-decoration:none;
}

.heading a, .heading a:hover {
color: #336600; 
}

#content .meta {
text-align: right;
margin-top: 20px;
font-weight: bold;
font-size: 14px;
}

.storytitle {
text-align: center;
background: url(images/dots.jpg) no-repeat 50% 50%;
}

.storycontent {
overflow: hidden;
}

textarea  {
width: 100%;
}

/* SIDEBAR */

#sidebar {
float: left;
width: 180px;
}

.widget {
	text-align: center;
padding-top: 20px;
}

/* MENU */

/* Accordion menu container */
.dcjq-accordion {font-size: 12px;}
 
/* Main menu and sub-menus */
.dcjq-accordion ul {margin: 0; padding: 0; border: none; list-style: none;}
 
/* Menu list items */
.dcjq-accordion ul li {margin: 0; padding: 0; border: none; list-style: none;}
 
/* Menu list links */
.dcjq-accordion ul a {padding: 10px 15px; background: #669933; font-weight: bold; text-transform: uppercase; text-decoration:none; display: block; color: #fff; border-radius:7px; margin-bottom: 5px;}

/* Menu list links on hover */
.dcjq-accordion ul a:hover {background: #336600; color: #fff;}
 
/* Sub-menus */
.dcjq-accordion ul li ul {}

/* Sub-menu links */

.dcjq-accordion ul ul a {padding: 3px 5px 3px 30px; background: #fff; color: #336600; font-weight: normal; text-transform: uppercase; font-weight: bold; text-align:left; background:  url(images/menu.gif) no-repeat 7% 50%;}

/* Sub-menu links on hover */

.dcjq-accordion ul ul a:hover {background: #fff; color: #669933; font-weight: normal; text-transform: uppercase; font-weight: bold; text-align:left; background:  url(images/menu2.gif) no-repeat 7% 50%;}

/* 3rd level links */

.dcjq-accordion ul ul ul a {padding: 3px 5px 3px 50px; background: #fff; color: #336600; font-weight: normal; text-transform: uppercase; font-weight: bold; text-align:left; background:  url(images/menu.gif) no-repeat 20% 50%; font-size: 10px;}

/* 3rd level links on hover */

.dcjq-accordion ul ul ul a:hover {background: #fff; color: #669933; font-weight: normal; text-transform: uppercase; font-weight: bold; text-align:left; background:  url(images/menu2.gif) no-repeat 20% 50%;}
 
/* Sub-menu list items */
.dcjq-accordion ul li ul li {}
 
/* Sub-menu links */
.dcjq-accordion ul li ul li a {}
 
/* Parent links only */
.dcjq-accordion ul a.dcjq-parent {}
 
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent:hover {}
 
/* Icon tag for active parent links */
.dcjq-accordion ul a.dcjq-parent.active.dcjq-icon {}

/* MISC */

hr { 
width: 570px; 
border-top: 0;
border-right: 0px; 
border-bottom: 3px dotted #336600;
border-left: 0px;
padding-top:10px;
}

.storycontent img, .storycontent img a
{background:url(http://poppelin.se/blogg/wp-content/themes/poppelin/images/skugga.gif) no-repeat right bottom;
padding: 10px 15px 15px 10px;	
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 0;
border-bottom: 0;}

.phototext {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
color: grey;
text-align: center;
}

/* ALIGNMENT */
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
margin-bottom: 10px;
}
  
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.boxwrapper {
    width: 100%;
    overflow: hidden;
}

.box {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
float:left;
}

.box img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.box p.box-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Let's remove that Wordpress Stats Smiley Face ! */  
img#wpstats {  
width:     0px;  
height:    0px;  
padding:   0px;  
border:    none;  
overflow:  hidden  
} 

/* COMMENTS */

/* Read more at: http://www.problogdesign.com/wordpress/advanced-wordpress-comment-styles-and-tricks/ */  

.commentarea a  {
color: #669933; 
text-decoration:none;
}

.commentarea a:hover {
color: #336600; 
text-decoration:none;
}

ol.commentlist{width:100%} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist ul{margin:0 0 0 0px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 0px;list-style:none;margin-bottom:10px;} 
li.even{background:#efefef} 
li.odd{background:#fff} 
.authorcomment{background:#ccff99} 
ul.children li{margin:0px} 
ul.children ul{margin-left:0px} 
ul.children li{border: none; border-top: 1px solid #ccc; margin-left:0px;} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
.vcard, .comment-text {padding-left: 10px;} 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}


.pf_container img {background: none; border: none; padding: 0px;}