/*  
Theme Name: Popart
Theme URI: http://bloggingzone.info
Description: Popart Wordpress Theme
Version: 1.0
Author: bloggingzone.info
Author URI: http://bloggingzone.info
*/



/* General */

body {
	margin: 0;
	background: #ffffff;
}

h1, h2, h3, h4 {
	margin: 0;
}

img {
	border: 0;
}


/* Page */

#page {
	margin: 0 auto;
	width: 1024px;
	background: #343434 url("images/bk_mainloop.gif") repeat top left; /* bakgruns bild som  loppar*/
	

}


/* Header */

#header {
	width: 1024px;
	height: 390px;
	position: relative;
	background: #343434 url("images/page_top.jpg") no-repeat top left;

}

/*adjusted positions after removing imagerotator.swf for a javascript slideshow*/
#header .text {
	/*old values: 
	right: 47px;
	width: 565px;
	*/
	position: absolute;
	top: 0px;
	right: 8px;
	width: 604px;
	text-align: left;
}

/*stop nextgen gallery  from ruining our positions*/
#header .text .ngg-galleryoverview.ngg-slideshow.slick-initialized.slick-slider{
	margin: 0px auto 0px !important;
}

/*force nextgen gallery to respect our fucking image size...*/
#header .text .ngg-gallery-slideshow-image > a > img {
	max-width:100% !important;
	max-height:100% !important;
	width: 604px !important;   
	height: 334px !important;	
}


#header .text h1 {
	color: #343433;
	font: bold 38px "Trebuchet MS", Verdana;
}
	
#header .text h1 a {
	color: #343433;
	text-decoration: none;
}
/* hover*/
#header .text .description {
	color: #979797;
	font: bold 18px "Trebuchet MS", Verdana;
}


/* Main */

