/*  
Theme Name: AABA
Theme URI: http://alberta-avenue.com
Description: A Wordpress theme based on a monster template, customized for Alberta Avenue Business Association
Version: 1.0
Author: Dave Von Bieker
Author URI: http://bodycreative.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

/* Color Codes 

off-white: #f5f5f1
bronze: #776c5a
red: #d53e00
charcoal gray: #4A4A4A
slate gray: 6b7a89

*/


/* Structure */

body {
	background:url('images/site-bg.gif');
}

#page {
	width:768px;
	margin:10px auto 0 auto;
	padding:0;
	background:url('images/page-bg.gif') repeat-y;
}

#navbar {
	height:60px;
	margin:0;
	padding:0;
}

#navbar li {
	float:left;
	margin:0;
	padding:0;
}

#navbar li a {
	display:block;
	height:60px;
	width:154px;
	text-indent:-9999px;
	font-size:0.1em;
	margin:0;
	padding:0;
}

#navbar li#open-for-business a {
	background:url('images/buttonOpen.gif');
}

#navbar li#news a {
	background:url('images/buttonNews.gif');
}



#navbar li#initiatives-and-projects a {
	background:url('images/buttonInitiatives.gif');
	width:152px;
}

#navbar li#contact a {
	background:url('images/buttonContact.gif');
	width:153px;
}

#navbar li#directory a {
	background:url('images/buttonDirectory.gif');
	width:155px;
}

#homeHeader {
	height:340px;
	background:url('images/homeHeader.gif') no-repeat;
}

#homeHeader h1, #homeHeader p {
	text-indent:-9999px;
}

#footer {
	background:url('images/footer-bg.gif') no-repeat;
	color:#f5f5f1;
	height:50px;
	font-size:10px;
	position:relative;
	clear:both;
}

#footer .left {
	position:absolute;
	top:15px;
	left:15px;
}

#footer .right {
	position:absolute;
	top:15px;
	right:15px;	
}

#footer a {
	color:#f5f5f1;
}

#column1 {
	float:left;
	width:266px;
}


#header {
	height:290px;
	background:url('images/header-bg.gif') no-repeat;
	position:relative;
}

a#logoLink {
	position:absolute;
	left:17px;
	top:45px;
	background:url('images/logo.gif') no-repeat;
	width:253px;
	height:94px;
	text-indent:-9999px;
	font-size:0.1em;
}


#sidebar {
	background:url('images/sidebar-top.gif') no-repeat;
	padding:30px;
}


#column2 {
	float:left;
	width:499px;
}

#contentTitle {
	background:url('images/contentTitle-bg.gif') repeat-x;
	height:91px;
	width:499px;
	position:relative;
}



#content {
	padding:15px;
}

#contentPush {
	padding:15px;
	min-height:400px;
}

#content p, #contentPush p {
	margin-bottom:5px;
}

#advantages {
	padding:15px;
}

/* Fonts */

html, body {
	font-family:"Tahoma", Verdana, sans-serif;
	font-size:0.9em;
	color:#6b7a89;
}

h1, h2, h3 {
	text-transform:uppercase;
}

h1 {
	font-weight:normal;
}

h3 {
	margin-bottom:20px;
}

blockquote {
	margin-left:25px;
}

blockquote ul li {
	margin:2px;
}

blockquote ul {
	margin-bottom:15px;
}

/* Links */

a, a:link {
	text-decoration:underline;
	color:#776c5a;
}

a.more {
	color:#d53e00;
	display:inline;
}

/* Homepage Styles */

#homeLatestNews {
	width:263px;
	height:445px;
	background:url('images/homeLatestNews-bg.gif') no-repeat;
	margin-top:-60px;
	position:relative;
	overflow:auto;
	float:left;
	font-size:12px;
}

h1#headingLatestNews {
	text-indent:-9999px;
	display:hidden;
	position:absolute;
	background:url('images/titleLatestNews.gif') no-repeat;
	width:127px;
	height:15px;
	max-height:15px;
}

