/*
Theme Name: C style
Theme URI: http://wordpress.org/
Description: C style theme.
Version: 1.0
Author: Anton Lindqvist
Author URI: http://qvister.se/
Tags: white, fixed width, two columns, widgets
*/

html,body {
background: #e5e3d3;
height: 100%;
font: normal 100% Arial,Helvetica,serif;
}
a {
color: #5e88a2;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* Begin wrapper and content
---------------------------------------------- */
#wrapper {
width: 1024px;
height: 100%;
height: auto;
min-height: 100%;
margin: 0 auto;
}
#content {}
/* End wrapper and content
---------------------------------------------- */

/* Begin header
---------------------------------------------- */
#header {
height: 107px;
width: 82px;
margin: 0 0 0 20px;
float: left;
}
#header h1 {
position: relative;
top: 20px;
}
#header h1 a {
background: url(images/logo.png) no-repeat top left;
height: 87px;
width: 82px;
display: block;
text-indent: -9999px;
}
/* End header
---------------------------------------------- */

/* Begin nav
---------------------------------------------- */
#nav {
height: 14px;
width: 520px;
float: right;
margin: 0 10px 0 0;
position: relative;
top: 93px;
font-size: .88em;
font-weight: bold;
}
#nav li {
float: left;
display: inline;
line-height: 14px;
margin: 0 11px 0 0;
}
#nav li:last-child {
margin: 0;
}
/* End nav
---------------------------------------------- */

/* Begin content-wrapper
---------------------------------------------- */
#content-wrapper {
background: #fff;
width: 962px;
padding: 30px;
border: 1px solid #dadada;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #4d4d4d;
}
/* End content-wrapper
---------------------------------------------- */

/* Begin intro
---------------------------------------------- */
#intro {
width: 962px;
height: 280px;
color: #fff;
}
#intro div.control ul {
background: transparent url(images/intro.png) repeat-y top left;
width: 300px;
height: 280px;
position: absolute;
top: 153px;
}
#intro div.control li {
background: #a59e6b url(images/li.png) repeat-x bottom left;
height: 93px;
width: 228px;
}
#intro div.control li a {
color: #fff;
}
#intro div.control li.last {
background: #a59e6b;
}
#intro div.control li h3 {
font-weight: bold;
padding: 10px 0 0 20px;
}
#intro div.control li p {
font-size: .75em;
padding: 0 0 0 20px;
}
#intro div.slides {
background: #ece5dd;
height: 280px;
width: 962px;
display: block;
}
#intro div.slides div.first {
display: block;
}
#intro div.slides div {
display: none;
}
/* End intro
---------------------------------------------- */

/* Begin posts
---------------------------------------------- */
#posts {
width: 632px;
float: left;
}
#posts div.post {
border-bottom: 2px solid #b3b3b2;
margin: 0 0 30px 0;
}
#posts div.page {
border: 0;
}
#posts div.post h2 {
margin: 0 0 5px 0;
}
#posts div.post h2 a {
color: #7f7f7c;
font-size: 1.38em;
font-weight: bold;
}
#posts div.right {
width: 572px;
float: right;
}
#posts div.right p,#posts div.entry-page p {
font: normal 100% "Trebuchet MS", sans-serif;
font-size: .88em;
margin: 0 0 15px 2px;
}
#posts div.right p.postmeta {
padding: 10px 0 0 0;
font-size: .75em;
}
#posts div.right p.postmeta span.left a {
margin: 0 10px 0 0;
float: left;
}
#posts div.right p.postmeta span.right a {
/*float: right;*/
}
#posts div.left {
background: #5e88a2;
width: 40px;
height: 40px;
float: left;
text-align: center;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#posts div.left p.day {
font-size: 1.38em;
}
#posts div.left p.month {
font-size: .88em;
text-transform: lowercase;
line-height: 4px;
}
#posts div.comments {
margin: -20px 0 20px 0;
}
#posts div.comments li.comment {
background: #ececec;
min-height: 60px;
width: 632px;
margin: 0 0 3px 0;
display: block;
}
#posts div.comments li.comment div.comment_author_avatar {
height: 60px;
width: 60px;
float: left;
line-height: 60px;
}
#posts div.comments li.comment div.comment_content {
min-height: 48px;
width: 560px;
margin: 6px 6px 6px 0;
float: right;
font-size: .81em;
}
#posts div.comments li.comment div.comment_content p span.bold {
font-weight: bold;
}
#posts div.comments li.comment div.comment_author_avatar img {
padding: 6px 0 0 6px;
}
#posts div.comments li.comment div.comment_author_avatar div.comment_author_avatar_border {
background: transparent url(images/comment_author_avatar_border.png) no-repeat top left;
height: 48px;
width: 48px;
margin: -48px 0 0 6px;
position: absolute;
}
#posts div.comment_author_avatar_border.facebook {
background-position: 0 -48px !important;
}
#posts div.comment_author_avatar_border.twitter {
background-position: 0 -96px !important;
}
/* End posts
---------------------------------------------- */

