@import url("/_addons/sifr3/css/sIFR-screen.css");

/***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS
			4.1 Blog

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

body {
	line-height:1; }	
	
ol,ul {
	list-style:none; }
	
ul li {
line-height:1.7;
text-align:left;
}
	
table {
	border-collapse:separate; 
	/* border-spacing:0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption,th,td {
	text-align:left; 
	font-weight:normal;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align:center;
	background-color: #1d1d1d;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

select {
height:30px;
width: 250px;
font-size: 13px;
padding: 3px;
margin-top:5px;
background-color:#001C37;
font-family: Verdana, Helvetica, Arial, sans-serif;
border:2px solid #003C6A;
color:#ccc;
}

form#login {margin-bottom:5px;}
form#login input.text, form#login input.password {width:75px;padding:1px;border:1px solid #dadada;background:#fff;margin-right:5px;}
form label, form input, form textarea {font-size:12px;	font-family:Verdana, Arial, Helvetica, sans-serif;}

form input {width:257px; height:20px;border:2px solid #003C6A; margin-top: 10px; margin-bottom:10px; margin-right:20px; padding: 10px; background-color:#001C37; color: #fff; }

form textarea {width:559px; height:113px; border:2px solid #003C6A; margin-top: 10px; margin-right:10px; padding: 10px; background-color:#001C37; color: #fff; }

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color:#FF9122;
	text-decoration:underline;
}

h3 a, h2 a, h1 a {
	color:#FFF;
	text-decoration:none;
	font-weight: normal;
}
h3 a:hover, h2 a:hover, h1 a:hover {
	text-decoration:underline;
}


a:visited {}
a:hover {
	text-decoration:none;
}
a:active {}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr {  color: #fff;
background-color: #fff;
height: 1px;
width: 100%;
border:0;}

strong {font-weight:bold;}
em {font-style:italic;}
abbr, acronym {border-bottom:1px dotted #999;cursor:help;}

ol li {font-size:12px;
line-height:1.5em;
margin-bottom:15px;
padding-left: 40px;
text-align:left;}
.l1 {
background:url(/images/1.png) no-repeat;
background-position: 0 3px;
}
.l2 {
background:url(/images/2.png) no-repeat;
background-position: 0 3px;
}
.l3 {
background:url(/images/3.png) no-repeat;
background-position: 0 3px;
}
.l4 {
background:url(/images/4.png) no-repeat;
background-position: 0 3px;
}
.l5 {
background:url(/images/5.png) no-repeat;
background-position: 0 3px;
}
.l6 {
background:url(/images/6.png) no-repeat;
background-position: 0 3px;
}
.l7 {
background:url(/images/7.png) no-repeat;
background-position: 0 3px;
}
.l8 {
background:url(/images/8.png) no-repeat;
background-position: 0 3px;
}
.l9 {
background:url(/images/9.png) no-repeat;
background-position: 0 3px;
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {position:absolute;left:-9999px;}

.visit_button a, .start_button a, .past_button a, .feed_button a {margin: 0 auto; height: 41px; width:178px;display:block; overflow: hidden; background: url(/images/visit_hover.png) no-repeat;}

.past_button, .start_button, .feed_button a {
width:188px;
}
.past_button a {
background: url(/images/past_projects_hover.png) no-repeat;

}
.start_button a {
background: url(/images/start_project_hover.png) no-repeat;
}
.feed_button a {
background: url(/images/feed_hover.png) no-repeat;
}


.visit_button a:hover img, .start_button a:hover img, .past_button a:hover img,  .feed_button a:hover img {
 visibility:hidden; 
}


.feed_over img { height:61px; width:230px; border: 0; }

.feed_over a:hover img{}

.center {text-align:center;}

.clear {clear:both;}
br.clear {font-size:0;height:0;line-height:0;overflow:hidden;}

.clearfix:after, #content:after, .content:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix, #content, .content
{display:inline-block;}	/* Hides from IE-mac \*/ 

* html .clearfix, * html #content, * html .content
{height:1%;}

.clearfix, #content, .content
{display:block;} /* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width:1000px;
	position:relative;
	margin:0 auto;
	text-align:left;
	
}

#page {
background-color: #001c37;
}

#header {
	position:relative;z-index:2;
	background-color: #fff;
}
#header .container {
	height:79px;
}

#content .container {margin: 0 auto; width:950px; }

/* Default - Two columns layout */

#content {
	width:100%; 
}
	#splash {
	width:841px;
	height:263px;
	text-align:left;
	background: url(/images/splash.png) no-repeat;
	margin:0 auto;
	padding-bottom: 0;
	}
	#text {
		width:625px;
		float:left;
		margin-bottom:20px;
	}
	.project_image {
		float:left;
		width: 240px;
	}
	.project_text {
		float:left;
		width: 350px;
	}
	
	
