/*  
Theme Name:Our Promise (Flexible Width)
Theme URI:http://brandbounce.com/
Description:Custom theme for <a href="http://www.ourpromise.ca">www.ourpromise.ca</a>.
Version:1.0
Author:David Lewis
Author URI:http://brandbounce.com/
*/
/* Colors
ef984a - Orange
e17412 - Darker Orange
7ba296 - Blue
a19c5a - Green
808080 - 50% Gray
*/

/* HTML Elements */
body							{font:normal 76% arial, verdana, sans-serif; color:#404040; margin:0; padding:0; min-width:880px;}
img								{border:0;}
h1								{font:lighter 2em helvetica, arial, sans; color:#ef984a; margin:40px 0;}
h1 a							{color:#ef984a; text-decoration:none;}
h2								{font:bold 1.2em/1.6em helvetica, arial; padding-bottom:.3em!important;}
h3								{font:bold 1.2em/1.6em helvetica, arial; color:#7ba296; margin-bottom:1.5em; padding-bottom:.3em;}
textarea						{width:100%;}
small							{font-size:.92em; color:#333;}
form							{margin:0; padding:0;}

/* Containers */
#wrapper						{margin:0 50px; padding:0 180px 20px 280px; background:url(images/interface/logo.gif) left bottom no-repeat;}
#footer							{margin:0 40px; clear:both; padding:2em 0;}
#navigation						{float:left; width:240px; margin:50px 40px 0 -280px; display:inline; background:url(images/interface/title.gif) left top no-repeat; padding-bottom:82px;}
#content						{float:left; width:100%; line-height:1.8em;}
#photos							{float:left; width:180px; margin:300px -180px 0 0; text-align:right;}

/* Navigation */
#navigation h2					{color:#808080; border-bottom:1px dotted #CCC; margin:0 0 1.2em 0px; padding:0;}
#navigation br					{display:none;}
#navigation p					{line-height:1.2em;}
#navigation a					{text-decoration:none; width:100%;}
#collapsing_pages li			{font:bold 1.3em helvetica,arial;}
#collapsing_pages ul li			{font:normal .8em helvetica,arial;}

/* indents */
#navigation ul					{list-style:none; margin:0; padding:0;}
#navigation ul li				{margin:2.6em 0 0 0; padding:0;}
#navigation #pages,
#navigation ul ul,
#navigation>ul>li:first-child	{margin:0; padding:0;}
#navigation ul ul ul			{margin:20px 0 0 0; padding:0;}
#navigation ul ul li			{margin:0 0 1.2em 0; padding:0;}
#navigation ul ul ul li			{margin:0 0 1.2em 15px; padding:0;}

/* colors */
#navigation a:hover				{color:#e17412;}
#navigation ul ul li a			{color:#e17412;}
#navigation ul ul ul li a		{color:#e17412;}
#navigation .current_page_item>a {color:#e17412;}

/* home link */
#navigation p#homelink			{margin:0 0 20px 0; padding:0;}
#navigation p#homelink a		{display:block; height:78px; width:240px;}
#navigation p#homelink a span	{position:absolute; left:-9999px;}

/* Content */
#content p:first-child,
#content h2:first-child,
#content h3:first-child			{margin-top:0; padding-top:0;}
#content h2						{font-size:1.2em; margin-bottom:.3em; padding-bottom:.3em; border-bottom:1px dotted #CCC;}
#content h3						{font-size:1.2em; margin-bottom:0; padding-bottom:.3em;}
#content a						{color:#e17412; text-decoration:none;}
#content a:hover				{text-decoration:underline; cursor:pointer;}
#content dt						{font-weight:bold; border-bottom:1px dotted #ccc;}
#content dd						{margin:0 0 1em 0;}
#content dd a					{color:#808080;}
#content dd a:hover				{text-decoration:none;}

/* Sidebar */
#photos *						{height:105px; width:105px; margin:0 0 2em 0; border:0; float:right;}
#photos #photo1					{background:url(images/photos/1/rotate.php) no-repeat;}
#photos #photo2					{background:url(images/photos/2/rotate.php) no-repeat;}
#photos #photo3					{background:url(images/photos/3/rotate.php) no-repeat;}
#photos #photo4					{background:url(images/photos/4/rotate.php) no-repeat;}

/* Wordpress Styles */
ol.commentlist cite				{font-weight:bold;}
ol.commentlist li				{border-top:1px dotted #CCC; padding:1em 0;}
.clear							{clear:both;}
.post							{margin-bottom:60px;}
.alignright						{float:right;}
.alignleft						{float:left}
.navigation						{margin:0 0 20px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.postmetadata					{border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:.5em;}
.orange							{color:#e17412; font-weight:bold;}
.green							{color:#a19c5a; font-weight:bold;}
.blue							{color:#7ba296; font-weight:bold;}
.post-meta						{list-style:none; margin:0; padding:0;}
.post-meta-key					{}
.entry							{margin-top:.7em;} 

/* Story Button */
#button							{height:51px; width:240px; background:url(images/interface/button.gif) no-repeat left top;}
#button a						{color:#fff; font-size:24px; width:220px; height:31px; margin:1em 0; padding:10px; display:block; text-align:center;}
#button a:hover					{color:#fff;}

/* Intro Text */
.intro							{color:#77ae99; font-size:1.2em; font-weight:bold;}
.featured_videos				{font:bold 1.4em/1.6em helvetica, arial !important;}