/** 
 * WebbIT Theme
 * http://www.drombolaget.se
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: #dbdbdb;
	color: #555555;
 	font-size: 16px; 
	font-family: Verdana, Lucida, sans-serif;
	height: 100%;
}

a { 
 	text-decoration: none; 
	color: #6989BA;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

h1 {
	margin: 0 0 2px;
	font-size: 20px;
	font-weight: normal;
	color: #444444;
	letter-spacing: -1px;
}
h2 {
	margin: 0 0 2px;
	font-size: 18px;
	font-weight: normal;
	color: #444444;
	letter-spacing: -1px;	
}
h3, h4 {
	color: #444444;
}
h1 a,
h2 a, 
h3 a,
h4 a
{
	color: #444444;
}

.typography #Breadcrumbs p,
.typography #Breadcrumbs p a
{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	letter-spacing: 0;
	line-height:14px;
	margin:0;
}

.headingContainer,
#dsq-content div#dsq-comments-title {
margin:0;
padding:30px 0 15px;
position:relative;
}
.typography .headingContainer h1{
	margin:0;
}
#TwitterWidget .headingContainer {
	background: url("../images/twitter_birds.png") top left no-repeat;
}
#Rss .headingContainer {
	background: url("../images/rss.png") top left no-repeat;
}
.tagCloud .headingContainer {
	background: url("../images/tag_cloud.png") top left no-repeat;
}
#recentcomments .headingContainer,
#dsq-content div#dsq-comments-title {
	background: url("../images/comment_bubbles.png") top left no-repeat;
}
	.headingContainer h1,
	#dsq-content div#dsq-comments-title h3{
		margin:0;
	}
#recentcomments li.dsq-widget-item {
	margin:0 0 15px 0;
}
/* Utils
----------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* CONTAINERS
----------------------------------------- */
#Container { 
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	background: white;
}
	#Shadows {
		background: transparent url('../images/backgrounds/container_shadow_merged.png');
		height: 100%;
		position: absolute;
		width: 100%;
		padding: 0 23px;
		left: -23px;
	}

	#ContentContainer {
		min-height: 100%;
		padding-bottom: 60px;
		padding: 0 23px 60px 23px;
		position: relative;
		width: 960px;
		left: -23px;
	}			
		#Content {
			width: 640px;
			float: left;
		}

/* HEADER
----------------------------------------- */
#Header { 
	height: 50px;
	overflow: hidden;
	background: #a3cdff;
	padding: 20px 10px 10px;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 18px; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#MainCategories {
	position: relative;
	left: -23px;
	width: 1006px;
}
		#MainCategoriesTop {
			background: transparent url('../images/backgrounds/main_categories_top_left.png') no-repeat;
			padding-left: 23px;
		}
			#MainCategoriesTop div {
				background: transparent url('../images/backgrounds/main_categories_top_right.png') no-repeat top right;
				padding-right: 23px;
			}		
				#MainCategoriesTop div div {
					background: transparent url('../images/backgrounds/main_categories_top.png') repeat-x;
					height: 28px;
				}
		
		#MainCategoriesMiddle {
			padding-left: 23px;
			position: relative;
		}		
		#MainCategoriesMiddle img {
			width: 13px;
			left: 0;
			height: 100%;
			position: absolute;
			z-index: 0;
			top: 0;
		}
		#MainCategoriesMiddle .bg {
			position: absolute;
			width: 100%;
			height: 100%;
			padding: 0;
		}
		#MainCategoriesMiddle .bg div {
			position: relative;
			left: -23px;
			top: -13px;
			padding: 27px 0 0;
			margin: 0 13px;
			height: 100%;
		}
		#MainCategoriesMiddle .bg div img{
			width: 100%;
			height: 100%;
		}
			
			#MainCategoriesMiddle div {
				padding-right: 23px;
				position: relative;
			}		
			#MainCategoriesMiddle div img {
				width: 13px;
				right: 0;
				left: auto;
			}
				div#MainCategoriesContent {
					text-align: center;
					padding-right: 11px;
				}
					#MainCategoriesContent a {
						color: #ffffff;
						font-size: 20px;
						text-decoration: none;
						margin: 4px 10px;
						white-space: nowrap;
					}
					#MainCategoriesContent a:hover {
						text-decoration: underline
					}
				
		#MainCategoriesBottom {
			background: transparent url('../images/backgrounds/main_categories_bottom_left.png') no-repeat;
			padding-left: 23px;
		}
			#MainCategoriesBottom div {
				background: transparent url('../images/backgrounds/main_categories_bottom_right.png') no-repeat top right;
				padding-right: 23px;
			}		
				#MainCategoriesBottom div div {
					background: transparent url('../images/backgrounds/main_categories_bottom.png') repeat-x;
					height: 31px;
				}
				
/* CONTENT
----------------------------------------- */

#Layout {
	background: white url('../images/backgrounds/content.png') repeat-x;
	padding: 0 20px;
	min-height: 480px;
}
#Content .tagCloud {
	margin: 0 0 30px 0;
	overflow: hidden;
}
    