#sidebar {
	width:297px;
	float:right; 
}

#footer {
	clear:both; 
}

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	
#accessibility-menu {position:absolute;left:-1000em;text-align:left;}

/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */
#header #logo, #header #logo a, #header #logo a span {display:block;width:294px;height:83px;overflow:hidden;}

#header #logo {position:absolute;top:0;left:687px;}
#header #logo a { /* style the text covered by image */ }
#header #logo a span {	
	position:absolute;top:0;left:0;z-index:10;
	background:url(/images/logo.png) no-repeat;
}

/* Navigation */
#navigation {
	position:absolute;top:0;left:16px;
	width:1000px;height:79px;
}

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

#content {
	
	color:#fff;
	background: url(/images/blue_grad_bg2.jpg) repeat-x;
}
#box_questions {
margin: 0 auto;
background: url(/images/questions.png) no-repeat;
width:742px;
height:104px;
padding: 40px 0px 0px 30px;
}

#questions {
margin:0;
width:700px;
}
#questions td {
height:22px;
}

	#content h1, #content h1 a {
		margin-bottom:20px;
		font-size:28px;
		  margin-top: 30px;
		color:#fff;
		font-weight:normal;
		text-decoration: none;
		font-family:Helvetica, sans-serif;
	}
	h2, #content h2 a, #sidebar h2 a {
		font-size:20px;
		color:#fff;
		font-weight:normal;
		margin-top: 10px;
		line-height:100%;
		text-align:left;
		font-family:Helvetica, sans-serif;
	}
	#content h3, #sidebar h3 {
		font-size:14px;
		color:#ffffff;
		font-weight:bold;
	}
	#content h4, #sidebar h4 {
		margin-bottom:5px;
		font-size:12px;
		color:#283391;
		font-weight:bold;
	}
	#content p, #sidebar p {
		margin-bottom:25px;
		font-size:13px;
		line-height:1.7em;
		text-align:left;
	}
	#content p.note, #sidebar p.note {font-size:1.1em;margin:0;}
	
	#content blockquote {
		margin: 4px 24px;
		padding: 10px;
		background: #154061;
		border: 1px solid #66809a;
	}

/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	
#sidebar  {
	margin-top: 36px;
	line-height: 0;
	}

#sidebar #box {
	background: url(/images/sidebar_bg.png) repeat-x;
	text-align:center;
	padding: 0 36px;
	padding-bottom: 20px;
	
}
#sidebar #contact_box {
	background: url(/images/sidebar_about_bg.png) repeat-x;
	text-align:center;
	padding: 0 36px;
	padding-bottom: 20px;
	margin-bottom:30px;
	
}
#sidebar #box .project_text, #sidebar #contact_box .contact_text {
	float:none;
	width: 225px;
	}
#sidebar #box .project_text h2, #sidebar #contact_box .contact_text h2 {

	float:none;
	}

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	

#footer {
	text-align:center;
	color:#1d1d1d;
	font-size:1.1em;
	width:100%;
	height: 219px;
	background: url(/images/gray_grad_bg.jpg) repeat-x;

}
#footer ul {
clear:both;
	}
	#footer li {
		text-align:left;
		margin-top: 10px;
		margin-left: 20px;
	}
	
	#footer li a {
		color:#fff;
		text-decoration:none;
	}
	#footer .external a {
background:transparent url(/images/outgoing.gif) no-repeat scroll right center;
padding-right: 18px;
}
	#footer a:hover {
		text-decoration:underline;
	}

#footer .menu {
width: 880px;
margin:0pt auto;
}

#footer .menu_block {
background: url(/images/gray_line.jpg) no-repeat;
float:left;
margin-top: 5px; 
width:202px;
height:150px;
}
#footer .menu2_block {
background: url(/images/gray_line.jpg) no-repeat;
float:left;
margin-top: 5px; 
width:272px;
height:150px;
}



#footer p {
	
}

/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

div.spacer {
	height:2px;font-size:0px;line-height:0px;overflow:hidden;
	background:#dadada;
	margin:0px 0 10px 0;
}

#sidebar .box .content table tr td {
border-bottom:2px #dadada solid;
padding: 3px 0px;
}
#sidebar img {
margin-top: 0px;
padding-top:0px;
}


/* 4.1	Blog
-----------------------------------------------------------------------------------------------*/	
#text .post_info  {
font-size: 16px;
color: #cccccc;
margin-bottom:15px;
	}
	#text .post_info strong {
color: #fff;
	}
	
	#text .comments a {
color: #cccccc;
font-size: 14px;
margin-bottom: 20px;
	}
	.comment {
	margin-top: 20px; }
	.feed_button {
margin: 30px 0;
}