/*
Theme Name: Creative Collective
Theme URI: http://www.creativecollective.se/
Description: Two column WP-theme for Creative Collective, Stockholm Sweden.
Version: 1.0
Author: CJL / LGL
Author URI: http://www.lundgrenlindqvist.com/
*/

/* Begin Main Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Helvetica, Arial, sans-serif;
	background:url(images/bg.jpg) center top no-repeat fixed;
	color: #222;
	margin:0;
	padding:0;
	line-height:24px;
	overflow-y:scroll;
	}

a {
	color: #9900FF;
	text-decoration:none;
}

a:hover {
	color: #9900FF;
	text-decoration:none;
}

#blogName h1 a {
	color: #222222;
}

#blogName h1 a:hover {
	color: #444444;
}

.title h3 a {
	color: #222222;
	width:630px;
	display:block;
	border-bottom:#222222 4px solid;
	line-height:16px;
	margin-top:6px;
}

.page .title h3, .single .title h3 {
	color: #222222;
	width:630px;
	display:block;
	border-bottom:#222222 4px solid;
	line-height:16px;
	margin-top:6px;
}

p {
	margin:0 0 24px 0;
	padding:0;
	font-size: 16px;
}


p.wp-caption-text {
	margin:8px 0 24px 0;
	font-style:italic;
}


ul {
	list-style:disc;
	margin: 0 0 24px 0;
}

li {
	margin:0;
	padding:0;
	font-size: 16px;
}

small {
	font-size: 12px;
	line-height:12px;
}

small a {
	color:#222222;
}

small a:hover {
	color:#9900FF;
}

.navigation a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:30px;
	margin:0 0 24px 0;
	font-weight:bold;
	color:#222222;
}

strong {
	font-weight:bold!important;
}

em {
	font-style:italic!important;
}

blockquote {
	border-left: #CCCCCC 4px solid;
	margin:0;
	padding: 0 0 0 20px;
}

blockquote p {
	margin:0;
}

cite {
	padding: 0 0 0 24px;
}


h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90px;
	letter-spacing:-7px;
	line-height:70px;
	font-weight:bold;
	margin:0;
}

h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 36px;
line-height: 48px;
margin:0 0 24px 0;
font-weight:bold
}
h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:30px;
margin:0 0 24px 0;
font-weight:bold;
}
h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height:24px;
margin:0;
font-weight:bold;
}
h5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height:21px;
margin:0;
font-weight:bold;
}
h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#222222;
	margin:0;
	padding: 0;
}

object, embed {
	margin:24px 0 24px 0;
}

/* End Typography & Colors */



/* Begin Structure */

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

#header {
	float:left;
	width: 960px;
}

#blogName {
	padding:20px 0 0 0;
	float:left;
	width: 630px;
	height:220px;
	overflow:hidden;
	margin: 0;
	border-bottom:#222222 8px solid;
}

#blogName img {
	margin:60px 0 0 0;
}

#logo {
	padding:20px 0 0 0;
	float:right;
	width:260px;
	height:220px;
	overflow:hidden;
	border-bottom:#222222 8px solid;
}

#menu {
	clear:both;
	float:left;
	margin: 10px 0 20px 0;
	width:960px;
	height:auto;
}

#main {
	clear:both;
	float:left;
	margin: 0;
	width:960px;
}

#content, #content_home {
	float:left;
	width: 630px;
	margin: 0;
	overflow:hidden;
}

#sidebar {
	float:right;
	width: 260px;
	overflow:hidden;
}

#footer {
	border-top:#222222 8px solid;
	float:left;
	clear:both;
	margin:10px 0 0 0;
	height: 40px;
	width:630px;
	padding: 10px 0 0 0;
}

.home, .single, .page{
	margin: 0 0 14px 0;
	padding: 0 0 0 0;
	float:left;
}

.home h3, .single h3, .page h3{
	margin: 0;
	padding: 0;
}

.title {
	clear:left;
	float:left;
	margin: 0;
	padding: 0;
	width:630px;
}

.date {
	clear:left;
	float:left;
	margin: 8px 0 14px 0;
	padding: 0;
	width:630px;
}

.entry {
	margin: 14px 0 0 0;
	padding: 0;
	float:left;
	clear:both;
	width:630px;
}

.meta {
	clear:left;
	float:left;
	margin: 14px 0 0 0;
	padding: 0;
}

.meta p {
	font-size:12px;
	color: #222222;
}

.meta a {
	color: #222222;
	font-size:12px;
}

/* End Structure */


/* Begin Menu */

#main_menu {
	float:left;
	width:700px;
}

#main_menu ul, #facebook ul {
	margin: 0;
	padding:0;
	list-style:none;
}

