/*
Theme Name: WordPress Default
Theme URI: http://celebrationstudios/
Description: Default Celebration theme
Version: 1.0
Author: Bjorn Hall *CS*
Author URI: http://celebrationstudios.se/
Tags: none

*/

/*******************
Table of content
0. Globals
1. Text
2. Layout
3. Lists (ul, ol, li)
4. Hacks
*******************/


/*****************
0. Globals
******************/
ul, li, ol{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


hr{
	background-color: #cacaca;
	border: none;
	height: 1px;
	padding: 0;
	margin: 0;
	width: 100%;
	float:left;
	}
a:link, a:visited{
	text-decoration: none;
	font-family:Lucida Sans Unicode,Arial,Verdana,sans-serif;
	font-weight: normal;
	color:#EFA537
	}
	
a {
   outline: none;
}

a:active{
	border:1px dotted #fff;
	}
h1
{
	font-family: Lucida Sans Unicode, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 20px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2.blog_news_header, h2.blog_news_header a:link, h2.blog_news_header a:visited{
	font-family: Lucida Sans Unicode, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 15px;
}
h2
{
	font-family: Lucida Sans Unicode, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 8px;
}

h3
{
	font-size:12px;
	font-weight:bold;
}
p{
margin-bottom: 20px;
}
img{border:0;}

/******************
1. Text
******************/

body{
	font-family:Lucida Sans Unicode,Arial,Verdana,sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	background:#e2e1d8 none repeat scroll 0 0;
}

.date{
	color:#000;
float:left;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:53px;
line-height:100%;
padding:0 2px 0 0;
text-align:center;
width:48px;
background: url('images/date.png') no-repeat 0 0;
margin-right:10px;
}

.date span{
color:#000;
display:block;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:16px;
line-height:normal;
text-align:center;
margin-top:5px;
}

.entry p
{
	margin-top:15px;
}

#sidebar{
	margin-top:150px
}
#menu img{border:0;margin-top:60px;margin-left:10px;}

#menu img:focus, #menu img:active{

}

#menu li{
	width: 160px;
	}
#menu li, #menu li a:link, #menu li a:visited{
	font-size: 22px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}


#menu li.current_page_item {
background-color: #000;
color: #fff;
}
#menu li.current_page_item a {
color: #fff;
}

#menu li.current_page_item a:visited{
	color: #fff;
	}
#menu span{
	width: 160px;
	line-height: 30px;
	float:left;
}
#menu span.rekrytera, #menu span.rekrytera:hover{
background:url("images/rekrytera.png") no-repeat scroll 138px top transparent;
font-weight:bold;
line-height:16px;
padding-top:5px;
color: #000;
}
#menu p{
float:left;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
margin:20px 0 0;
padding:30px 0;
}
#menu p a:link, #menu p a:visited{
color:#f5a824;
}
#menu span.beta, #menu span.beta a:link, #menu span.beta a:visited{
float:left;
padding-left:5px;
text-align:center;
width:99px;
color: #000;
font-weight: bold;
}

#menu span.beta:hover, #menu span.beta a:hover{
	background: none;
	color: #000;
	text-decoration: underline;
}
#menu span:hover, #menu li.current_page_item span{
	background-color: #000;
	color: #fff;
	cursor: pointer;
	line-height: 30px;
	float:left;
}

#menu li a:hover{
	color: #fff;
	/*padding-left: 10px;*/
	background-color: #000;
}

#menu span:active, #menu a:active{
border: none;
}

ul.spash_header li a:link, ul.spash_header li a:visited, ul.spash_header li a:hover {
color: #efa537;
}

ul#portfolio li a:link, ul#portfolio li a:visited{
	color: #fff;
	text-decoration: none;
}
ul#portfolio li p{
	padding: 0 0 0 5px;
	margin: 0;
}
.blog-rubrik
{
	margin-top:20px;

}
small
{
	margin-top:0;

}
span.uppercase, span.uppercase a, span.uppercase a:hover {
color:#ffffff;
margin:5px 0 0 5px;
line-height: 16px;

}

