/*  
Theme Name: MUF Göteborg
Theme URI: http://gbg.muf.se/
Description: Temat till Moderata Ungdomsförbundet Göteborg.
Version: 2.0
Author: Victor Kaugesaar, Simple Creative
Author URI: http://simplecreative.se/
*/

body {
    font: 12px Verdana,Tahoma;
    line-height:19px;	
	background: url(images/bg.jpg) #102951;
	background-repeat: repeat-x;	
}

#container {
	width: 980px;
	margin: 0 auto;
}

#container2 {
	width: 980px;
	margin-left: -10px;
}
#swapper {
	width: 980px;
	margin-left: 10px;
	float: left;
	background: url(images/bg-swapper.jpg) #6d7c95;
	background-repeat: repeat-x;	

}

#main {
	width: 960px;
	margin-left: 10px;	
	float: left;
	background: #fff;
	border-left: #435777 1px solid;
	border-right: #435777 1px solid;
	}

#banner {
	width: 960px;
	height: 189px;
}
	
#menuholder {
	background: url(images/menu-bg.gif);
	height: 44px;
	width: 960px;	
	}
	
#menu ul 		{float: left; height: 44px;  }
#menu li 		{display: inline; height: 44px; }
#menu ul a 	{float: left; text-decoration: none; display: block; }

#menu a {
	top: 10px;
	position: relative;	
	color: #fff; 
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	border-right: 1px solid #831010; 	
	}

#menu  a:hover {
	color: #cfcfcf;
	top: 10px;
	position: relative;
	border-right: 1px solid #831010;	
}

#content {
	width: 960px;
	margin-top: 10px;
	background: #fff;
	float: left;

}

#bildTop {
	background: url(images/bild-top.jpg) #fff;
	width: 468px;
	height: 188px;
	margin-left: 2px;
	float: left;

}

#bildTopHoler {
	width: 460px;
	height: 180px;
	margin-left: 4px;
	margin-top: 4px;
	float: left;
	overflow:hidden;
	

}

#nyheter {
	width: 470px;
	float: left;
}

#rubrik {
	margin-top: 10px;
	width: 460px;
	height: 25px;
	padding: 5px;
	background: url(images/left-h2-bg.jpg);
	float: left;
	
}

#rubrik h2 {
	margin-left: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: Bold;
	color: #fff;
}

#nyhetHolder {
	width: 470px;
	margin-top: 10px;
}

#nyhetHolder  h2 a {
	font-family:  Verdana;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 12px;
	color: #272727;

}

#nyhetHolder .nyhet {
	width: 220px;
	height: 318px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 35px;
}

#nyhetHolder .nyhetText {
	margin-top: 8px;
	margin-bottom: 24px;
	color: #373636;
}

#nyhetHolder .nyhetText a {
	color: #477ef9;
}


#sidebar {
	width: 480px;
	margin-top: 4px;
	float: right;
}

#siderbarBilder {
	width: 480px;
	float: right;
}

#siderbarBilder   a img{
	float: left;
	border: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}


#sidebar  .h2-right-sidebar{
	margin-top: 10px;
	width: 470px;
	height: 25px;
	padding: 5px;
	background: url(images/right-h2-bg.jpg);
	float: right;
	
}

#sidebar .h2-right-sidebar h2 a {
	margin-left: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: Bold;
	text-decoration: none;
	color: #fff;
}

#sidebarYoutube {
	width: 470px;
	float: right;
	margin-right: 8px;
	margin-top: 6px;
}

#sidebarYoutubeHolder {
	width: 468px;
	height: 351px;
	background: url(images/youtube.jpg);
	margin-right: 6px;
}

#youtubeplayer {
	width: 460px;
	height: 343px;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
}


#sidebarNextGen {
	width: 230px;
	float: left;
}

#sidebarNextGen .h2-small-left {
	margin-top: 10px;
	width: 220px;
	height: 25px;
	padding: 5px;
	background: url(images/left-h2-small-bg.jpg);	
}

#sidebarNextGen .h2-small-left h2  {
	margin-left: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: Bold;
	text-decoration: none;
	color: #fff;
}

#sidebarNextGen img {
	border: 2px solid #323232;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
}

#sidebarNextGen li  {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dcdcdc; 
}

#sidebarNextGen li a {
	font-size: 14px;
	color: #477ef9;
}


#sidebarNextGen p {
	font-size: 9px;
	margin-left: 10px;
}

#sidebarNextGen a {
	font-size: 9px;
	color: #477ef9;	
}

#sidebarAktiviteter {
	width: 230px;
	float: right;
	margin-right: 10px;
}

#sidebarAktiviteter ul {
	list-style-type: none;
}

#sidebarAktiviteter li {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dcdcdc;
	color: #545454;
	font-weight: bold;
	
}

#sidebarAktiviteter p {
	font-size: 9px;
	margin-left: 10px;
}

#sidebarAktiviteter a {
	font-size: 9px;
	color: #477ef9;	
}



.h2-small-right {
	margin-top: 10px;
	width: 230px;
	height: 25px;
	padding: 5px;
	background: url(images/right-h2-small-bg.jpg);	
}

 .h2-small-right h2  {
	margin-left: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-weight: Bold;
	text-decoration: none;
	color: #fff;
}
#footer {
	width: 980px;
	height: 103px;
	background: url(images/footer.jpg);
	margin: 0 auto;
	clear: both;
}

#footerLeft {
	float: left;
	margin-left: 10px;
	color: #b8a53d;
	font-size: 10px;
	margin-top: 35px;
}

#footerRight {
	float: right;
	text-align: right;
	margin-right: 10px;
	color: #b8a53d;
	font-size: 10px;
	margin-top: 35px;
}


.alginright {
	float: right;
	clear: right;
}

/* ---------- PAGE -------- */

#page {
	width: 680px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
}

#rubrikPage {
	margin-bottom: 15px;
}

#rubrikPage h1 {
	font-family: Verdana;
	font-size: 30px;
	font-weight: bold;
	color: #323232;
}

#textPage p {
	margin-bottom: 15px;
	color: #323232;	
}

#textPage a {
	color: #477ef9;
}

#sidebarPage {
	width: 240px;
	margin-top: 10px;
	float: right;
}

#textPage h3.events {
	margin-bottom: -10px;
}	


/* SIDEBAR BILDER */



ul.gallery {
	width: 480px; /*--Adjust width according to your scenario--*/
	list-style: none;
}
ul.gallery li {
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	float: left;	
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 230px; /*--Width of image--*/
	height: 110px; /*--Height of image--*/
	
}
ul.gallery li span { /*--Used to crop image--*/
	width: 230px;
	height: 110px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #fff; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li a {text-decoration: none; color: #fff; display: block; }
	
	
	
/* GALLERY 1 spalt */


ul.galleryPage {
	width: 240px; /*--Adjust width according to your scenario--*/
	list-style: none;
}
ul.galleryPage li {
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	float: left;	
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.galleryPage li a.thumb {
	width: 230px; /*--Width of image--*/
	height: 110px; /*--Height of image--*/
	
}
ul.galleryPage li span { /*--Used to crop image--*/
	width: 230px;
	height: 110px;
	overflow: hidden;
	display: block;
}
ul.galleryPage li a.thumb:hover {
	background: #fff; /*--Hover effect for browser with js turned off--*/
}

ul.galleryPage li a {text-decoration: none; color: #fff; display: block; }