/*  

Theme Name: Skapa 2007
Theme URI: http://www.skapamalmo.nu
Description: A website for Skapa, an organization exploring the connection between art and faith.  This theme is based on the theme: black/white, life/death, contrast and as thus been designed primarily in black and white.
Version: 1.0
Author: Jonathan Morgan
Author URI: http://www.lookscankill.org

*/


/* Main tag settings 
-------------------------------------------- */
body {
	position:absolute;
	top:0px;
	left:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin:0 auto;
	padding:0;
	color: #000;
	line-height: 20px;
	background: #FFF;
	text-align: left;
	width:928px;
}
	
#header {
	position:absolute;
	top: 0px;
	left:206px;
	background: url(img/skapahead.jpg) no-repeat top left;
	height:348px;
	width:722px;
	margin: 0 auto;
	padding: 0;
}
.wrap {
	position:relative;
	left:213px;
	top:265px;
	width: 713px;
	text-align:left;
}

	
.content {
	float:left;
	width:460px;
	min-height:500px;
	height:auto !important;
  	height:500px;
	text-align: justify;
	margin: 0 auto;
	padding: 0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html .content {
	
  }
  
/* End hide from IE5/mac */


.page {
	padding:0;
}

.title {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:37px;
	line-height:37px;
	text-transform:lowercase;
	letter-spacing:-3px;
	margin: 0 0 18px 0;
	padding:0;
}
.title a {
	text-decoration:none;
}
.pullquote {
	position:relative;
	float:right;
	top: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:right;
	line-height: 30px;
	color:#000;
	font-weight:normal;
	font-size:24px;
	letter-spacing:-1px;
	border-bottom: 1px #000 solid;
	border-top: 1px #000 solid;
	width: 200px;
	padding:10px 0 10px 0;
	margin:0 auto;
	font-style:italic;
}
.quoteauthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	text-transform:capitalize;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:22px;
	text-transform:lowercase;
	letter-spacing:-1px;
	font-weight:bold;
	padding: 5px 0 5px 3px;
	margin: 50px 0 0 0;
	background: #000;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:22px;
	text-transform:lowercase;
	letter-spacing:-1px;
	font-weight:bold;
	padding: 5px 0 5px 3px;
	margin: 25px 0 0 0;
	background: #000;
}
.caps {
	font-family: "Times New Roman", Times, serif;
	font-size:62px;
	float: left;
	width: auto;
	text-transform:uppercase;
	padding-right:3px;
	line-height: 57px;
	font-weight: normal;
	color:#000;
}
a {
	color:#fff;
	border:none;
	background:#000;
	padding: 1px 2px 1px 2px;
}
a, a:visited {
	color: #fff;
	text-decoration:none;
	padding: 1px 2px 1px 2px;
}
a:hover {
	color: #000; 
	background: yellow;
  	border-bottom: 1px solid #444;
	padding: 1px 2px 1px 2px;
}
	
ul {
	list-style:none;
	padding:0;
	margin:0 auto;
}

/* Images
-------------------------------------------- */
a img {
	border:none;
	background:none;
}

/* Blog
-------------------------------------------- */
.post {
	padding: 0;
	margin: 0 0 60px 0;
	line-height:23px;
}
#post {
}
.postfooter {
	border-top: 1px #000 solid;
}
.posttitle {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:26px;
	font-weight:bold;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-transform:lowercase;
}
.posttitle a {
	color:#FFF;
	text-decoration:none;
}
.posttitle a:hover {
	color:#000;
}
.blogsidebar {
	position:relative;
	float:right;
	top: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:right;
	line-height: 18px;
	color:#000;
	font-size:13px;
	letter-spacing:-1px;
	width: 150px;
	padding:10px 0 10px 0;
	margin:0 auto;
	border-bottom: 1px #000 solid;
	border-top: 1px #000 solid;
}
.blogsidebar li {
	list-style:none; 
}
.righttitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	text-transform:capitalize;
	margin: 0 auto;
	padding:0;
}

/* Comments
-------------------------------------------- */
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* Theme Menu
-------------------------------------------- */
.nodisp { display: none; }

div#navigation {
	background: transparent;
	padding: 0;
	margin: 0 0 0 0;
	width: 610px;
    height: 35px;
	position:relative;
	top:184px;
	right:6px;
	border:none;
}
ul#nav {
	margin: 0 auto;
    width:689px;
	height: 35px;
    position: relative;
	border:none;
}
    
#nav li.main { display: block;}
#nav li.main a.nav_link { height: 35px; display: block; border:none;}

li#nav_tema		{ position: absolute; left: 0; }
li#nav_arrangor	{ position: absolute; left: 67px; }
li#nav_lankar	{ position: absolute; left: 195px; }
li#nav_media	{ position: absolute; left: 297px; }
li#nav_akt		{ position: absolute; left: 380px; }
li#nav_program	{ position: absolute; left: 451px; }