p.ingress{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/****************
 2. Layout
****************/

body{
	margin: 0;
	padding: 0;
	background-color:#e2e1d8;
background-image:url(http://celebrationstudios.se/wp-content/uploads/2010/02/Celebration-bak1e_orig.png);
background-position:center top;
background-repeat:no-repeat;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#menu{
	width: 160px;
	float:left;
	margin: 25px 0 0 0;
}
#menu ul{
	margin: 0 0 15px 0;
	
}

#main_content{
	width: 700px;
	float:left;
	margin:0 0 0 80px;
}

#main_image{
	width: 700px;
	height: 275px;
}
#main_image h1{
text-indent:-9999px;
margin:0;
padding:0;
line-height: 0px;
font-size: 10px;
}

#content-wide /* Hela "content"-ytan */
{
    width: 100%;
	margin-top:20px;
}

#content-small /* dela "content"-ytan med sidebar */
{
    float:left;
    width: 455px; 
}
#content-small img
{
    border:0;
}
#content-sidebar /* högerspalt */
{
    float:right;
    width: 200px;
    padding-right: 5px; 
}
#content-sidebar  h3/* högerspalt */
{
    font-size:12px;
	font-weight:bold;
}

.partners{
	width: 340px;
	float:left;
	overflow: hidden;
	margin-right: 20px;
}

#content-wide-partners{
width: 740px;
margin-top: 20px;
}

.partners img{
	width: 340px;
	height: 149px;
}
.comment-meta a:link, .comment-meta a:visited, #content-sidebar, #content-sidebar  a:link, #content-sidebar  a:visited{
    color:#3e3e3e;
}

.comment-meta a:hover, #content-sidebar a:hover{
	text-decoration: underline;
}

.comment-body{
border-top: 1px solid #cacaca;
padding-top:10px;
}
#content-sidebar  h3/* högerspalt */
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:0;
	color: #000;
}

#clients_slider{
	height: 190px;
}

.clients_slider img{
padding: 5px 0 0 5px;
border:0;

}

.clients_slider p
{
	margin:0 5px 0 5px;
}
.clients_slider a
{
	color:#ffffff;
}

.uppdrag_article{
	width: 460px;
	float:left;
	}
	
.uppdrag_article_img{
float:left;
margin-bottom: 20px;
margin-top: 20px;
}

.uppdrag-list
{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #D3D3D3;
}


#right_container{
	float:left;
	width: 220px;
	margin-top: 0;
	padding-top: 28px;
}
#meta{
	padding: 15px 0 15px 0;
}

#footer{
	float:left;
	width: 700px;
	border-top: 1px solid #d3d3d3;
	margin-top:10px;
	padding-bottom:100px;
	}
ul.footer
{
	clear: both; 
}
ul.footer a
{
	color: #EFA537
}
ul.footer li { 
    float: left;  
    margin: 10px 0px 5px 0px;
} 
   
ul.footer li.first { 
	width: 570px;
}

ul.footer li.last { text-align: right;float:right;}



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 


div.scrollable_gallery { 
 
    /* required settings */ 
float:left;
height:274px;
overflow:hidden;
position:relative;
width:460px;
} 


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 700px; 
    height:170px; 
	float:left;
} 
 .navi{
 float:left;
 }
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.scrollable_gallery div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
div.scrollable_gallery div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
 
}


.clients_slider{
	width: 220px;
	height: 170px;
	margin-right: 20px;
	background: #000;
}



div.navi a {
	background-image:url('./images/dot.png');
	display:block;
	float:left;
	font-size:1px;
	height:11px;
	margin:3px;
	width:10px;
	cursor:pointer;
	margin: 20px 3px 10px 0;
	
}

.navi a:active{
	border: none;
}

.navi a.active{
	background-image:url('./images/dot_active.png');
	width:11px;
	height:11px;
}
.border{border-top:1px solid #D3D3D3;width:100%;height:1px;margin-bottom:10px;}
#news_container{
	float:left;
	margin: 10px 0 0 0;
	width: 720px;
	padding-top:20px;

}
	
	/***********************
		3. Lists, ul, li
	*************************/
	