/* Begin respond
---------------------------------------------- */
#respond div.rpx_comment_hint a#rpx_comment_hint_link {
padding: 0 0 3px 0;
}
#respond div.rpx_comment_hint {
margin: 0 0 20px 0;
}
#respond p {
clear: both;
display: block;
}

#respond form label {
height: 26px;
width: 110px;
float: left;
display: block;
font-size: .81em;
line-height: 26px;
cursor: pointer;
}
#respond form input.text,form.wpcf7-form span.wpcf7-form-control-wrap input {
background: #fff url(images/form.png) repeat-x top left;
height: 18px;
width: 200px;
margin: 0 0 8px 0;
padding: 3px;
float: left;
border: 1px solid #ccc;
cursor: pointer;
}
form.wpcf7-form span.wpcf7-form-control-wrap input {
float: none;
display: block;
}
#respond form input.submit {
margin: 10px 0 0 110px;
font-size: .81em;
}
#respond form textarea,form.wpcf7-form textarea {
background: #fff url(images/form.png) repeat-x top left;
height: 150px;
width: 400px;
margin: 0 0 8px 0;
padding: 3px;
border: 1px solid #ccc;
cursor: pointer;
}
#respond form input.text:focus,#respond form input.text:active,#respond form textarea:focus,#respond form textarea:active,form.wpcf7-form span.wpcf7-form-control-wrap input:active,form.wpcf7-form span.wpcf7-form-control-wrap input:focus,form.wpcf7-form textarea:active,form.wpcf7-form textarea:focus {
background: #ffffcc;
}
/* End respond
---------------------------------------------- */

