/*		
	     I Need Sugar Stanadard Stylesheet
***************************************************
	Created: May 04th, 2009
	Last Modified: June 30th, 2009
	Author: Darcy Clarke
*************************************************** 
*/

	@import "/lib/css/utilities/forms.css";
	@import "/lib/css/themes/sugar/calendar.css";
	
/*	-----------------------------------------------
	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+ */ }

/*	-----------------------------------------------
	CLEAR FLOATS
	----------------------------------------------- */
	
	.clear:after
{	content:".";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden; }
	
	.c_clearBoth
{	clear: both; }

/*	-----------------------------------------------
	IMAGE REPLACEMENT
	----------------------------------------------- */
	.use_img
{	text-indent:-1000px;
	overflow:hidden;
	font-size:1px; }

	
/*	-----------------------------------------------
	GLOBAL CSS
	----------------------------------------------- */
	html, body 
{	height: 100%; }

	body 
{	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4c4d4f; }
	
	a
{	text-decoration: none;
	color: #00b2d9; }
	
	a:hover 
{	color: #4c4d4f; }
	
	p
{	margin: 0 0 15px; }

	ul
{	margin: 0 0 0 20px; }

	.column ul li
{	list-style: none; }

	.faded
{	color: #cdcdce; }

	hr
{	color:#E6E6E6;
	background-color:#E6E6E6;
	border:none;
	clear:left;
	height:1px;
	margin:12px 0; }
	
	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; }
	
/*	-----------------------------------------------
	DOCUMENT CSS
	----------------------------------------------- */	
	#doc_container 
{	width: 975px;
	min-height: 100%; 
	margin: auto;
	border-left: #d3d3d4 1px solid;
	border-right: #d3d3d4 1px solid; }

	#doc_header 
{	float: left; }

	#doc_topText 
{	margin: 2px 0 130px 25px;
	width: 950px;
	position:relative; }
	
	#doc_topNav 
{	padding: 0 0 0 25px;
	font-size: 24px;
	letter-spacing: 1px; }
	
	#doc_login
{	padding: 0 25px;
	font-size: 12px; }

	#doc_contentLeft 
{	width: 614px;
	margin:0;
	padding-bottom: 16px;
	float: left;
	background: url(/bin/img/themes/sugar/bkgr_blue_crosshatch.gif) 0 100% repeat-x;}
	
	#doc_contentRight
{	width: 345px;
	margin: 0 0 0 16px;
	float: left; }
	
	.doc_sectionRight
{	float: left;
	width: 325px;
	font-size: 12px;
	margin: 0 20px 0 0;
	padding: 16px 0 25px 0;
	background: url(/bin/img/themes/sugar/bkgr_grey_crosshatch.gif) 100% 0 repeat-x; }
	
	.doc_sectionRight h2
{	font-size: 16px;
	letter-spacing: 1px;
	margin: 0 0 16px 0 ; }
	
	.doc_sectionRight a
{	display: block;
	margin: 0 0 3px; }
	
	.doc_sectionRight h3
{	margin: 20px 0 0 0; }

	.doc_sectionRight form
{	margin:0 0 12px !IMPORTANT;
	padding:0 !IMPORTANT; }

/*	-----------------------------------------------
	MAIN NAVIGATION BARS CSS
	----------------------------------------------- */
	
	#doc_topNav a
{	display: block;
	float: left;
	width: 100px; }
	
	#doc_topNav a.active
{	color: #4c4d4f; }
	
	.c_barHome 
{	padding: 0 0 6px 0;
	background: url(/bin/img/themes/sugar/bkgr_largeblue_crosshatch.gif) 0 100% repeat-x; }

	.c_barMusic 
{	border-bottom: #00b2d9 6px solid; }
	
	.c_barShows 
{	border-bottom: #4466B0 6px solid; }
	
	.c_barArt
{	border-bottom: #4D4D4F 6px solid; }

	.c_barStuff 
{	padding: 0 0 6px 0;
	background: url(/bin/img/themes/sugar/bkgr_largelight_crosshatch.gif) 0 100% repeat-x; }

/*	-----------------------------------------------
	GLOBAL CLASSES 
	----------------------------------------------- */

	.c_title
{	font-size: 20px;
	padding: 16px 0 19px;
	background:0 100% repeat-x; }

	.c_subscribe 
{	background: url(/bin/img/shared/icon/feed.png) no-repeat right;
	height:16px;
	width:16px;
	display:block;
	float:left;
	margin-left:8px; }

	.c_twitter 
{	background: url(/bin/img/shared/icon/balloon-twitter.png) no-repeat right;
	height:16px;
	width:16px;
	display:block;
	float:left;
	margin-left:8px;}

	.c_slogan 
{	position:relative;
	height:60px; }
	
	.c_slogan .c_titleOverlay
{	background: url(/bin/img/themes/sugar/bkgr/bkgr_title.gif) 0 0 repeat;
	position:absolute;
	top:10px;
	height:140px;
	width:950px; }
	
	.c_slogan h1
{	background:#00B0D8;
	color:#FFF;
	font-size: 75px;
	line-height:0.68em; 
	padding:14px 60px 0 19px;
	margin-left:-25px;
	margin-bottom:-10px;
	float:left; }
	
	.c_options
{	font-size: 12px;
	letter-spacing: 1px;
	background:#FFF;
	display:inline;
	float:right;
	padding:0 6px 6px 25px;
	margin:0 16px 0 0; }
	
	.c_categories
{	padding: 8px 0;
	float:left; }

	.c_comments
{	background-image: url(/bin/img/themes/sugar/bkgr_blue_crosshatch.gif);
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 8px 12px;
	float: right; }

	ul.c_contactList
{	}

	ul.c_contactList li
{	float:left;
	width:125px;
	margin:0 0 6px;
	display:block; }

	ul.c_contactList li a
{	display:inline;
	float:none; }

	.c_colLeft
{	float: left;
	width: 125px; }

	.c_colRight
{	float: left;
	width: 125px; }

	.c_download
{	font-size: 16px; }
	
	.c_alignLeft 
{	float: left; }

	.c_alignRight 
{	float: right; }

	.c_textBlue
{	color: #00b2d9; }

	.c_textRed
{	color: #df2027; }

	.c_barGrey 
{	color: #d3d3d4;	}
	
	
	.c_colLeft h3,
	.c_colRight h3
{	margin:10px 0 4px; }
	.c_colLeft h3:first-child,
	.c_colRight h3:first-child
{ margin-top:0; }
	
/*	-----------------------------------------------
	BLOG POST CSS
	----------------------------------------------- */
	.c_noArticles
{	padding: 15px 15px 0; }

	.c_post 
{	padding: 35px 0 3px;
	margin: 0 0 25px;
	background: url(/bin/img/themes/sugar/bkgr_white_crosshatch.gif) 0 100% repeat-x; }	
	
	.c_box 
{	width: 614px;
	overflow: hidden;
	display:block;
	position:relative; }
	
	.c_boxOverlay 
{	width: 614px;
	height:100%; 
	position: absolute;
	overflow: hidden;
	display:block; }
	
	/*.c_boxDate 
{	font-size: 75px;
	margin: -12px 0 0 -11px;
	float: left; } */
	
	.c_boxTitle 
{	font-size: 75px;
	margin-top: -4px;
	margin-left: 20px;
	margin-bottom: -4px;
	float: left;
	clear: left;
	line-height:0.8em; }
	
	.c_boxStatus 
{	float: right;
	position: relative;
	z-index: 15;
	margin: 0 10px 0 0; }
	
	.c_postText
{	clear:both;
	margin: 0 0 0 25px;
	padding: 15px 15px 15px 0; }
	
		.c_postText ul li
	{	line-height: 16pt;
		list-style-position:inside;
		list-style-type:disc; }

		.c_postText p
	{	/*line-height:1.3em;*/
		line-height: 16pt; }

	span.c_author
{	/*color: #85daed;*/
	margin: 15px 15px 0 0;
	float: right; }

	.c_postActions
{	clear:both; 
	margin:12px 0 0; }

/*	-----------------------------------------------
	SELECTIVE COLOR ATTRIBUTES CSS
	----------------------------------------------- */

	/********* BLUE **********/
		
		.music 
	{	background-color: #00b2d9;
		color: #FFFFFF; }
	
		.music a 
	{	color: #fff33d; }
	
		.music .c_box
	{	color: #FFFFFF; }
	
		.music .c_comments
	{	color:#FFF;
		font-weight:normal; }
	
		.music .c_boxOverlay,
		.music .c_comments
	{	background-image: url(/bin/img/themes/sugar/bkgr/bkgr_music_crosshatch.gif); }
	
	/********* WHITE **********/

		.stuff 
	{	background-color: #FFFFFF;
		color: #4c4d4f; }
		
		.stuff .c_box
	{	color: #00b2d9; }
	
		.stuff .c_comments
	{	color:#00b2d9;
		font-weight:normal; }
	
		.stuff .c_boxOverlay,
		.stuff .c_comments
	{	background-image: url(/bin/img/themes/sugar/bkgr/bkgr_stuff_crosshatch.gif); }
	
	/********* PURPLE **********/
	
		.shows
	{	background-color: #4466B0;
		color: #FFF; }
		
		.shows .c_box
	{	color: #FFF; }
	
		.shows .c_comments
	{	color:#FFF;
		font-weight:normal; }
	
		.shows .c_boxOverlay,
		.shows .c_comments
	{	background-image: url(/bin/img/themes/sugar/bkgr/bkgr_shows_crosshatch.gif); }
	
	/********* DARK BLUE **********/
	
		.art 
	{	background-color: #4D4D4F;
		color: #FFF; }
	
		.art a
	{	color:#FFF33E; }
	
		.art .c_box
	{	color: #FFF; }
	
		.art .c_comments
	{	color:#FFF;
		font-weight:normal; }
	
		.art .c_boxOverlay,
		.art .c_comments
	{	background-image: url(/bin/img/themes/sugar/bkgr/bkgr_pics_crosshatch.gif); }
	
/*	-----------------------------------------------
	FORM CSS
	----------------------------------------------- */
	
	.c_inputOne
{	border: #cdcdce solid 1px;
	padding: 4px 4px;
	width: 216px;
	float: left; }
	
	.c_btnOne
{	background: #939598;
	border: none;
	margin: 0px 0 0 10px;
	padding: 4px 12px;
	float: left;
	color: #FFFFFF; }
	
	.c_btnOne:hover
{	cursor: pointer; }

/*	-----------------------------------------------
	PAGINATION CSS
	----------------------------------------------- */

	#pagination 
{	padding: 0 20px 0; }

	.navigation .previous
{	float: left; }

	.navigation .next,
	div#month_paginate .next
{	float: right; }


	div#month_paginate
{	padding:8px 0 0;
	clear:both; }

	div#month_paginate a
{	padding:4px 8px;
	background:#808080;
	color:#FFF;
	text-decoration:none;
	float:left; }


/*	-----------------------------------------------
	EXTRA CSS (the stuff you wish you didn't have to code)
	----------------------------------------------- */
	
	.c_hideText
{	margin: 0 0 0 1000px;
	width: 598px;
	display: block; }
	
	.c_commentTitle
{	padding: 15px 0 0 0; }
	
	.column 
{	margin: 15px 0 0 0;
	width: 235px; }

	.column h3
{	font-size: 16px;
	margin: 0 0 10px 0; }
	
	.column ul
{	margin: 0; }
	
/*	.login_footer
{	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	background: url(/bin/img/themes/sugar/bkgr_blue_crosshatch.gif) 0 100% repeat-x; }*/
	
	.button
{	padding: 5px 10px;
	border: none;
	color: #00b2d9;
	background-color: #FFFFFF; 
	background-image: url(/bin/img/themes/sugar/bkgr_lightblue_crosshatch.gif);
	font-weight: bold; }
	
	.button:hover
{	cursor: pointer; }

	.single
{	margin: 0 0 0 0; }

	#doc_login .entry
{	background: url(/bin/img/themes/sugar/dot_blue.gif) 0 100% repeat-x;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0; }
	
	#doc_login h2
{	margin: 15px 0 0 0; 
	font-size: 16px; }

	#doc_login .entry h2
{	font-size: 20px; }

	#doc_login ul li
{	margin: 10px 0 0 0;
	list-style: circle; }
	
	#doc_login .formStacked
{	margin: 0; }

	#doc_login .formStacked li
{	list-style: none; }

	#doc_login ul
{	margin: 0 0 0 20px; }


/*	Blog Comments
-------------------------------------------------- */

	div#comments
{	background:url(/bin/img/themes/yousayyeah/bkgr/bkgr_blue_accent.gif) 0 0 repeat-x;
	padding: 0 15px 0;
	width: 580px;
	font-size: 12px; }

	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:#df2027; }
		
		div#comments div.comment div.content pre
	{	margin:12px 0 16px;
		display: block; }	
	
		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; 
		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; }
	

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

/*	div#footer
{	margin:12px 0 0;
	clear:both;
	background:#808080;
	padding:8px;
	color:#E6E6E6;
	font-size:0.9em;
	width:959px; }

	div#footer span.navigation
{	float:right; }

	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; }
	
	blockquote
{	padding: 0 0 0 12px; }*/

#footer {
  overflow: hidden;
  display: inline-block;
  margin: 0 auto;
  background: #808080;
  padding: 16px 0 16px 16px;
  color: #E6E6E6;
  font-size: 12px; }
  #footer {
    display: block; }
  #footer a {
    color: #E6E6E6; }
  #footer .title {
    display: inline;
    float: left; }
  #footer .logo {
    text-indent: -9999em;
    overflow: hidden;
    width: 93px;
    height: 43px;
    display: block;
    background-image: url('/bin/img/themes/sugar/foot/logo_sayyeah.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-right: 16px; }
  #footer .date {
    padding: 6px 0 0 10px;
    display: block;
    font-size: 11px; }
  #footer .introduction {
    width: 230px;
    float: left;
    margin: 8px 0 0 16px; }
    #footer .introduction p {
      margin: 0 0 12px;
      line-height: 1.3em; }
      #footer .introduction p a {
        color: #FFF; }
  #footer ul.browse {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin: 0 0 0 32px; }
    #footer ul.browse li {
      list-style-type: none;
      margin-left: 0px;
      margin: 0px;
      padding: 0px; }
    #footer ul.browse li {
      margin: 0 0 4px; }
      #footer ul.browse li:hover {
        text-decoration: underline; }
  #footer a.application {
    display: inline;
    float: right;
    display: block; }
    #footer a.application.is_kipu {
      width: 146px;
      height: 74px;
      text-indent: -9999em;
      overflow: hidden;
      background-image: url('/bin/img/themes/sugar/foot/logo_kipu.png');
      background-position: 0 0;
      background-repeat: no-repeat; }
    #footer a.application.is_yeahsocial {
      width: 127px;
      height: 55px;
      text-indent: -9999em;
      overflow: hidden;
      background-image: url('/bin/img/themes/sugar/foot/logo_yeahsocial.png');
      background-position: 0 0;
      background-repeat: no-repeat;
      margin: 12px 32px 0 0; }