/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  
  
.sIFR-active h1 {
  visibility: hidden;
  line-height: 1em;
  font-size: 100px;
}

.sIFR-active h2 {
  visibility: hidden;
  line-height: .85em;
  font-size: 35px;
}

.sIFR-active h3 {
  visibility: hidden;
  line-height: .85em;
  font-size: 24px;
  margin-bottom:-15px;
}

  
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example: */
  .sIFR-active h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    visibility: hidden;
  }
  /* */
}




/* STUART'S ELEMENTS */


/* Body */

body {
	background-color: #E9E2D7;
	margin-top: 0px;
	margin-left: 70px;
	color:#726555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	line-height: 1.2em;
}

a {
	text-decoration:none;
	color: #25569E;
}

a:hover {
	color: #F63;
}

a:visited {
	color:#969;
}

.logo {
	position: absolute;
	height: 201px;
	width: 54px;
	left: 0px;
	top: 120px;
}

.body_centre_wrapper {
	width: 699px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-repeat:no-repeat;
}


/* Hide content */
.hidden {
	display:none;
}

/* Header (The Logo and Search Bars) */

.top_cells {
	width: 233px;
	height: 42px;
	float:left;
	}


.my_workshop {
	width: 253px;
	height: 42px;
	position: relative;
	top: 0px;
	left: 446px;
	z-index: 1000;
	}


/* Main Box */

.main_background {
	clear:both;
	background-color:#F6F2F1;
	width: 699px;
}

.main_background:after {
	clear: both;
	content: url(/assets/images/corners/round_double_main_bottom.gif);
	display: block;
	line-height: 0.1;
	margin: -20px 0px 0px 0px;
}




/* Top Tabs (currently hidden when Flash is active; see below */

ul#tabs_top
{
	list-style: none;
	padding-left:30px;
}

ul#tabs_top li {
	float: left;
	padding:10px;
}


ul#tabs_top li a {
	color: #726555;
	display: block;
	padding: 10px 20px 5px 20px;
	text-align: left;
	text-decoration: none;
	width: 154px;
}


/* Home Flash Movie */
.flash_home_movie {
	margin-top:-25px;
	display:block;
	clear:both;
	z-index: 10;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .flash_home_movie {margin-top:-21px; }
}

/* Feature Boxes (Partner/ Contribute/ Share) */

ul#feature, ul#opportunities
{
	list-style: none;
	padding-left: 30px;
	z-index: 5;
}

ul#feature li, ul#opportunities li{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

ul#feature li a, ul#opportunities li a {
	color: #726555;
	display: block;
	padding: 20px 20px 5px 20px;
	text-align: left;
	text-decoration: none;
	width: 154px;
}

ul#widebox {
	list-style-type: none;
	margin-left:-20px;
}

ul#widebox li{
	color: #726555;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	width: 390px;
	list-style-image: none;
	margin-bottom:30px;
	margin-left:-40px;
	margin-top:-10px;
}

ul#widebox li em {
	color:#FAF8EB;
}

.company_highlight {
	background-color:#FFC9B1;
}

.project_highlight {
	background-color:#AFD0DF;
}

.general_highlight {
	background-color:#D5CBBA;
}

.workshop_highlight {
	background-color:#CFBFD9;
}

.company_highlight img, .project_highlight img, .general_highlight img, workshop_highlight img, {
	float:left;
	display:block;
}

ul#widebox li:before {
	content: url(/assets/images/corners/round_double_wide_top.png);
	display: block;
	line-height: 0.1;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	}

ul#widebox li:after {
	clear: both;
	content: url(/assets/images/corners/round_double_wide_bottom.png);
	display: block;
	line-height: 0.1;
	margin: 0px 0px 0px -20px;
}



ul#feature li a {
	height: 168px;

}

ul#opportunities li a {
	height: 26px;
	border-top-width:25px;
	border-top-style: solid;
	border-color: #F6F2F1;
	padding-top: 8px;
	margin-top: -20px;
}

ul#feature li:before {
	content: url(/assets/images/corners/round_double_small_top.png);
	display: block;
	line-height: 0.1;
	margin: 10px 0px -20px 0px;
	}

ul#feature li:after, ul#opportunities li:after {
	clear: both;
	content: url(/assets/images/corners/round_double_small_bottom.png);
	display: block;
	line-height: 0.1;
	margin: -20px 0px 0px 0px;
}

ul li#partner a {
	background: #FED3AA;
	background-image:url(/assets/images/boxes/opportunities/1.png);
	background-repeat:no-repeat;
	background-position:20px 135px;
}

ul li#contribute a {
	background-color: #D2DDB0;
		background-image:url(/assets/images/boxes/opportunities/2.png);
	background-repeat:no-repeat;
	background-position:20px 135px;
}

ul li#share a {
	background-color: #FAD998;
		background-image:url(/assets/images/boxes/opportunities/3.png);
	background-repeat:no-repeat;
	background-position:20px 135px;
}

ul li#partner a:hover, ul li#partner_active a {
	background-color: #FFBB79;
	border-color: #FFBB79;
}

ul li#contribute a:hover, ul li#contribute_active a {
	background-color: #CCDD75;
	border-color: #CCDD75;
	
}

ul li#share a:hover, ul li#share_active a  {
	background-color: #FAD868;
	border-color: #FAD868;
}