.latestNewsItems {
	padding:30px 10px 0px 0px;
	font-size:12px;
}

.homeLatestNews {
	padding-left:25px;
	padding-top:60px;
}

.latestNewsItems .post {
	padding-bottom:10px;
}

#homeContent {
	background:url('images/homeContent-bg.gif') repeat-y;
	width:502px;
	float:left;
	padding-bottom:20px;
}

#homeContentInner {
	padding:25px;
	padding:15px;
	font-size:12px;
}

#homeContentInner p {
	margin-bottom:5px;
	line-height:1.2em;
}
h1#titleAboutAABA {
	background:url('images/titleAboutAABA.gif') no-repeat;
	text-indent:-9999px;
	width:118px;
	height:15px;
	display:block;
	margin-bottom:15px;
}

h1#titleAvenueAdvantages {
	background:url('images/titleAvenueAdvantages.gif') no-repeat;
	text-indent:-9999px;
	width:200px;
	height:15px;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

ul.advantagesColumns {
	float:left;
}

ul.advantagesColumns li {
	color:#d53e00;
	background:url('images/bullet.gif') no-repeat;
	background-position: 0px 3px;
	margin:0;
	padding:0;
	padding-left:10px;

}

ul#advantagesColumn1 {
	float:left;
	width:230px;
}

ul#advantagesColumn2 {
	float:left;
	margin-left:15px;
	width:220px;
	
}


div.newsStory {
	margin-bottom:20px;
}

div.widget {
	margin-bottom:20px;
}

div.widget h2.widgettitle {
	font:"Trebuchet MS";
	font-weight:normal;
	margin-bottom:15px;
}

div.widget a {
	color:#d53e00;
}

table td tr {
	vertical-align:top;
}

.verticalaligntop { vertical-align:top;
margin-top:0;
}

form.cform fieldset legend {
	text-indent:-9999px;
}

/* floats */
.alignleft {
	float:left;
	margin-right:10px;
}

.alignright {
	float:right;
	margin-left:10px;
}

.clear {
	clear:both;
}

/* various defaults */

hr {
	margin-top:10px;
	margin-bottom:10px;
	color:silver;
	background:none;
	clear:both;
}

p {
	margin-bottom:5px;
	padding-bottom:5px;
}

li {
	background:url('images/bullet.gif') no-repeat;
	background-position: 0px 3px;
	padding-left:10px;
	margin-bottom:10px;
}

/* page titles */

h1#title8 {
	background:url('images/titleInitiatives.gif') no-repeat;
	width:227px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h1#title9 {
	background:url('images/titleContact.gif') no-repeat;
	width:115px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h1#title11 {
	background:url('images/titleDirectory.gif') no-repeat;
	width:100px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h1#title4 {
	background:url('images/titleOpenForBusiness.gif') no-repeat;
	width:193px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h1#titleNews {
	background:url('images/titleNews.gif') no-repeat;
	width:193px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h1#title3 {
	background:url('images/titleHome.gif') no-repeat;
	width:193px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:30px;
	left:15px;
}

h2 a.storyTitle {
	font-size:100%;
	font-size:14px;
}

#contentTitle h1.storyTitle {
	font-size:130%;
	padding-top:30px;
	margin-left:15px;
	color:#444444;
}

h2#titleNewsletter {
	background:url('images/titleAABA-Newsletter.gif') no-repeat;
	width:179px;
	height:15px;
	text-indent:-9999px;
}

h2#titleArchive {
	background:url('images/titleArchive.gif') no-repeat;
	width:91px;
	height:15px;
	text-indent:-9999px;
}

h2.widgettitle {
	background:url('images/titleArchives.gif') no-repeat;
	width:91px;
	height:15px;
	text-indent:-9999px;
}

h1#titleUsefulLinks {
	background:url('images/titleUsefulLinks.gif') no-repeat;
	width:133px;
	height:15px;
	text-indent:-9999px;
	margin-left:-2px;
	margin-bottom:10px;
}