/*
	Current version: 1.1
	
	Site: Greenhatpeople
	www: greenhatpeople.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------
	
	Version: 1.0


/* ----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- */
#flash
{
	width:940px;
	height: 400px;	
	clear:both;
	margin:10px 1px 18px 1px;
	padding:0;
	overflow:hidden;
	color:#fff;

}


/* Image collection */

#imageCollectionImages
{
	overflow: hidden;
	width: 766px;
}
#imageCollectionImages p 
{
	width:660px;
}
#imageCollectionContent h2
{
	display: none;
}
#ImageCollectionCategorySelectForm
{
	margin: 0 0 10px 0;
}
#ImageCollectionCategorySelectForm select
{
	width: auto !important;
	width: 200px;
	min-width: 200px;
	
}
.imageBoxContainer
{
	width: 196px;
	height: 217px;
	display: inline;
	float: left;
	background: url(../images/common/box-bg.gif) no-repeat;
	margin: 0 9px 9px 0;
	padding: 10px
}
.imageContainerTitle
{
	padding: 5px;
}
#modal_container
{
	overflow: hidden;
}
.popupWidthLimiterDiv
{
	overflow: hidden;
	padding: 10px;
}
.popupWidthLimiterDiv h1
{
	width: auto !important;
}
.popupWidthLimiterDiv img
{
	margin: 0 0 10px 0 !important;
}
#paginationPrevious
{
	float: left;
	display: inline;
}
#paginationNext
{
	float: left;
	display: inline;
}
#pagination
{
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0 10px;
}
#paginationContainer
{
	margin: 0 0 0 206px;
}
#pagination li
{
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	width: 20px;
	text-align: center;
}


.iconClose {
	cursor:pointer;
	float:right;
}

#blogBottom
{
	font-size:0;
	height:5px;
	background:url(../images/custom/blog-main-bottom.gif) no-repeat;
	clear:both;
	float:none;
	margin:0 0 22px 22px;
}

#blogIntroduction
{
	width: 942px;
	height: 270px;
	background: url(../images/custom/blog.gif) no-repeat;
	float: none;
	clear: both;
	font-size:90%;
}

	#blogIntroduction #col1
	{
		width: 441px;
		display: inline; 
		float: left;
		margin: 0;
		padding: 10px 17px;
	}
	
	#blogIntroduction #col2
	{
		width: 194px;
		display: inline;
		float: left;
		margin: 0;
		padding: 10px 17px;
	}
	
	#blogIntroduction #col3
	{
		width: 194px;
		display: inline;
		float: left;
		margin: 0 0 0 8px;
		padding: 10px 17px;
	}