/* <rubriker på för nyheter/blog/twitter puffar> */
ul.spash_header, ul.spash_items{ 
    clear: both; 
    width: 100%; 
}

ul.spash_header li { 
    float: left; 
    width: 50%; 
    margin: 10px 0px 5px 0px;
} 
   
ul.spash_header li.first a { 
    background-image: url(images/bg_rss_icon.gif); 
    padding-left: 15px; 
    background-repeat: no-repeat; 
    background-position: left center;
}

ul.spash_header li.last { text-align: right;margin-left: -20px;}
/* <rubriker på för nyheter/blog/twitter puffar> */



/* innehåll för puffar (listningar av nyheter/blog/twitter/projekt) */
ul.spash_items li { 
    float: left; 
    width: 220px; font-size: 12px;  
    margin-bottom: 10px; 
    margin-right: 20px;
}

ul.spash_items li a {
	color: #fff;
}

ul.spash_items li h2 {
	margin:5px 0px 5px 0px;
	font-size: 14px;
	padding-bottom: 7px;
}

#news-items ul.spash_items li {
	width: 220px;
}

#project-items ul.spash_items li { 
    width: 210px;
    padding: 5px 5px 5px 5px;
    background-color: #000; margin-top: 10px;
}
ul.spash_items li.middle {
	margin: 0px 20px 0px 20px;
}

#contact-items ul.spash_items li.middle {
	margin: 0px 20px 0px 20px;
}

/* Kontakt */
#contact-items
{
	margin-top:20px;
	border-top:1px solid #D3D3D3;
	padding-top:20px;
}
#contact-items ul
{
	float:left;
}

#contact-items li
{
	float:left;
	margin-bottom:20px;
	line-height:17px;
        width:220px

}
#contact-items li.middle
{
	margin:0 20px;
}

#contact-items .list-image {
	background: #000000 url(images/people.png) no-repeat 0 bottom;
	height:120px;
	margin-bottom:5px;
	overflow:hidden;
	width:220px;
}

/* <inl&Ouml;gg bloggpost news, blogg, projekt> */
.navigation{width:100%;margin-bottom:50px;}
.alignleft{float:left;}
.alignright{float:right}

/* </inlägg bloggpost news, blogg, projekt> */
/*********************************
		Portfolio
*********************************/
.uppdrag-rubrik 
{
	margin:150px 0 20px 0;
	
}

.uppdrag-rubrik  h2
{
	font-family: Lucida Sans Unicode, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 20px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
}
ul#filter { 
	float: left; 
	font-size: 14px; 
	list-style: none; 
	width: 100%;
	margin: 0;
	margin-bottom:20px;
}

ul#filter a:active{
border: none;
}
ul#filter li.first{margin-right:3px;}
ul#filter li, ul#filter li a { 
	color: #000000;
	float: left;
	text-decoration:none;
	line-height: 16px;
	
}
ul#filter li a { padding: 0 6px 3px 5px;}
ul#filter li.current a, ul#filter a:hover { color:#ffffff; background-color:#000000; }
ul#filter li.current a { color: #ffffff; }

ul#portfolio { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	width: 720px;
}
ul#portfolio li { 
	background:#000000 none repeat scroll 0 0;
	height:170px;
	margin: 0 20px 20px 0;
	width:220px;
	float:left;
}

ul#portfolio li.third{
margin-right: 0;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border:none; display: block; padding: 5px 0 5px 5px; }


/*******************************
	Slut portfolio
******************************/

/* </innehåll fär puffar> */


/* <Arkiv> */
.arkiv
{
	margin-top:120px;
}

.arkiv a
{
	color: #EFA537;
}
.pagetitle{font-size:20px; font-weight:bold; margin-bottom:20px;}

/* </Arkiv> */


/* <Toolbar> */
#toolbar { 
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	width: 100%;  
	margin-left: auto ;
	margin-right: auto ;
}
.feed-color {width:100%; margin:0 auto;}
.feed-button-bk
{
	width:100%;
	background:#000000 none repeat scroll 0 0;
	margin-left: auto ;
	margin-right: auto ;
	float:left;
}
.feed-button
{
	background: url(images/feed_color_bg.png) no-repeat 0 bottom;
	padding:0;
	width:162px;
	height: 70px;
	margin-left:10%;
	position:relative;
	top:7px;
}