/* Box
----------------------------------------- */
.box {
	margin-bottom: 20px;
}
	.box .tabs {
		margin: 0 0 0 30px;
		padding: 0;
		list-style: none;
		overflow: visible;
		float: left;
	}
		.box .tabs li {
			float: right;
			background: transparent url('../images/box/tab.png') no-repeat;
			height: 30px;
			line-height: 28px;
			vertical-align: middle;
			width: 134px;
			padding: 0 0 0 15px;
			color: #ffffff;
			font-size: 20px;
			margin: 0 0 0 -19px;
			cursor:pointer;
		}
		.box .tabs li.first {
			background: transparent url('../images/box/tab_first.png') no-repeat;
		}
		.box .tabs li.last {
			background: transparent url('../images/box/tab_last.png') no-repeat;
		}
		.box .tabs li.active,
		.box .tabs li:hover
		{
			background: transparent url('../images/box/tab_active.png') no-repeat;
			color: #444444;
			position: relative;
		}

	.box div.main {
		background: transparent url('../images/box/top_right.png') no-repeat top right;
		clear: left;
	}
	
		.box div.main div.topLeft {
			background: transparent url('../images/box/top_left.png') no-repeat top left;
			margin-right: 8px;
			min-height: 8px;
			padding: 8px 0 0 8px;
			position: relative;
		}
		
			.box div.main div.tabContent {
				display: none;
				padding: 0 15px 0 35px;
			}
			.box div.main div.tabContent.active {
				display: block;
			}
				.box div.main div.tabContent.active .active {
					/* display: block; */
				}
		
	.box div.bottom {
		background: transparent url('../images/box/bottom_right.png') no-repeat bottom right;
	}
	
		.box div.bottom div {
			background: transparent url('../images/box/bottom_left.png') no-repeat bottom left;
			margin-right: 8px;
			height: 8px;
		}


/* SIDEBAR
----------------------------------------- */
#Sidebar { 
 	width: 259px; 
	float: right;  
	margin:0;
	padding: 0 0 0 20px;
}

	#Sidebar .sideBarBox{
		padding: 0 0 10px 10px;
		margin:0 0 20px;
		position: relative;
	}
	#Sidebar .headingContainer h4 {
		margin: 0;
	}
	#Sidebar .sideBarBox ul{
		list-style:none;
		padding:0;
		margin:0;
	}
		#Sidebar .sideBarBox ul li{
			padding: 0 0 15px 0;
		}
		#Sidebar .sideBarBox a{
			color: #4473B7;
		}
		#Sidebar .sideBarBox a.smallText{
			font-size:12px;
		}
		#Sidebar .sideBarBox p{
			margin:0;
		}

#Sidebar #EventListWidget ul{
	padding:0 95px 10px 0;
	min-height:103px;
}
#Sidebar #MusicListWidget ul{
	padding:0 95px 10px 0;
	min-height:103px;
}
#Sidebar #ContactFormWidget{
	padding:10px;
}
#Sidebar #ContactFormWidget p{
	margin:10px 0 0;
}
#Sidebar div.tagCloud {
	margin:0 0 20px;
	padding:0 0 10px 10px;
	overflow:  hidden;
}
/* Category Page
----------------------------------------- */
.category {
	width: 640px;
}

.category .thumbnail {
	float: left;
	margin: 0px 10px 10px 0;
	text-align: center;
	width: 160px;
}

.category .info {
	float: left;
	width: 470px;
}

.category .thumbnail img {
}

.category .boxList {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.category .boxList li {
	display: block;
	margin: 0 0 20px 0;
}

.category.typography h3 a,
.category.typography p a {
	color: #555555;
}
.category.typography h3 a:hover,
.category.typography p a:hover {
	text-decoration: none;
}



/* FOOTER
----------------------------------------- */
#FooterLeft {
	position: absolute;
	bottom: 0;
	width: 100%
}

	#FooterRight {
		padding-right: 23px;
	}

#Footer { 
 	clear: both;  
	background: transparent url(../images/footerBg.png) no-repeat bottom left; 
	text-align: center;
	padding: 10px;
	height: 40px;
}
	#Footer .footerTop {
		width: 100%;
		display: block;
		height: 2em;
	}
  	#Footer p { 
		color: #000;
		text-align: center;
	}
  		#Footer a { 
	   		color: #000; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #000;
				text-decoration: underline;
			}
			
/* Slider
----------------------------------------- */
.box .objects {
	display: none;
}
	.box .object {
		width: 415px;
		float: left;	
		z-index: 1000;	
	}
	
	.box .object .headingContainer {
		height: 41px;
		position: relative;
		margin: 4px 0 4px;
		padding: 0;
	}
		.box .object .headingContainer h3 {
			overflow: hidden;
			text-overflow: ellipsis;
			position: absolute;
			bottom: 0;
		}
	.box .object p
	{
		margin-right: 20px;
		overflow: hidden;
	}
	.box .object a {
		color: #555555;
	}
	
	.box .object img {
		float: left;
		margin-right: 10px;
	}