#nav_tema a.nav_link, #nav_arrangor a.nav_link, #nav_lankar a.nav_link, #nav_media a.nav_link, #nav_akt a.nav_link, #nav_program a.nav_link { background: transparent url(img/menu.jpg) no-repeat; border:none;}
            
#nav_tema a.nav_link     	{ width: 67px; background-position: 0 0; }
#nav_arrangor a.nav_link	{ width: 128px; background-position: -67px 0; }
#nav_lankar a.nav_link		{ width: 102px; background-position: -195px 0; }
#nav_media a.nav_link		{ width: 83px; background-position: -297px 0; }
#nav_akt a.nav_link			{ width: 71px; background-position: -380px 0; }
#nav_program a.nav_link		{ width: 159px; background-position: -451px 0; }

#nav_tema a.nav_link:hover		{ background-position: 0 -37px; }
#nav_arrangor a.nav_link:hover	{ background-position: -67px -37px; }
#nav_lankar a.nav_link:hover    { background-position: -195px -37px; } 
#nav_media a.nav_link:hover		{ background-position: -297px -37px; } 
#nav_akt a.nav_link:hover		{ background-position: -380px -37px; } 
#nav_program a.nav_link:hover	{ background-position: -451px -37px; } 


#nav li.main a.nav2_link { height: 35px; display: block; border:none;}

#nav2_tema a.nav2_link, #nav2_arrangor a.nav2_link, #nav2_lankar a.nav2_link, #nav2_media a.nav2_link, #nav2_akt a.nav2_link, #nav2_program a.nav2_link { background: transparent url(img/menu.jpg) no-repeat; border:none; }

li#nav2_tema		{ position: absolute; left: 0; }
li#nav2_arrangor	{ position: absolute; left: 67px; }
li#nav2_lankar		{ position: absolute; left: 195px; }
li#nav2_media		{ position: absolute; left: 297px; }
li#nav2_akt			{ position: absolute; left: 380px; }
li#nav2_program		{ position: absolute; left: 451px; }

#nav2_tema a.nav2_link		{ width: 67px; background-position: 0 -37px; }
#nav2_arrangor a.nav2_link	{ width: 128px; background-position: -67px -37px; }
#nav2_lankar a.nav2_link	{ width: 102px; background-position: -195px -37px; } 
#nav2_media a.nav2_link		{ width: 83px; background-position: -297px -37px; }
#nav2_akt a.nav2_link		{ width: 71px; background-position: -380px -37px; }
#nav2_program a.nav2_link	{ width: 159px; background-position: -451px -37px; }

/* Left Menu
-------------------------------------------- */
.left {
	position:absolute;
	top:0px;
	left:0;
	float:left;
	background: url(img/left.jpg) no-repeat top left;
	margin: 0;
	padding:0;
	height:701px;
	width:206px;
}

.leftmenu {
	position:relative;
	top: 120px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform:lowercase;
	line-height: 24px;
	font-weight:bold;
	color: #FFF;
	width: 120px;
	margin: 0 auto;
	padding: 0;
}
.left li {
	list-style:none;
}
.left a:link, .left a:visited {
	text-decoration:none;
	color:#FFF;
	background:#000;
	border:none;
}
.left a:hover {
	border:none;
	color:#000;
	background:#FFF;
	text-decoration:none;
}
	

/* Bottom Section
-------------------------------------------- */
#bottom {
	position:relative;
	top:290px;
	background: #000 url(img/bottom.jpg) no-repeat top left;
	height:407px;
	width:928px;
	margin: 0 auto;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
}


.bottomtitle {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:35px;
	line-height:35px;
	text-transform:lowercase;
	letter-spacing:-2px;
	margin: 0 0 18px 0;
	padding:0;
}
.flickrtitle {
	position:relative;
	top:2px;
	right:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:35px;
	line-height:35px;
	text-transform:lowercase;
	letter-spacing:-2px;
	margin: 0 0 18px 0;
	padding:0;
}

.column {
	float:left;
	width:235px;
	height: 300px;
	padding: 0;
	margin: 85px 10px 0 30px;
}

.flickr_column {
	float:left;
	width:300px;
	height: 300px;
	padding: 0;
	margin: 85px 0 0 40px;
}
div.flickr img { 
	margin:5px 13px 13px 0; 
}
div.flickr a img { 
	border:2px solid #FFF; 
}
div.flickr a:hover img { 
	border:2px solid yellow; 
}
div.flickr a:hover, div.flickr a:active  { 
	border:none;
	background:#000;
	text-decoration:none; 
}
#footer {
	position:relative;
	top:290px;
	height: 100px;
	width: 928px;
	margin:0 auto;
	padding: 0;
	background: #fff url(img/footertop.jpg) no-repeat top left;
}
#footerimg {
	position:relative;
	top:40px;
	left:780px;
}
#footerimg a:link, #footerimg a:hover, #footerimg a:active, #footerimg a:visited {
	text-decoration: none;
	background: #FFF;
	border:none;
}
#copyright {
	position:relative;
	top:35px;
	left:780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}