#interact
{
	width: 942px;
	/*height: 155px;
	background: url(../images/custom/interact.gif) no-repeat;*/
	float: none;
	clear: both;
	font-size:90%;
}
.en #interact
{
	width: 942px;
	height: 155px;
	background: url(../images/custom/interact.gif) no-repeat;
	float: none;
	clear: both;
	font-size:90%;
}
	#interact #col4
	{
		width: 441px;
		display: inline; 
		float: left;
		margin: 0;
		padding: 10px 17px;
	}
	
	#interact #col5
	{
		width: 200px;
		display: inline;
		float: left;
		margin: 0 0 0 1px;
		padding: 10px 17px;
	}
	
	#interact #col5en
	{
		width: 200px;
		display: inline;
		float: left;
		margin: 0 0 0 59px;
		padding: 10px 17px;
	}
	
	#interact #col6
	{
		width: 250px;
		display: inline;
		float: left;
		margin: 0 0 0 1px;
		padding: 10px 17px;
	}
	
	#interact form
	{
		width:196px;
	}
	.en #interact form
	{
		width:390px;
	}
	
	#interact input, #interact textarea, .rightContent input
	{
		background: #2a2d2a;
		border: 1px solid #1b1c1b;
		color: white;
		padding: 2px;
		width: 190px;
		height: 14px;
		margin: 0 0 3px 0;
		font-size: 100%;
	}
	.en #interact input, .en #interact textarea, .en .rightContent input
	{
		width: 124px;
	}
	#interact textarea
	{
		width: 194px !important;
		height: 54px;
		padding:0 !important;
		font-family:arial, helvetica, sans-serif;
	}
	.en #interact textarea
	{
		width: 234px !important;
	}
	
	.rightContent textarea
	{
		width: 185px;
		height: 50px;
		float: left;
		font-family:arial, helvetica, sans-serif;
		background: #2a2d2a;
		border: 1px solid #1b1c1b;
		color: #fff;
	}

		#interact h6, #recommend dt, .rightContent h6, #blogIntroduction h6
		{
			background:url(../images/common/interact-h6.gif) no-repeat;
			font-size:110%;
			padding:0 0 0 20px;
			margin:0 0 10px 0;
			line-height:1.4em;
			font-weight:bold;
		}
		
		.en #interact div
		{
			float: left;
			margin:0 10px 0 0;
		}
			#interact div label
			{
				margin: 5px 0 0 0 !important;
				float: none;
				clear: both;
				display: block;
			}
		#interact .textarea
		{
			
			margin: 0;
			width:196px;
		}
		.en #interact .textarea
		{
			
			margin: 0;
			width:234px;
		}
		#interact .submit, .rightContent .submit
		{
			background: transparent url(../images/common/submenu-arrow.gif) bottom right no-repeat;
			border: 0;
			float: right; 
			width: 70px !important;
			height: 18px !important;
			display: block;
			cursor: pointer;
			font-size: 94%;
			margin:0;
			line-height:1.5em;
			
		}
		
		#RecommendForm
		{
			width:auto;
		}
		
		.rightContent #recommend
		{
			width:195px;
			margin:10px 0 0 0;
		}
		
		#recommend
		{
			width:186px;
			overflow:hidden;
		}
		
			#recommend dl, #recommend dd
			{
				margin:0;
				padding:0;
				float:none;
				clear:both;
				display:block;
			}
			
				#recommend dd, .rightContent dd
				{
					height:36px;
				}
			
			#recommend input
			{
				width:190px;
				height:14px;
				margin:0 0 3px 0;
			}
			
			#RecommendForm .submit
			{
				margin-right:12px;
			}
			
				.en #RecommendForm
				{
					width:340px;
				}
				
				.en #recommend
				{
					width:340px;
					overflow:hidden;
				}
				
				.en #recommend dl, #recommend dd, #recommend dd div
				{
					margin:0;
					padding:0;
					float:left;
					display:block;
					clear:none !important;
				}
				
					.en #recommend dd, .en .rightContent dd
					{
						height:36px;
					}
				
				.en .rightContent input
				{
					width:179px !important;
				}
				
				.en .rightContent textarea
				{
					width:184px !important;
				}
				
				.en #recommend .submit{margin-right:120px;float:right;display:inline;position:relative;top:-20px;}
			
/* LANDING PAGE */
#landingPage #wrapper
{
	width:410px;
	min-height:500px;
	height: auto !important;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-205px 0 0 -250px;
}

#landingPageLogo
{
	display:block;
	width:411px;
	height:150px;
	text-indent:-9999px;
	background:url(../images/common/landing-page-logotype.gif) no-repeat;
}

	#lang
	{
		background:url(../images/common/lang-box-top.gif) no-repeat;
	}
	
		#lang ul
		{
			background:url(../images/common/lang-box-bottom.gif) bottom left no-repeat;
			padding:20px 0 50px 0;
			width:410px;
			margin:5px 0 0 0;
			list-style:none;
			float:none;
			clear:both;
		}
		
			#lang ul li
			{
				width:156px;
				float:left;
				display:inline;
				margin:0 20px 0 20px;
				padding:10px 0 10px 0;
				line-height:1.6em;
				border-bottom:1px solid #303330;
			}
			
				#lang ul li img
				{
					float:left;
					margin:0 10px 0 0;
				}
				
				#lang ul li a
				{
					text-decoration:none;
				}
				
/* BLOG */

#entries, #read
{
	float:left;
	display:inline;
	width:420px; 
	overflow: hidden;
}

	#entries h1
	{
		width:auto !important;
	}


.pagination{
	list-style: none;	
	margin: 0;
	padding: 0;
}
.pagination li{
	float: left;
	margin: 0 5px;	
}
h1.author{ margin:0 22px 20px 0 !important; }
.blog
{
	background:#fff url(../images/custom/blog-sidebar-top.gif) no-repeat;
	padding:0 0 5px 0;
}

	.presentation
	{
		margin: 0 20px 30px 0;
		padding:0 0 20px 0;
		clear: both;
		overflow: hidden;
		border-bottom:1px solid #CCCCCC !important;
	}
	
		.presentation img
		{
			padding:5px 10px 10px 10px;
			float: left;
		}
		.presentation .text
		{
			float: left;
			width: 450px;
		}
		
		.presentation p
		{
			margin:5px 10px 0 10px;
		}
		
		
		.presentation h2 
		{
			margin:0 10px 0 10px;
			padding:10px 0 0 0;
			font-size:1em;
		}
			.presentation h2 a
			{
				color:#000 !important;
				text-decoration:none;
				font-weight:bold;
			}