.box .viewPort {
	margin-right: 20px;
	height: 180px;
	overflow: hidden;	
	position: relative;
}
	.box .viewPort .page {
		width: 830px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.box .viewPort .page.left {
		left: -854px;
	}
	.box .viewPort .page.right {
		left: 854px;
	}
	.box .viewPort h3{
		margin: 0 20px 5px 0;
	}
.box .scroller .icon {
	height: 63px;
	width: 21px;
	position: absolute;
	top: 50%;
	margin-top: -31px;
}

.box .scroller.left .icon {
	background: transparent url('../images/object_slider/scroll_left.png') no-repeat;
	left: 10px;
}
.box .scroller.left:hover .icon {
	background: transparent url('../images/object_slider/scroll_left_active.png') no-repeat;
}
.box .scroller.right .icon {
	background: transparent url('../images/object_slider/scroll_right.png') no-repeat;
	right: 2px;
}
.box .scroller.right:hover .icon {
	background: transparent url('../images/object_slider/scroll_right_active.png') no-repeat;
}

.box .slidebox {
	width: 100000px;
}

.box .pageList {
	margin: 10px auto;
	list-style: none;
	text-align: center;
}

	.box .tabContent .pageList div {
		float: left;
		width: 13px;
		height: 13px;
		margin-right: 10px;
		background: url('../images/object_slider/page_selector.png') no-repeat;
		cursor:pointer;
	}
	
	.box .tabContent .pageList div:hover,
	.box .tabContent .pageList div.active
	{
		background: url('../images/object_slider/page_selector_active.png') no-repeat;
	}
	
/* ShareThis Button
----------------------------------------- */
#ShareThisButton {
	float:right;
	margin:23px 0 0 0;
}
/* SearchResults
----------------------------------------- */
ul#SearchResults {
	list-style:none;
	margin:0;
}
ul#SearchResults li{
	margin: 0 0 20px 0;
}
div.readMoreLink {
	float: right;
}

div#PageNumbers {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
	div#PageNumbers a.prev {
		float: left;
	}
	
	div#PageNumbers a.next {
		float: right;
	}
	

/* TagCloud
----------------------------------------- */
.tags {
	margin:0 0 10px 0;
}

	.tags a {
		margin-right: 10px;
		white-space: nowrap;
	} 

/* Inserts
----------------------------------------- */
.insertModeLink {
	padding:5px;
	margin:10px 0;
	height:60px;
	background: transparent url('../images/downloadBg.png') top left no-repeat;	
}
.insertModeLink .downloadContent{
	width: 510px;
	float:left;	
}
.insertModeLink .download{
	width: 50px;
	float:left;
	margin: 0 0 0 10px;	
}
	.typography .insertModeLink p {
		font-size:12px;
		line-height:12px;
		margin:0;
	}
	.typography .insertModeLink p.description {
		height:24px;
	}
	.typography .insertModeLink p.info {
		float:right;
		font-size:10px;
	}
	.typography .insertModeLink a {
		font-size:12px;
		line-height:12px;
		margin:0;
	}
	
.insertModeLink .fileIconmp4,
.insertModeLink .fileIconflv {
	background:transparent url('../images/icons/attachment_video.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconmp3,
.insertModeLink .fileIconaac {
	background:transparent url('../images/icons/attachment_audio.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconppt,
.insertModeLink .fileIconpptx,
.insertModeLink .fileIconswf {
	background:transparent url('../images/icons/attachment_presentation.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconrtf,
.insertModeLink .fileIconpdf {
	background:transparent url('../images/icons/attachment_rich.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconjpg,
.insertModeLink .fileIcongif,
.insertModeLink .fileIconpng {
	background:transparent url('../images/icons/attachment_photo.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIcondoc,
.insertModeLink .fileIcontxt,
.insertModeLink .fileIconodt,
.insertModeLink .fileIcondocx {
	background:transparent url('../images/icons/attachment_text.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconods,
.insertModeLink .fileIconxls,
.insertModeLink .fileIconxlsx {
	background:transparent url('../images/icons/attachment_calc.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
.insertModeLink .fileIconquiz {
	background:transparent url('../images/icons/attachment_quiz.png') center no-repeat;
	height:50px;
	width: 50px;
	float:left;
	margin:0 10px 0 0;
}
/* DISQUS
------------------------*/

li.dsq-widget-item {
	padding:8px;
	background:#EBF3FF;
}
.dsq-widget-item p.dsq-widget-meta a{
	font-size:12px;
	margin: 0 5px;
}

.dsq-widget-item p.dsq-widget-meta {
	color:#4473B7;
	font-size:12px;
}

/* Search
------------------------*/

#SearchForm {
	float:right;
	clear:right;
	width:250px;
}

#SearchForm fieldset {
	padding: 0;
	margin: 0;
}
#SearchForm legend {
	display: none;
}