#main_menu li, #facebook li {
	margin: 0 30px 0 0;
	display:inline;
	line-height:36px;
}

#main_menu a, #facebook a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#222222;
	text-decoration:none;
}

#main_menu a:hover, #facebook a:hover {
	border-bottom:#222222 4px solid;
}

#main_menu .current-cat a, #main_menu .current_page_item a {
	border-bottom:#222222 4px solid;
}

#main_menu a .rss {
	background:url("images/rssIconGray.jpg") no-repeat 0px 2px;
	padding: 0 0 0 18px;
}

#main_menu a:link .rss, #icon_menu a:visited .rss {
	background:url("images/rssIconGray.jpg") no-repeat 0px 2px;
}

#main_menu a:hover .rss {
	background:url("images/rssIcon.jpg") no-repeat 0px 2px;
}

#facebook {
	float:right;
	padding:0;
	margin:0;
	width:260px;
}

#facebook a .facebook {
	background:url("images/facebookIconGray.jpg") no-repeat 0px 2px;
	padding: 0 0 0 18px;
}

#facebook a:link .facebook, #facebook a:visited .facebook {
	background:url("images/facebookIconGray.jpg") no-repeat 0px 2px;
}

#facebook a:hover .facebook {
	background:url("images/facebookIcon.jpg") no-repeat 0px 2px;
}



/* End Menu */


/*	Begin Headers */

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
img {
	border:none;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 0;
	margin: 0 0 24px 24px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 24px 24px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Sidebar */

#sidebar h3 {
	margin:0 0 8px 0;
	padding:0;
}

.sidebarSection {
	float:left;
	clear:both;
	margin: 0 0 24px 0;
}

.topBorder {
	border-top:#222222 8px solid;
	padding: 16px 0 0 0;
}

#sidebar .sidebarSection a {
	color: #222222;
}

#sidebar .sidebarSection ul {
	margin: 0;
	padding: 0;
}

#sidebar .sidebarSection li {
	margin: 0 0 6px 0;
	list-style:none;
}

#sidebar .sidebarSection li a, #sidebar .sidebarSection li a:link, #sidebar .sidebarSection li a:visited, {
	padding: 0 0 4px 0;
}

#sidebar .sidebarSection li a:hover, #sidebar .sidebarSection li a:active {
	border-bottom:#222222 4px solid;
}

.sidebarSection.spons li {
	cursor:pointer;
	text-indent:-9999px;
	width:260px;
	height:113px;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons li a {
	display:block;
	width:260px;
	height:113px;
	border:none;
	padding: 0;
}

#sidebar .sidebarSection.spons ul li.pfect {
	background:url(images/pfectLogo.gif) 0px 0px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.pfect a:hover {
	background:url(images/pfectLogo.gif) 0px -93px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.nojesupplysningen {
	background:url(images/118110Logo.gif) 0px 0px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.nojesupplysningen a:hover {
	background:url(images/118110Logo.gif) 0px -113px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.story {
	background:url(images/storyLogo.gif) 0px 0px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.story a:hover {
	background:url(images/storyLogo.gif) 0px -113px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.tillvaxt {
	background:url(images/tillvaxtLogo.gif) 0px 0px no-repeat;
	padding: 0;
	border:none;
}

#sidebar .sidebarSection.spons ul li.tillvaxt a:hover {
	background:url(images/tillvaxtLogo.gif) 0px -113px no-repeat;
	padding: 0;
	border:none;
}



/* End Sidebar */


/* Begin Comments */

#commentsWrapper {
	border-top:#222222 8px solid;
	clear:both;
	float:left;
	padding-top:16px;
}

.respond {
	clear:both;
	float:left;
	margin: 14px 0 0 0;
}

#commentform {
	clear:both;
	float:left;
	margin: 0 0 24px 0;
}

#commentform input {
	float:right;
	}
	
#commentform input#email, #commentform input#url, #commentform input#author {
	padding: 2px;
	width: 260px;
	background-color:#CCCCCC;
	border:medium none;
	color:#222222;
}
	
#commentform textarea {
	width: 610px;
	padding: 10px;
	background-color:#CCCCCC;
	border:medium none;
	color:#222222;
}

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

#commentform #submit {
	margin: 8px 0 0 0;
}
	
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 0 0 24px 0;
	padding: 0 0 0 20px;
	border-left:#CCCCCC 4px solid;
	list-style: none;
}

cite.fn {
	margin:0;
	padding:0;
	font-weight:bold;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	font-size: 12px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size:12px;
}	
	
.comment-author img {
	display:none;
}	
	
/* End Comments */