.sidebarBottom
{
	background:#fff url(../images/custom/blog-sidebar-bottom.gif) no-repeat;
	height:17px;
	font-size:0;
	clear:both;
	float:none;
	margin:0 0 9px 0;
}

#sidebar, #write
{
	float:right;
	display:inline;
	width:185px;
	margin:0 20px 0 0;
}

	#write
	{
		margin:0 !important;
	}

.blog dl
{
	margin:5px 0 19px 0;
}
.blog dl.last
{
	margin:5px 0 9px 0;
}

.blog dt
{
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	font-size:110%;
	padding:5px 11px;
	margin:3px 0 7px 0;
	line-height:1.3em;
	font-weight:bold;
}

	#dlTop{border-top:0 !important;}

.blog dd
{
	margin-left:11px;
}

.entry
{
	margin:0 0 15px 0;
}
/*
.entry h2
{
	background:url(../images/common/interact-h6.gif) no-repeat;
	font-size:110%;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	line-height:1.3em;
	font-weight:bold;
}
*/
	.entry h2 a
	{
		text-decoration:none;
		color:#316912;
	}
	
.meta
{
	border-bottom:1px solid #cccccc;
	padding:10px 0 10px 0;
	font-size:90%;
}

#entry .date
{
	display:none;
}

#comments
{
	clear:both;
	float:none;
	padding:10px 0 10px 0;
	margin:0 22px 0 0;
}

#share
{

}

	#share strong
	{
		display:block;
		padding:10px 10px 5px 10px;
		margin:0 0 10px;
		border-bottom:1px solid #cccccc;
	}

#share .link
	{
		display:block;
		padding:0 0 0 30px;
		margin:0 10px 8px 10px;
		height:18px;
		text-decoration:none;
		color:#000 !important;
		text-decoration:none;
	}
	
		#facebook
		{
			background: url(../images/custom/facebook.gif) no-repeat;
		}
		
		#mySpace
		{
			background: url(../images/custom/myspace.gif) no-repeat;
		}

		#bloggy
		{
			background: url(../images/custom/bloggy.png) no-repeat;
		}
		
		#pusha
		{
			background: url(../images/custom/pusha.png) no-repeat;
		}
		
		#digg
		{
			background: url(../images/custom/digg.png) no-repeat;
		}
			
		#stumbleupon
		{
			background: url(../images/custom/stumbleupon.png) no-repeat;
		}
		
		#delicious
		{
			background: url(../images/custom/delicious.gif) no-repeat;
		}
		
		#rss
		{
			background: url(../images/custom/rss.gif) no-repeat;
			margin:0 10px 0 0;
		}
		
.avatar
{
	float:left;
}

#write label
{
	display:block;
}

#write input
{
	height:14px;
	margin:0 0 3px;
	padding:2px;
}

#write input, #write textarea
{
	background:#fff none repeat scroll 0 0;
	border:1px solid #cccccc;
	color:#3a3a3a;
	width:179px;
	font-size:1em;
	font-family:arial, helvetica, sans-serif;
}

	#write textarea
	{
		width:100%;
	}

#write .btn
{
	background:transparent url(../images/common/submenu-arrow.gif) no-repeat scroll right bottom;
	border:0 none;
	cursor:pointer;
	display:block;
	float:right;
	font-size:94%;
	height:18px !important;
	line-height:1.5em;
	margin:0;
	width:70px !important;
	color:#3b3b3b;
}

.comment
{
	padding: 10px 0 10px 0;
	display:block;
	float:none;
	clear:both;
	height:auto;
}

.comment .date, .comment p, .comment strong
{
	display:block;
	border:0;
	margin:0 !important;
	padding:0 !important;
	width:338px;
	float:right;
	display:inline;
	line-height:1.3em !important;
}

.comment img
{
	float:left;
	display:inline;
	margin:0 15px 15px 0;
	width:50px;
}

#blogIntroduction .date
{
	color:#989898;
	display:block;
	border:0;
	padding:0 !important;
	font-size:1em;
}

#blogIntroduction #col2 a, #blogIntroduction #col3 a
{
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none !important;
	/*display: block;*/
}

	#blogIntroduction #col2 p, #blogIntroduction #col3 p
	{
	}

	#blogIntroduction #col2 p a, #blogIntroduction #col3 p a
	{
		font-weight:normal !important;
		margin:0 0 0 3px !important;
		font-size:1em !important;
	}