/*****************************************
Yoga Connect styles for IdeaBubble.net
Coded by Tidy.ie January 2008
******************************************/

/* Defaults
================================================================*/
* { margin: 0; padding: 0; }
p { margin: 0 0 1em;  }
img { border: 0; }
a { color: #993; text-decoration: none; }
a:hover {  text-decoration: underline;}
.clear { clear: both; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 77% arial,sans-serif; color: #69c; text-align: center; background: white url(../images/backgrounds/back1.gif) top center no-repeat fixed; }
#wrapper { width: 800px; margin: 0 auto; text-align: left; background-color: #fff; }
/*Form elements*/
label
{
}

input
{
	 color: #69c;
	background: #fff0f4;
	border: 1px solid #ffc8d6;
	margin: .3em 0em;
}

.submit input
{
	 color: #69c;
	background: #fff0f4;
	border: 2px outset #ffc8d6;
	margin-left: 4.5em;
}
fieldset
{
	border: 0px solid #ffc8d6;
	width: 22em;
	 color: #69c;
}

legend
{
	color: #CCCCCC;
	background: #FFFFFF;
	padding: 2px 6px;
	 color: #69c;
}

textarea
{
	 color: #69c;
	background: #FFFFFF;
	padding: 2px 6px;
}
/* Headings,text
================================================================*/

 .sidebar h3 { margin-bottom: 0.40em; font-size: 1.3em; text-align: left; }
h1{margin-top:0.8em;font-size: 1.3em; text-align: left; color:#993; }
h2 { margin-top:0.4em;margin-bottom: 0.5em; font-size: 1.1em; color:#993;}
h3 { margin-top:0.2em; margin-bottom: 0.25em; font-size: 1em; color: #69c;}
ul, li { list-style: none; }

/* Structure
================================================================*/
/*logo and nav bar*/
#branding { position: relative; height: 156px; background: url(../images/backgrounds/header.jpg) top left no-repeat; }
#logo { position: absolute; top: 2px; left: 243px; }
#nav { position: absolute; top: 67px; left: 220px; font-size: 1.15em; font-weight: bold; color: #fff; }
#nav li { float: left; margin-right: 31px; }
#nav li a, #nav li a:visited { text-decoration: none; color: #69c; }
#nav li a:hover { color: #fff; text-decoration: underline;}

/*main part of page containing 3 columns*/
/*main is columns wrapper, inner just exists to position top part of column backgrounds*/
#main { min-height: 468px; height: auto; }
* html #main { height: 468px; }
#main, #inner, #sidebarLeft, #content, #sidebarRight { float: left; display: inline; }
#main, #inner { width: 800px; }
#main  { background: url(../images/backgrounds/content-bottom.jpg) bottom left no-repeat; }
#inner { background: url(../images/backgrounds/content-top.jpg) top left no-repeat; }
/*individual columns: sidebarLeft, content and sidebarRight*/
#sidebarLeft, #content, #sidebarRight { margin-bottom: 28px; }
#content { padding-bottom: 175px; }
#sidebarLeft { width: 140px; margin-right: 29px; margin-left: 18px; }
#content { width: 430px; }
#sidebarRight { width: 149px; margin-left: 25px; }

#footer { clear: left; height: 74px; background: url(../images/backgrounds/footer.jpg) top left no-repeat; font-size:1em; }
#footer ul { width: 800px; padding-top: 30px; text-align: center; }
#footer li { display: inline; color: #09f; line-height: 34px; }
#footer li a { margin-left: 12px; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer li.first a { margin-left: 2em; }
#footer li a, #footer li a:visited {  color: #09f;  }

#ideabubble 
{
	padding-left:2em;
	background-color:#EEEEEE;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0pt;
	color:#999999;
	display:inline;
	float:left;
	font-size:0.8em;
	line-height:30px;
	width:780px;
}
#ideabubble li
{float:left;
	}
/* Special cases
================================================================*/

/*sidebar photo lists*/
ul.photos li { margin-bottom: 1.5em; }
ul.photos img { display:inline; }

.item_left
{
	padding: 0em;	
	margin-bottom: 0em;
	width: 200px;
	float: left;
}
.item_right
{
	padding: 0em;
	margin-bottom: 0em;
	width: 210px;
	float: right;
}

.item
{
	float:left;
	}