.feed-button-close{
	background: url(images/feed_color_bg_close.png) no-repeat 0 bottom;
	padding:10px 10px 25px 10px;
		width:162px;
	height: 70px;
	margin-left:10%;
	position:relative;
	top:7px;
}

.panel_button{
display: block;
width: 162px;
height: 70px;
cursor: pointer;
}
.feed-button a
{
	color:#ffffff;
}

.color-news 
{
	width:33%;
	float:left;
	background:#FAA635 none repeat scroll 0 0;
	height:10px;
}
.color-blog 
{
	width:33%;
	float:left;
	background:#F58233 none repeat scroll 0 0;
	height:10px;
}
.color-twitter
{
	width:34%;
	float:left;
	background:#F15931 none repeat scroll 0 0;
	height:10px;
}

.feed-elements
{
	margin-left: auto ;
	margin-right: auto ;
	width:720px;
	color:#ffffff;

}
#feed-items
{
	padding-top:30px;
}
.list_news2,.list_twitter2,.list_blog2{ padding:5px 5px 15px 5px;}
.list_news2 span, .list_blog2 span, .list_twitter2 span{
	font-size: 10px;
	color: #000;
	line-height: 12px;
}
.list_news2 { 
	background: #faa635 url(images/news_bg2.png) no-repeat 0 bottom;
}
.list_news2 p
{
	margin-bottom:10px;
}

.list_blog2 { 
background: #f58233 url(images/blog_news_bg2.png) no-repeat 0 bottom;
}

.list_twitter2{
background: #f15931 url(images/twitter_news_bg2.png) no-repeat 0 bottom;
}



/* </Toolbar> */
/* <bildh&Ouml;llare f&Ouml;r listor> */
#project-items .list_image{
	width: 210px; 
	height:125px;
	margin-bottom: 2px;
	overflow: hidden;
	background-color: Gray;
 }
 
#contact-items .list_image {
	width: 220px;
	height:120px;
	margin-bottom: 2px;
	overflow: hidden;
	background-color: Gray;
}
/* </bildh&Ouml;llare f&Ouml;r listor> */

/* <puffar med pratbubblor> */
.list_news,.list_twitter,.list_blog{ padding:5px 5px 5px 5px;overflow:hidden;}

.list_news span, .list_blog span, .list_twitter span{
	font-size: 10px;
	color: #000;
	line-height: 12px;
}
.list_news p
{
	margin-bottom:10px;
	margin-top:3px;
}

.list_news { 
	background-color: #faa635;
}
.list_blog { 
background-color: #f58233;
}
.list_twitter{
background-color: #f15931;
}

#bubble_news div.bubble_bottom{
background: url(images/news_bg.png) no-repeat 0 bottom;
}

#bubble_blogg div.bubble_bottom{
background: url(images/blog_news_bg.png) no-repeat 0 bottom;
}
#bubble_twitter div.bubble_bottom{
background: url(images/twitter_news_bg.png) no-repeat 0 bottom;
}

.bubble_bottom{
height:16px;
width:220px;
}
/* </puffar med pratbubblor> */


.error
{
margin-top:130px;
}

.hidden{
display:none;
}

.block{
	display: block;
}

#panel{
margin: 0 auto 0 auto;
width: 960px;
}
.share
{
	float:left;
	width:455px;
	margin:15px 0 30px 0px;
}
.share h3
{
	border-bottom:1px solid #CACACA;
	padding-bottom:5px;
	margin-bottom:5px;
}

.share ul
{
	margin:0;
	padding:0;
}

.share li
{
		float:left;
		margin-right:10px;
}

.seminarie{
	margin:8px 0 0 0;
	width: 450px;
	float:left;}

.field{
float:left;
width: 100%;
}
.entry form{
float:left;
}

.field label{
	width: 100%;
	float:left;
}

.field input{
	width: 220px;
	float:left;
}

.field button{
float:left;
}

.field div label{
width: 270px;
}
.field input[type="checkbox"]{
	width: 20px;
	float:left;
}