@CHARSET "UTF-8";
@IMPORT url("navigation.screen.css");
@IMPORT url("form.screen.css");

ul#sfWebDebugDetails.menu {
	display:					inline;	
}
	
body, html {
	margin:						0;
	padding:					0;
	background-repeat: 			repeat-x;
	font-family:				"Lucidia Sans", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size:					12px;
	color:						#333333;
	background-color:			#FFF;
	text-align:					center;
}
body div, html div {
	text-align:					left;	
}

		/**
 		* General Styles
		 */
		img {
			border:						0;
		}
		h1,h2,h3,h4,h5,h6 {
			color:						#9F1922;	
			margin:						0.5em 0;
		}
		h1 {
			margin:						0 0 0 0;
		}
		
		/**
		 * Wrapper - main width wrapper to apply to all sections
		 */
		div.content-wrapper {
			width:						900px;
			height:						100%;
			margin:						0 auto;
			position:					relative;
			overflow:					hidden;	
		}
		
		/** Make all paragraphs use italic text */
		div.content-wrapper p {
			font-style: 				italic;
			font-style: 				normal;	
		}
		
		span.openid {
			background-image:			url("../../images/icons/openid_small_logo.png");
			background-repeat: 			no-repeat;
			background-position: 		0 center;
			padding-left:				18px;
			color:						#F7931E;
		}
		
		a {
			color:						#4977b6;
			text-decoration:			underline;
		}
		
		a:hover {
			text-decoration:			underline;
		}
		
		div.content-block {
			background-color:			#ffffff;
			background-color:			#f3f6f4;
			padding:					0.5em;
			margin:						0 0 1.5em 0;
		}
		
		a.read-more {
			text-transform: 			lowercase;
			padding:					0px 3px;
			text-decoration:			none;
			background-color:			#4977B6;
			color:						#FFF;
		}
		a.read-more:hover {
			text-decoration:			underline;
		}


/**
 * Header
 */
div#header {
	width:						900px;
	margin:						0 auto;
	height:						118px;
	border-bottom:				2px solid #9f1922;
}

h1#logo {
	margin:						0;
	position:					absolute;
	top:						18px;
	text-indent:				-99999em;
	background-image: 			url("../../images/frontend/logo.png");
	background-repeat:			no-repeat;
	height:						46px;
	width:						194px;
}

h1#logo a {
	display:					block;
	height:						46px;	
}

div#member-mini-panel {
	text-align:					right;
	position:					absolute;
	top:						18px;
	right:						0;
	width:						600px;
	font-size:					0.85em;
}
div#member-mini-panel p {
	margin:						0 0 0.5em 0;	
}




/**
 * Body
 */
div#body {
	padding:					20px 0;
}

div#content-body {
	float:						left;
	width:						650px;
	min-height:					100px;
}

div#content-body.full {
	width:						900px;
}

div.primary-content {
	padding-right:			    20px;	
} 

div#sidebar {
	float:						left;
	width:						240px;
	padding:					0 10px 0 0;	
}


/**
 * Footer
 */
div#footer {
	width:						900px;
	margin:						0 auto;
	height:						118px;
	border-top:					2px solid #9f1922;
}
div#footer p {
	font-size:					0.85em;	
}
div#footer a.kurator {
	float:						left;
	background-image:			url('../../images/frontend/kurator.png');
	background-repeat:			no-repeat;
	width:						136px;
	height:						30px;
	display:					block;
	text-indent:				-99999em;
	margin-top:					1em;	
}

div#footer p.credits {
	float:						left;
	height:						30px;
	line-height:				36px;
	padding-left:				10px;
}

/**
 * Information
 */

div.info {
	border:					1px solid #4097e1;
	background-color:		#bcd8f0;
	padding:				10px;
	margin:					20px;
}
div.error {
	border:					1px solid #b75353;
	background-color:		#ca330c;
	padding:				10px;
	margin:					20px;
	color:					#FFF;
}
div.info p, div.error p {
	padding:				0 0 0 20px;
	margin:					0.5em 0;	
}
div.info h5, div.error h5 {
	background-repeat:		no-repeat;
	background-position:	left;
	margin:					0;
	font-size:				13px;
	padding:				0 0 0 20px;
}
div.info h5 {
	background-image:		url('../../images/icons/information.png');
}
div.error h5 {
	background-image:		url("../../images/icons/error.png");
}

span.notset {
	color:					#999999;
	font-style: 			italic;
	font-size:				0.8em;
}



/**
 * Specific pages
 */

/**
 * Tags & Recent projects
 */
div.random-tags div.tags {
 	text-align:				center;
}
div.random-tags a {
	text-decoration:		none;	
}
div.random-tags span {	
	padding:				0 0.5em 0 0;
	line-height:			1.4em;
}

div.random-tags span.tag-size-1  { font-size: 0.8em; 	 }
div.random-tags span.tag-size-2  { font-size: 0.9em; }
div.random-tags span.tag-size-3  { font-size: 1.0em; }
div.random-tags span.tag-size-4  { font-size: 1.1em; }
div.random-tags span.tag-size-5  { font-size: 1.2em; }
div.random-tags span.tag-size-6  { font-size: 1.3em; }
div.random-tags span.tag-size-7  { font-size: 1.4em; }
div.random-tags span.tag-size-8  { font-size: 1.5em; }
div.random-tags span.tag-size-9  { font-size: 1.6em; }
div.random-tags span.tag-size-10 { font-size: 1.7em; }

dl.project-small {
	width:					100%;	
}

dl.project-small dt.image, dl.project-small dt.title, dl.project-small dt.author {
	display: 				none;
	clear:					none;
	margin:					0;
}
dl.project-small dd.image {
	float:					left;
	margin:					0 0.4em 0.2em 0;
}
dl.project-small dd.title {
	margin:					0;	
	font-size:				1em;
}
dl.project-small dt {
	margin:					0;
	width:					auto;
	float:					none;
	clear:					none;
	text-align:				left;
	font-size:				0.8em;
}
dl.project-small dd a {
	color:					#9F1922;
	color:					#4977b6;
	font-weight:			bold;
	text-decoration:		none;
}
dl.project-small dd.author a {
	color:					#4977b6;
	font-weight:			normal;
}

dl.project-small dd {
	float:					none;
	width:					auto;
	margin:					0 0 0.5em 0;
	font-size:				0.9em;
}

/**
 * Pager 
 */
div.pager {
	text-align:				center;
	clear:					both;
	margin:					1em;
}

div.pager a {
	padding:				0.25em;
}


/**
 * Tables 
 */

table {
	border-collapse: 		collapse;
	width:					98%;
	margin:					15px auto;
	font-size:				0.8em;
	line-height:			1.2em;
}
table th {
	text-align:				left;	
	background-color:		#cccccc;
	color:					#333333;
}
table tr {
	border-top:				1px solid #cccccc;
	border-bottom:			1px solid #cccccc;
	background-color:		#eeeeee;
}
table tr.odd {
	background-color:		#f0f0f0;
}

table td, table th {
	padding:				6px;
}
table th {
	text-align:				center;
}
table th.title, table td.title, table th.description, table td.description {
	text-align:				left;	
}
table td.actions {
	width: 					15%;
}

table td.actions a {
	background-image:		url('../../images/icons/arrow_right.png');
	background-repeat:		no-repeat;
	padding-left:			18px;
}