ul li#partner a strong, ul li#partner_active strong {
	color: #F30;
}

ul li#contribute a strong, ul li#contribute_active strong {
	color: #82A634;
}

ul li#share a strong, ul li#share_active strong {
	color: #FF811F;
}

ul#feature li a:hover, , ul#opportunities li a:hover {
color: #000;
}




/* Primary Boxes (at top of Profile and Project Pages) */

.primary_left_box {
	margin-left: 30px;
	margin-top:12px;
	width: 440px;
	height: 250px;
	float:left;
}

.primary_right_box {
	margin-top: -5px;
	padding-left: 0px;
	margin-left:-40px;
	width: 229px;
	height: 267px;
	float:left;
}

.primary_whole_box {
	margin-left: 40px;
	margin-top:12px;
	width: 630px;
	height: 250px;
}

.opportunities_link_box {
	margin-top:-14px;
	width: 685px;
	height: 45px;
}

ul#primary_right_box, 
ul#primary_right_box_secondary 
{
list-style: none;
}

ul#primary_right_box li a 
{
	color: #726555;
	display: block;
	padding: 5px 5px 5px 15px;
	text-align: left;
	text-decoration: none;
	width: 180px;
	margin-bottom: 5px;
}

ul#primary_right_box_secondary li a {
	color: #726555;
	display: block;
	padding: 2px 5px 2px 15px;
	text-align: left;
	text-decoration: none;
	width: 180px;
	margin-bottom: 5px;
	margin-top:-5px;
	margin-left:-40px;
	font-style: italic;
}


ul#primary_right_box li#profile a 
{
	color: #F00;
	background-color: #FFC9B1;
	border-left-width:5px;
	border-left-style: solid;
	border-color: #F6F2F1;
}


ul#primary_right_box li#profile_secondary a 
{
	color: #FF7654;
	background-color: #FFC9B1;
	border-left-width:5px;
	border-left-style: solid;
	border-color: #F6F2F1;
}

ul#primary_right_box li#profile a:hover,
ul#primary_right_box li#profile_active a,
ul#primary_right_box li#profile_secondary a:hover
{
	background-color: #FE9D71;
	border-left-color: #FE9D71;
	border-left-width:5px;
	border-left-style: solid;
}

ul#primary_right_box li#profile_secondary_active a
{
	background-color: #FE9D71;
	border-left-color: #FE9D71;
	border-left-width:5px;
	border-left-style: solid;
}







ul#primary_right_box li#workshop a 
{
	color: #853B99;
	background-color: #CFBFD9;
	border-left-width:5px;
	border-left-style: solid;
	border-color: #F6F2F1;
}


ul#primary_right_box li#workshop_secondary a 
{
	background-color: #CFBFD9;
	border-left-width:5px;
	border-left-style: solid;
	border-color: #F6F2F1;
}

ul#primary_right_box li#workshop a:hover,
ul#primary_right_box li#workshop_active a,
ul#primary_right_box li#workshop_secondary a:hover
{
	background-color: #AA91AB;
	border-left-color: #AA91AB;
	border-left-width:5px;
	border-left-style: solid;
}

ul#primary_right_box li#workshop_secondary_active a
{
	background-color: #AA91AB;
	border-left-color: #AA91AB;
	border-left-width:5px;
	border-left-style: solid;
}


ul li#workshop a {
	background-color: #FF9B72;
}


a#group_list {
	display:block;
	background-image:url(/assets/images/corners/rounded_arrow.png);
	background-repeat:no-repeat;
	inherit:none;
	line-height:25px;
	height: 27px;
	width:115px;
	clear: both;
	float: left;
	background-position: 4px 2px;
	margin-left: 5px;
	padding-left: 5px;
}


ul li#profile a {
	background-color: #FF9B72;
}

ul li#projects a {
	background-color: #D2DDB0;
}


/* Text Boxes for main pages */

.textbox_heading {
	width:429px;
	padding-left:60px;
	padding-right:210px;
	margin-bottom:-25px;
	margin-top:-10px;
	float:left;
	font:85%/1.3em Georgia, "Times New Roman", Times, serif;

}

.textbox_left {
	width:400px;
	padding-left:60px;
	padding-right:10px;
	float:left;
	font:85%/1.3em Georgia, "Times New Roman", Times, serif;
	clear:both;

}

.textbox_left ul li, .textbox_right ul li {
	list-style-position: outside;
	list-style-image: url(/assets/images/bullets/bullet.gif);	
}





.textbox_right {
	width:189px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	font:85%/1.25em Georgia, "Times New Roman", Times, serif;
}


/* Text */

.text_inset {
	padding-left:60px;
	padding-top:20px;
	padding-bottom:30px;
	display:block;
	clear: both;
	float: none;
	}
	
.text_sitemap {
	color: #A5927C;
	list-style:none;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 60%;
	line-height: 1.4em;
	display: compact;
	margin: 0px;
	}
	
ul.sitemap {
	list-style: none;
	padding: 0px;
}

ul.sitemap_1 {
	list-style: none;
	padding-left: 15px;
}

.blogcredit {
float:left;
margin-left:15px;
display:block;	
color:#BFB4A0;

}

.float_image {
float:left;
margin-left:0px;
margin-top:1px;
display:block;	
}