/*
	Standard YouSayYeah.com Stylesheet
**************************************************
	Created: August 14th, 2008
	Last Modified: February 17th, 2009
	Author: Matt Rintoul
**************************************************
*/

@import "/lib/css/utilities/forms.css";

/*	Reset
-------------------------------------------------- */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, code,
	del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
{	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
	
	pre
{	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */ }

	.button
{	color:#FFF !IMPORTANT; }

	em
{	font-style:italic; }

	ul, li, ul li
{	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
	line-height:1em; }

	table
{	border-collapse:collapse;
	border-spacing:0; }
	
	a img
{	border: none; }

	.break
{	clear:both;
	float:left; }

	img
{	display:block; }

	.hide
{	display:none !IMPORTANT; }

	.invisible
{	visibility:hidden; }

	.processing
{	background:#FFF url(/bin/img/shared/icon/icon_processing.gif) 50% 50%  no-repeat; }
	
	.processing_with_text
{	background:#FFF url(/bin/img/shared/icon/icon_processing.gif) 0 50%  no-repeat;
	display:inline;
	padding:4px 0 4px 20px ; 
	margin-left:12px;
	font-size:12px; }
	
	.block
{	padding:20px;
	height:40px;
	margin:10px 0 0;
	border:1px #CCC solid; }
	
	input.highlight
{	color:#DF005C; }

	.highlight
{	background:#FFF43C;
	padding:4px 6px; }
	
	.side_note
{	font-size:12px; }

	.removed
{	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	}

	.req
{	float:left;
	margin:.2em 0 0 16px; }
	

/*	Clear Floats
-------------------------------------------------- */
	.clear:after,
	.form_data:after,
	.form_data ul:after,
	div#content:after,
	div#header:after,
	div#footer:after
{	content:".";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden; }
	
/*	Image Replacement
-------------------------------------------------- */
	.use_img
{	text-indent:-1000px;
	overflow:hidden;
	font-size:1px; }


/*	Say Yeah
--------------------------------------------------*/	
	html
{	height:100%; }
	
	body	
{	height:100%;
	background:url(/bin/img/themes/yousayyeah/bkgr/bkgr_body.gif) 0 0 repeat;
	font-family:Helvetica, Arial, sans-serif;
	color:#3C3C3C;
	font-size:83%; }	

	a
{	color:#00A1CD;
	cursor:pointer;
	text-decoration:none; }
	
	a.ext,
	a span.ext
{	color:#DF005C !IMPORTANT; }
	
	input,textarea,select
{	outline:none; }
					
	input.text,
	input.search
{	border:1px #CCC solid;
	padding:2px 3px; 				
	margin:0;
	background:#FFF;
	line-height:1em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; }

	input.large
{	width:300px !IMPORTANT; }

	input.small
{	width:100px !important; }

	input.search
{	width:285px;
	padding-left:18px;
	background:#FFF url(/bin/img/shared/icon/icon_search.gif) 4px 50% no-repeat; }

	input.faded
{	color:#AAA; }


	input.file
{	padding:2px 3px; 				
	margin:0;
	background:#FFFFFF;
	line-height:1em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; }
		

/*	Headings
-------------------------------------------------- */					
	
	h1,h2,h3,h4,h5,h6 { font-weight: normal; }
	
	h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 1.5em; font-weight:bold; }
	h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }

	h3.first
{	margin-top:0 !IMPORTANT; }


/*	Container
-------------------------------------------------- */

	div#container
{	width:960px;
  padding:16px 16px 24px;
	background:#ccc;
	height:100%;
	padding:0;
	margin:0 auto;
	position:relative; }

	div#container div#content
{	padding:0 0 24px;
	margin:0;
	position:relative;
	background:#FFF;}

	div#container div#content div.column
{	float:left;
	display:inline;
	margin:0 0 16px 16px; }
	
	div#container div#content div.column.full
{	margin-left:0;
	width:928px; }
	
	div#container div#content div.column.minor
{	width:333px;
	margin:0 0 0 16px;  }
		
	div#container div#content div.column.major
{	width:562px; 
	padding:0 0 16px 16px;	
	background:url(/bin/img/themes/yousayyeah/bkgr_blue_accent.gif) 16px 100% repeat-x;
	border-left:1px #CCC solid; }
	
	
	div#container div#content div.column.major div.column
{	width:265px;
	margin-left:0; }
	
/*	div#container div#content div.column.major div.column.border
{	width:265px;
	padding-left:16px;
	margin-left:15px;
	border-left:1px #CCC solid; }*/


/*	Pagination
-------------------------------------------------- */
	div#pagination
{	border-top:1px #CCC solid;
	padding:8px 0 0;
	clear:both; }
	
	div#pagination span.navigation a
{	padding:4px 8px;
	background:#808080;
	color:#FFF;
	text-decoration:none;
	float:left; }
	
	div#pagination span.navigation span
{	padding:4px 8px;
	background:#D8D8D8;
	color:#F3F3F3;
	text-decoration:none;
	float:left; }
	
	div#pagination span.navigation .next
{	float:right; }
	
/*	Header
-------------------------------------------------- */

	div#header
{	padding:16px 0 16px 16px; }

	div#header a#logo
{	margin:20px 0 0 0;
	display:inline; }
	
	div#header a#logo img
{	display:inline; }

  div#header p.tagline
{ font-size:13px;
  width:333px;
  margin:12px 16px 0 0; }

  

/*  Apps
-------------------------------------------------- */
  div#applications
{ float:right;
  margin:0 14px 0 0; }

  div#applications a
{ float:right;
  margin:0 2px 0 0; }


/*	Login Header
-------------------------------------------------- */
	
	div#user_access
{	background:#3F3F3F;
	padding:4px; }
	
	div#user_access span.account_info
{ color:#FFF;
  float:right; }
  
	div#user_access a
{ color:#FFF;
  padding:0 8px; }

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

	div#footer
{	background:#404040;
	padding:24px 16px 8px;
	color:#E6E6E6;
	font-size:0.9em;
	width:928px;}

	div#footer div.logo
{	float:left;
	width:110px;
	margin-right:16px; }

	div#footer div.logo img
{	display:block; }

	div#footer div.logo .date
{	padding:6px 0 0 10px;
	display:block; }

	div#footer div.about_sayyeah
{	width:350px;
	float:left;
	margin:0 32px 0 0; }
	
	div#footer div.about_sayyeah p
{	margin:0 0 12px;
	line-height:1.3em; }

	div#footer div.about_sayyeah p a
{	color:#FFF; }

	div#footer ul.navigation
{	float:left;
	width:110px;
	margin:0 0 0 24px; }
	
	div#footer ul.navigation li
{	margin:0 0 8px; }

	div#footer ul.navigation li a
{	color:#FFF; }


	div#footer span.navigation a,
	div#footer span.policies a
{	color:#E6E6E6;
	margin-left:8px; }

	div#footer span.navigation a.rss
{	background:url(/bin/img/themes/yousayyeah/icon/icon_rss.gif) 100% 50% no-repeat;
	padding:4px 20px 4px 0; }


/*	Main Menu
-------------------------------------------------- */

	ul#main_menu
{	width:100%;
	float:left;
	font-size:1.3em; }

	ul#main_menu li
{	float:left;
	width:33%;
	border-bottom:1px #CCC solid;
	margin:0 0 4px; }
	
	ul#main_menu li a
{	padding:6px 12px;
	display:block;
	text-decoration:none;
	color:#3C3C3C; }
	
	ul#main_menu li.active a
{	background:#FFF43C; }

	ul li
{	margin-bottom:4px; }

	ul li.double
{	margin-bottom:8px; }

	ul li.quart
{	margin-bottom:16px; }

/*	Preface
-------------------------------------------------- */
	
	div.preface
{	width:100%;
	float:left;
	clear:both;
	padding:16px 0;
	background:url(/bin/img/themes/yousayyeah/bkgr/bkgr_soft_accent.gif) 0 0 repeat-x; }

	div.preface h3
{	color:#DF005C; }

	div.preface p
{	margin-bottom:12px; }

/*	Exceptions -- */
	div#pre_about_us, div#navigation
{	background-image:url(/bin/img/themes/yousayyeah/bkgr/bkgr_accent.gif); }

	div#pre_team
{	padding-bottom:4px; }

	div#pre_team ul li
{	font-size:0.9em;
	margin:0 0 16px;
	width:33%;
	float:left; }

	div#pre_team ul li a
{	text-decoration:none;
	color:#3C3C3C; }

	div#pre_team ul li strong
{	display:block;
	clear:both;
	margin:4px 0;
	font-weight:normal; }

	div#pre_team ul li span
{	display:block;
	clear:both;
	color:#00A1CD; }

	div#pre_contact ul li
{	font-size:0.9em; }

	div#pre_contact ul li strong
{	color:#DF005C;
	font-weight:normal; }


	body.policy div.major ul li
{	line-height:1.2em;
	margin:0 0 1em 2em;
	width:90%;
	list-style-position:outside;
	list-style-type:disc; }
	
/*	Major Column Elements
-------------------------------------------------- */
	div.major h2
{	display:block;
	border-top:3px #4D4D4D solid;
	border-bottom:1px #E6E6E6 solid;
	font-size:1.7em;
	font-weight:normal;
	padding:8px 0;
	margin:0 0 0;
	clear:both; }
	
	a.header_action
{	display:block; float:left; color:#666; margin:5px 0 0 8px; }

	div.major h2.has_image
{	border-bottom:none !IMPORTANT; }

	div.major h2 a
{	color:#3C3C3C;
	text-decoration:none; }

	div#container div#content div.column.major h3
{	min-width:168px; 
	padding:4px 32px 4px 6px;
	margin:24px 0 8px;
	float:left;
	clear:both;
	background:#FFF43C;
	font-size:1.2em; }

	div#container div#content div.column.major p
{	margin:12px 0;	
	line-height:1.4em;
	clear:both; }

	div#container div#content div.column.major ul
{	clear:both; }


/*	Blog Entry
-------------------------------------------------- */
	
	div.entry
{	margin-bottom:32px;
	position:relative; }

	div.entry.first
{	margin-top:-34px; }
	
	div.entry h2 a span
{	color:DF005C; }
	
	div.entry span.date
{	padding:4px 6px;
	margin:0 0 8px;
	display:block;
	float:left;
	background:#FFF43C;
	font-size:1.2em; }
	
	div.entry em.updated
{	float:left;
	padding:4px 6px;
	line-height:1.4em;
	display:block; }
	
	div.entry span.author
{	float:left;
	clear:left;
	margin:8px 0; }
	
	div.entry div.content
{	padding:16px 0 12px;
	clear:both; }

	div.entry div.content p
{	padding:0 0 12px !important;
	margin:0 !important; }

	div.entry div.share
{	float:right;
	clear:right;
	margin:8px 0; }

	div.entry span.categories
{	float:left;
	padding:4px 0;
	width:380px;}
	
	div.entry a.comments
{	float:right;
	padding:4px 8px;
	background:#00A1CD;
	color:#FFF;
	text-decoration:none; }
	
	div.entry div.content p
{	margin:12px 0;	
	line-height:1.4em; }
	
	div.entry div.content h4, div.entry div.content h3
{	font-size:1em;
	font-weight:bold; }
	
	div.entry div.content ul,
	div.entry div.content ol
{	margin:0 0 12px; }
	
	div.entry div.content ul li
{	list-style-position:outside;
	list-style-type:disc;
	line-height:1.4em;
	margin:0 0 0 16px; }
	
	div.entry div.content ol li
{	list-style-position:outside;
	list-style-type:decimal;
	line-height:1.4em;
	margin:0 0 0 16px;  }
	
	
	div.entry div.content blockquote
{	margin:0 2em; }

	div.entry div.content blockquote p
{	font-style:italic; }
	
	div.entry div.headline_image
{	clear:both;
	display:block;
	position:relative; }

	h4.message
{	margin:12px 0;
	background:#DF005C;
	color:#FFF;
	padding:4px 32px 4px 6px;
	font-size:1.2em; }
	
	h4.success
{	background:#C5EC80 !IMPORTANT;
	color:#3C3C3C !IMPORTANT; }


	div.entry div.headline_image h4
{	position:absolute;
	display:block;
	background:url('/bin/img/shared/bkgr/bkgr_alpha80.png');
	color:#FFF; 
	bottom:0;
	left:0;
	width:546px;
	margin:0;
	padding:4px 8px;
	text-align:right; }

	div.entry div.headline_image.project h4
{	background:url('/bin/img/shared/bkgr/bkgr_pink_alpha80.png'); }
	
/*	Projects
-------------------------------------------------- */

	ul.projects
{	margin-top:24px; }

	ul.projects li
{	font-size:0.9em;
	float:left;
	width:160px;
	margin:0 0 32px 41px; }
	
	ul.projects li.row_first
{	clear:both;
	margin-left:0; }
	
	ul.projects li a
{	text-decoration:none;
	color:#3C3C3C; }

	ul.projects li strong
{	display:block;
	clear:both;
	margin:4px 0;
	font-weight:normal; }

	ul.projects li span
{	display:block;
	clear:both;
	color:#00A1CD; }
	
/*	Blog Comments
-------------------------------------------------- */

	div#comments
{	background:url(/bin/img/themes/yousayyeah/bkgr/bkgr_blue_accent.gif) 0 0 repeat-x;
	padding:0 0 0; }

	div#comments div.comment
{	margin:8px 0 0;
	padding:8px 10px 16px;
	clear:both;
	background:url(/bin/img/themes/yousayyeah/bkgr/bkgr_soft_accent.gif) 0 100% repeat-x; }

	div#comments div.your_reply
{	background:none; }

		div#comments div.comment div.user_info img
	{	margin:2em 0 8px; }
		
		div#comments div.comment div.user_info
	{	font-size:0.9em;
		float:left;
		width:100px;
		margin-right:24px;
		clear:left; }
		
		div#comments div.comment div.score
	{	float:right; }
	
			div#comments div.comment div.score span.current
		{	background:#F1F1F1;
			height:14px;
			padding:2px 16px; 
			display:block;
			float:left; }
			
			div#comments div.comment div.score a.vote_up,
			div#comments div.comment div.score a.vote_down
		{	background:#80BF49 url(/bin/img/themes/yousayyeah/icon/icon_voteup.gif) 50% 50% no-repeat;
			width:18px;
			height:18px;
			float:left;
			display:block;
			margin:0 0 0 4px; }	
			
			div#comments div.comment div.score a.vote_down
		{	background-color:#ED0C6E;
			background-image:url(/bin/img/themes/yousayyeah/icon/icon_votedown.gif);}
		
		div#comments div.comment div.content
	{	float:left;
		width:410px; }
		
		div#comments div.comment a.reply
	{	background:url(/bin/img/themes/yousayyeah/icon/icon_reply.gif) 0 0 no-repeat;
		padding:0 0 0 20px;
		margin:0;
		float:left;
		font-size:11px; }
		
		div#comments div.comment div.content a.comment_count
	{	color:#ED0C6E; }
		
		div#comments div.comment div.content pre
	{	margin:12px 0 16px; }	
	
		div#comments div.comment div.replies div.content
	{	margin-top:16px; }
	
		div#comments div.comment div.replies span.reply_author
	{	color:#00A1CD; }
	
		div#comments div.comment div.replies div.content pre
	{	background:#F1F1F1;
		padding:8px;
		margin:8px 0; }
		
		div#comments div.comment div.author pre
	{	background:#FEECF4;
		padding:8px;
		margin:8px 0; }	
		
		div#comments div.comment div.replies div.admin pre,
		div#comments div.comment div.admin pre
	{	background:#E7F3F9;
		padding:8px;
		margin:8px 0; }
		
		div#comments div.comment div.replies div.author pre
	{	background:#FEECF4;
		padding:8px;
		margin:8px 0; }
	
		div#comments form h3
	{	margin-bottom:24px !IMPORTANT; }
	
		div#comments div.comment div.content textarea
	{	width:402px;
		margin:0;
		height:160px;	
		border:1px #CCC solid; }
		
		div.submit
	{	margin-left:80px; }
	
	div#reply_comment div.reply
	{	width:410px;
		float:left;
		margin-bottom:16px; }
		
	div#reply_comment span.author
	{	display:block;
		margin:4px 0 8px; }
		
	div#reply_comment pre
	{	padding:8px;
		background:#F1F1F1; }
	
	div#reply_comment a.cancel_reply
	{	margin:6px 0 0;
		display:block;
		float:right;
		font-size:11px; } 
	
	div.status
	{	float:right; }
	
	div.status a.edit_comment
	{	font-size:11px;
		display:block;
		float:left;
		margin:0 0 0 16px; }
		
	div#comments div.comment a.cancel_edit
	{	margin-left:12px; 
		font-size:12px;
		color:#808080;}
	
	div.status em.updated
	{	color:#808080;
		display:block;
		font-size:11px;
		margin:0;
		float:left; }
	
	
/*	Search
-------------------------------------------------- */
form#search
{	clear:both;
	padding-top:10px; }
	
form#search input.text
{	width:251px;
	margin-right:10px; }
	
form#search fieldset
{  margin-bottom: 0; }


/*	Comments
-------------------------------------------------- */
a.forgotten_password
{	font-size:11px;
	margin-left:8px; }
	

hr
{	color:#E6E6E6;
	background-color:#E6E6E6;
	/*border-color:#E6E6E6;
	border-style:solid none none;
	border-width:1px 0 0;*/
	border:none;
	clear:left;
	height:1px;
	margin:12px 0; }

/*hr
{	color:#E6E6E6;
	background-color:#FFFFFF;
	height:1px;
	clear:left;
	margin:16px 0;
	line-height:0;
	padding:0; }*/
	
hr.title
{	border-color:#acadae;
	margin:0; }