#main {
	margin-top: 0px;
	width: 1024px;
	min-height: 500px;
	background: url("images/page_bottom.jpg") no-repeat top left;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

	/* Main - Sidebar */
	
	#main #sidebar {
		float: left;
		width: 233px;
		margin-left: 0px;
		margin-top: 0px;

		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
		/*background: url("images/sidebar_top.gif") no-repeat top left;*/
		/* vanilga färger */
		
	}
	
	#main #sidebar #sidebar-in {
		margin: 60px 0 0 0px;
		padding-bottom: 5px;
		width: 202px;
		/*background: #000000;*/
		/*line-height: 25pt /*här för ie nisse*/
	}
	
	#main #sidebar .bottom {
		background: url("images/sidebar_bottom.gif") no-repeat bottom left;
		height: 350px;
		width: 202px;
		margin-left: 0px;
		/*för gga08 height: 120px;*/
		margin: -20px 0 0 0px; /*fixa hökden*/
	}
	
	#main #sidebar #sidebar-in a {
		color: #343434;
		text-decoration: none;
		line-height: 33px /* firexof storlek*/
	}
	
	#main #sidebar #sidebar-in a:hover {
		color: #dd4965;
			/*text-decoration: underline;*/
	}
	
	#main #sidebar #sidebar-in h3 {
		font: bold 18px "Trebuchet MS", Verdana;
		color: #343434; 
		/*margin-bottom: 10px;*/
		padding-left: 24px;
	}
	/* här är over  hover*/
	
	
	#main #sidebar #sidebar-in ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin-bottom: 15px;
		padding-left: 40px;
		/*height:33px; ful hack för ie.. * antal sidor på sidan*/
		background: url("images/bg-ruta.gif") repeat-y;

   /*display: block; */
  /* padding: 5px; margin: 10px; z-index: 100;  */
  /* font: 10px Verdana, sans-serif; text-align: center; */
	}
	
	#main #sidebar #sidebar-in ul li {
		font: bold 16px "Trebuchet MS", Verdana;
	}
	
	#main #sidebar #sidebar-in ul li a {
		color: #343434;
		text-decoration: none;
		display:block;
		width:162px;
		/*height:30px;*/
		/* background: url("images/bg-sb.gif"); no-repeat fixed center*/
		background: url("images/bg-sb.gif")  no-repeat; 
	}
	
	#main #sidebar #sidebar-in ul li a:hover {
		color: #6d6b1c;
			/*text-decoration: underline;   hover meny*/
	display:block;
	width:162px;
	/*height:30px;*/
	background: url("images/bg-sbover.gif") no-repeat;


	}
	
	#main #sidebar #sidebar-in table {
		margin: 0 auto;
		margin-bottom: 15px;
	}
	

	/* Main - Content */
	
	#main #content {
		float: left;
		margin: 37px 0 0 49px;
		width: 655px;
		padding-bottom: 150px;
		/*background: #343434; färg för main info*/

	}
	
	#main #content .post {
		font: normal 12px "Trebuchet MS", Verdana;
		color: #343434;
		float: left;
		margin-bottom: 30px;
		width: 655px;
	}
	
		#main #content .post .awardtittel {
		width: 645px;
		height: 50px;
		background: url("images/awardtitle.gif") no-repeat;
		position: relative;
	}
	
	#main #content .post .awardtittel h2 {
		padding: 13px 0 0 60px;
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
	}
	
			#main #content .post .ceremony  {
		width: 645px;
		height: 50px;
		background: url("images/title_media02.png") no-repeat;
		position: relative;
	}
	#main #content .post .ceremony  h2 {
		padding: 13px 0 0 70px;
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
	}
			#main #content .post .title_media {
		width: 645px;
		height: 50px;
		background: url("images/title_media01.png") no-repeat;
		position: relative;
	}
	
	#main #content .post .title_media h2 {
		padding: 13px 0 0 70px;
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
	}
	
				#main #content .post .exhibition   {
		width: 645px;
		height: 50px;
		background: url("images/title_media03.png") no-repeat;
		position: relative;
	}
	
	#main #content .post .exhibition   h2 {
		padding: 13px 0 0 70px;
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
	}
	
					#main #content .post .party    {
		width: 645px;
		height: 50px;
		background: url("images/title_media04.png") no-repeat;
		position: relative;
	}
	
	#main #content .post .party    h2 {
		padding: 13px 0 0 70px;
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
	}
	
	
	#main #content .post .title {
		width: 655px;
		height: 128px;
		background: url("images/post_title.gif") no-repeat;
		position: relative;
	}
	
	
	#main #content .post .title h2 {
		padding: 51px 0 0 90px;
		color: #343434;
		font: bold 20px "Trebuchet MS", Verdana;
	}
	
	#main #content .post .title h2 a {
		color: #343434;
		text-decoration: none;
	}
	
	#main #content .post .title h2 a:hover {
			/*text-decoration: underline;*/
	}
	
	#main #content .post .title .date {
		position: absolute;
		top: 42px;
		right: 10px;
		width: 152px;
		text-align: center;
		font: bold 14px "Trebuchet MS", Verdana;
		color: #343434;
	}
	
	#main #content .post .title .date span{
		font: bold 18px "Trebuchet MS", Verdana;
		display: block;
	}
	
	#main #content .post .entry {
		line-height: 19px;
		padding-bottom: 10px;
		margin: 0 30px;
		padding-top: 10px;
	}
	
	#main #content .post .entry a {
		color: #6d6b1c;
		text-decoration: none;
		font-weight: bold;
	}
	
	#main #content .post .entry a:hover {
			text-decoration: underline;
			color: #918f47;
			/* hover text 996600*/
	}
	
	#main #content .post .entry img {
		margin: 0 5px 5px 0;
		float: left;
	}
	
	#main #content .post .entry .more-link {
		font: bold 13px/20px "Trebuchet MS", Verdana;
		color: #6d6b1c;
		float: right;
		margin-top: 5px;
	}
	
	#main #content .post .entry .more-link a {
		color: #6f6e40;
		text-decoration: none;
	}
	
	#main #content .post .entry .more-link a:hover {
			/*text-decoration: underline;*/
	}
	
	#main #content .post .comments-info {
		margin: 0 30px;
		font: bold 13px/20px "Trebuchet MS", Verdana;
		color: #343434;
	}
	
	#main #content .post .comments-info a {
		font: bold 13px/20px "Trebuchet MS", Verdana;
		color: #343434;
		text-decoration: none;
	}
	
	#main #content .post .comments-info a:hover {
			/*text-decoration: underline;*/
	}
	
	#main #content .post h3 {
		color: #343434;
		font: bold 18px "Trebuchet MS", Verdana;
		margin: 20px 30px 5px 30px;
	}
	
	#main #content .post .comments {
		margin: 0 30px;
	}
	
	#main #content .post .comments ol {
		margin: 10px 0 10px 0;
		padding-left: 20px;
	}
	
	#main #content .post .comments ol li {
		padding: 5px;
		margin-top: 5px;
	}
	
	#main #content .post .comments ol li.alt {
		background: #ffffff;
	}
	
	#main #content .post .comments ol li cite {
		color: #989898;
		font-style: normal;
		font-weight: bold;
	}
	
	#main #content .post .comments ol li cite a {
		color: #989898;
		text-decoration: none;
	}
	
	#main #content .post .comments ol li cite a:hover {
			/*text-decoration: underline;*/
	}
	
	#main #content .post .comments ol li .commentmetadata a {
		color: #989898;
		text-decoration: none;
	}
	
	#main #content .post .comments ol li .commentmetadata a:hover {
		color: #989898;
			/*text-decoration: underline;*/
	}
	
	#main #content .post #commentform {
		margin: 0 30px;
	}


/* Footer */

#footer {
	width: 1024px;
	min-height: 291px;
	background: #343434 url("images/footer.jpg") no-repeat left bottom;
	padding-top: 0px;
	font: bold 15px/30px "Trebuchet MS", Verdana;
	color: #d5d5d5;
	text-align: center;
}

#footer a {
	color: #d5d5d5;
	text-decoration: none;
}

#footer a:hover {
	/*text-decoration: underline;*/
}

#footer #footer-in {
	margin: 0 auto;
	width: 962px;
	/*background: url("images/footer_title.gif") no-repeat; ulfben 2020-04-10*/
	padding-left: 40px;
}

#footer #footer-in .box {
	float: left;
	width: 315px;
	text-align: left;
}
 
#footer #footer-in .box h3 {
	font: bold 18px/41px "Trebuchet MS", Verdana;
	color: #343434;
	margin-bottom: 25px;
	padding-left: 10px;
}

#footer #footer-in .box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 40px;
}

#footer #footer-in .box ul li {
	font: bold 15px "Trebuchet MS", Verdana;
	margin-bottom: 20px;
}

#footer #footer-in .box ul li a {
	color: #ffffff;
	text-decoration: none;
}

#footer #footer-in .box ul li a:hover {
		/*text-decoration: underline;*/
}

#footer #footer-in .copyright {
	margin-top: 260px;
}