/*  
Theme Name: Doucette Flagstaff Theme
*/
/*
----------------------------------------------------------------------------- 
SETUP
-----------------------------------------------------------------------------*/
* { margin:0; padding:0; } /* Override defaults for all tags. */
html,body { width:100%; height:100%; } /* makes sure your canvas fills the window */
body {
	background: #F3F7C5 url(images/bg.jpg) top center repeat-x;
	text-align: center;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
img { border:0; } /* Removes borders from all images, because... who needs those anyway? */
a {
	color: #06F;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
h1, h2, p {
	margin-bottom: 16px;
	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	}
h3 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	}
/*
----------------------------------------------------------------------------- 
STAGE
-----------------------------------------------------------------------------*/
#page {
	width: 800px;
	margin: 10px auto;
	}
#col_lt, #col_rt {
	float: left;
	}
#col_lt {
	width: 220px;
	margin-right: 3px;
	color: #FFF;
	text-align: left;
	}
#col_lt p.center {
	text-align: center;
	}
#col_lt p.topmargin {
	padding-top: 16px;
	}
#col_lt a {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	}
#col_lt a:hover {
	color: #06F;
	}
#col_lt .edit a {
	color: #06F;
	font-weight: normal;
	font-size: 12px;
	}
#col_lt a.mailto {
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	}
#col_lt a.mailto:hover {
	color: #06F;
	}
#copyright {
	color: #000;
	text-align: center;
	margin-top: 8px;
	}
#col_rt, #footer {
	width: 575px;
	}
#col_rt {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-color: #FFF;
	}
#col_rt p {
	text-align: left;
	}
#col_rt p.center {
	text-align: center;
	}
#content_wrap {
	padding: 8px;
	}
/*
----------------------------------------------------------------------------- 
MAIN MENU
-----------------------------------------------------------------------------*/
ul#nav, ul#nav li { list-style: none; display: inline; }
ul#nav a {
	float: left;
	display: block;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	padding-top: 24px;
	}
#item0 a { background: url(images/menu_portfolio.gif) top left no-repeat; width: 101px; }
#item1 a { background: url(images/menu_communities.gif) top left no-repeat; width: 126px; }
#item2 a { background: url(images/menu_awards.gif) top left no-repeat; width: 87px; }
#item3 a { background: url(images/menu_news.gif) top left no-repeat; width: 78px; }
#item4 a { background: url(images/menu_links.gif) top left no-repeat; width: 78px; }
#item5 a { background: url(images/menu_contact.gif) top left no-repeat; width: 105px; margin-right: 0px !important; }

ul#nav a:hover { background-position: 0 -24px; }
ul#nav a.current_item { background-position: 0 -24px; }
/*
----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar ul {
	list-style: none;
	line-height: 24px;
	}
#sidebar ul.commenu {
	margin-bottom: 8px;
	}
#sidebar ul.commenu ul {
	margin-left: 32px;
	}
#side_top {
	width: 100%;
	height: 32px;
	background-position: top right;
	background-repeat: no-repeat;
	}
#side {
	width: 100%;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background-position: top right;
	background-repeat: repeat-y;
	}
#side_wrap {
	padding: 4px 16px 16px;
	}
#side_wrap .news_section {
	margin-bottom: 24px;
	color: #FFF;
	}
#side_wrap .news_section h3 {
	color: #FFF;
	}
/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/
ul.links li ul {
	margin-bottom: 16px;
	}
ul.links, ul.links li, ul.links li ul {
	text-align: left;
	list-style: none;
	}
ul.links li {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	}
/*
----------------------------------------------------------------------------- 
AWARDS
-----------------------------------------------------------------------------*/
ul.awards {
	text-align: left;
	list-style: inside disc;
	margin-bottom: 16px;
	}
.list {
	margin-bottom: 0px;
	}
/*
----------------------------------------------------------------------------- 
NEWS
-----------------------------------------------------------------------------*/
#post {
	text-align: left;
	}
/*
----------------------------------------------------------------------------- 
SEARCH
-----------------------------------------------------------------------------*/
#s {
	display: block;
	width: 125px;
	height: 18px;
	line-height: 18px;
	color: #333;
	border: 1px solid #000;
	background-color: #FFF;
	padding: 0 2px;
	margin-bottom: 2px;
	}
#searchsubmit {
	display: block;
	height: 18px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin-left: 8px;
	}
#searchsubmit:hover {
	background-color: #a7bd59;
	text-decoration: none;
	}
/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
	height: 48px;
	text-align: center;
	/** /clear: both;/**/
	margin-left: 225px;
	}
#footer a {
	line-height: 24px;
	color: #CC9;
	}
#footer a:hover {
	color: #663;
	text-decoration: none;
	}
	
#comment {
	width: 450px;
	}