/* Begin sidebar
---------------------------------------------- */
#sidebar {
width: 290px;
float: right;
color: #4d4d4d;
}
#sidebar h4 {
margin: 0;
}
#sidebar li {
margin: 0 0 25px 0;
}
#sidebar li ul {
background: #fff;
border: 1px solid #c5c5c5;
padding: 5px 0;
font: normal 100% "Trebuchet MS",sans-serif;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sidebar li ul li {
font-size: .75em;
margin: 0 5px 5px 5px;
}
#sidebar li.widget_kampanj_widget ul li {
margin: 0 0 20px 0 !important;
}
#sidebar li.widget_social_feed div.social_feed_nav {
height: 40px;
width: 87px;
margin: -41px 0 0 191px;
position: absolute;
}
#sidebar li.widget_social_feed div.social_feed_nav ul {
background: none;
border: none;
padding: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#sidebar li.widget_social_feed div.social_feed_nav ul li {
height: 40px;
width: 40px;
margin: 0;
/*float: left;*/
float: right;
display: inline;
cursor: pointer;
text-align: center;
border-top: 1px solid #b3b3b2;
border-left: 1px solid #b3b3b2;
border-right: 1px solid #b3b3b2;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
#sidebar li.widget_social_feed div.social_feed_nav ul li a {
background: transparent url(images/social_feed.png) no-repeat top left;
height: 40px;
width: 40px;
margin: 0 auto;
display: block;
text-indent: -9999px;
outline: none;
}
#sidebar li.widget_social_feed div.social_feed_nav ul li.youtube a {
background-position: 0 -40px;
}
#sidebar li.widget_social_feed div.social_feed_nav ul li.active {
background: #fff url(images/active.png) repeat-x bottom left;
}
#sidebar li.widget_social_feed div.social_feed_nav ul li.flickr {
/*margin: 0 3px 0 0;*/
}
#sidebar li.widget_social_feed ul.items {
min-height: 200px;
clear: both;
}
#sidebar li.widget_social_feed ul.youtube {
display: none;
}
#sidebar li.widget_social_feed ul.items li {
height: 92px;
width: 92px;
float: left;
display: inline-block;
margin: 5px 0 0 4px;
text-align: center;
line-height: 92px;
}
#sidebar li.widget_social_feed ul.items li.last {
height: 20px;
width: 278px;
display: block;
clear: both;
margin: -10px 5px 0 5px;
text-align: right;
line-height: 20px;
font-size: .69em;
}
#sidebar li.widget_social_feed ul.items li img {
vertical-align: middle;
border: 1px solid #b3b3b2;
}
/* End sidebar
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
width: 962px;
clear: both;
position: relative;
}
#footer div.left,#footer div.right {
font: normal 100% "Trebuchet MS",sans-serif;
font-size: .81em;
}
#footer div.left {
height: 150px;
width: 300px;
float: left;
display: inline;
border-right: 1px solid #b7b189;
}
#footer div.left ul li {
width: 300px;
clear: both;
margin: 0 0 5px 0;
display: inline-block;
}
#footer div.left span.left {
width: 120px;
float: left;
font-weight: bold;
}
#footer div.left span.right {
width: 180px;
float: right;
}
#footer div.right {
height: 150px;
width: 630px;
float: right;
}
#footer div.right li {
height: 140px;
width: 105px;
margin: 10px 0 0 0;
float: left;
display: inline-block;
font-size: .88em;
}
#footer div.right li p.avatar {
margin: 0 0 5px 0;
}
/* End footer
---------------------------------------------- */

/* Begin quotes
---------------------------------------------- */
#quotes {
background: #5e89a3;
min-height: 40px;
width: 350px;
border: 2px solid #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
position: absolute;
top: 70px;
left: 0;
right: 0;
display: none;
color: #fff;
font-size: .75em;
}
#quotes ul li {
display: none;
padding: 5px;
}
/* End quotes
---------------------------------------------- */

/* Begin generic
---------------------------------------------- */
.clear {
clear: both;
height: 1px;
width: 1px;
}
.push {
height: 20px;
width: 1px;
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.push {
height: 15px;
width: 1px;
clear: both;
}
a.icon,h4.icon {
background: #fff url(images/icons.png) no-repeat top left;
height: 22px;
padding: 0 0 0 25px;
display: inline-block;
line-height: 22px;
}
h4.icon {
font-weight: bold;
margin: 10px 0 5px 0;
line-height: 16px;
color: #7f7f7c;
}
a.letter,h4.letter {
background-position: 0 -150px;
}
a.share {
background-position: 0 -196px;
}
a.comment {
background-position: 0 -218px;
}
a.comment_count,#sidebar li.widget_recent_comments h4 {
background-position: 0 -284px;
}
a.clock,h4.clock {
background-position: 0 -308px;
}
a.folder,#sidebar li.widget_popular_posts h4 {
background-position: 0 -242px;
}
a.print {
background-position: 0 -22px;
}
a.download,li.widget_social_feed h4 {
background-position: 0 -44px;
}
.note {
background-position: 0 -66px !important;
}
div.separator {
height: 1px;
width: 100%;
margin: 0 0 20px 0;
border-bottom: 2px solid #a59e6b;
}
div.single {
margin: 30px 0 0 0;
border: none;
}
div.tiny {
margin: -5px 0 5px 0;
border-bottom: 1px solid #b7b189;
}
/* End generic
---------------------------------------------- */