/* ------------------  RESET ---------------------- */

*
{
	border  : none;
	margin  : 0;
	padding : 0;
}

/* ------------------  MAIN LAYOUT AND BASE ------- */

body
{
 	font       : 14px "Century Gothic", "Gill Sans", Sans-Serif;
	background : white;
}

br#contFix /* gives #mainContent actual content to allow bg to apply properly */
{
	clear   : both;
	border  : none !important;
}

#topStrip, #bottomStrip
{
	width       : 100%;
	height      : 128px;
}

#bottomStrip 
{ 
	clear : both; 
}

#banner
{
	width      : 800px;
	height     : 80px;
}

#mainContent /* the main text and sidebar wrapper */
{
	position    : relative;
	right       : auto;    
	left        : 50%;
	width       : 800px;   /* page width (w) */
	margin-left : -400px;  /* w/2            */
	border      : 5px solid white;
}

#mainText, #footer 
{
	width         : 574px; /* with -l/r padding */
	padding       : 10px 10px;
	float         : left;
}

#mainText          
{ 
	color         : #545454; 
	margin-bottom : 50px; /* n */
}

/* ------------------  SIDEBAR -------------------- */

#sidebar
{
	float  : right;
	width  : 186px;
	margin : 0 10px;
}	

#tagline p
{
	margin-bottom : 1em;
}

#sidebar div
{
	text-align     : center;
	font-size      : 90%;
	border-bottom  : 1px dashed #BBBDBF;
	padding        : 20px 0;
	color          : #b0b1b5;
}

#sidebar img.flickrThumb
{
	padding : 1px;
}

#sidebar img#toFlickr
{
	clear      : both;
	margin-top : 10px;
}

#sidebar div#flickrRecent
{
	margin-bottom : 10px;
}

#sidebar div:last-child
{
	border-bottom : none !important;
}

#sidebar a            
{ 
	color           : #c4dd1f; 
	text-decoration : none;
}

/* ------------------  FOOTER --------------------- */

#footer
{
	clear      : both;
	font-size  : 80%;
	height     : 50px;  /* n  */
	margin-top : -50px; /* -n */
}

#footer, #footer a 
{ 
	color : #9da14a; 
}

#footer p
{
	margin-bottom : 5px;
}

/* ------------------  BACKGROUNDS ---------------- */

#wrapper              { background : url(./images/layoutstd/GrayBox.png)                   ; }
#footer               { background : #c9da2a                                               ; }
#mainContent          { background : url(./images/layoutstd/mainbg.png)          repeat-y  ; }
#topStrip             { background : url(./images/layoutstd/TopCityScape.png)    repeat-x  ; }
#bottomStrip          { background : url(./images/layoutstd/BottomCityScape.png) repeat-x  ; }

/* ------------------  MAIN TEXT ------------------ */

h1 { font-size: 130%; }
h2 { font-size: 110%; }
h3 { font-size: 105%; }

h1,h2,h3 
{ 
	clear       : both; 
	font-weight : bold;
}

#mainText h1.pageTitle
{
	margin-bottom : 1em;
}

#mainText h2
{
	padding-top   : 1em;
	display       : block;
	border-bottom : 1px solid black;
}

#mainText a
{ 
	color           : #c4dd1f; 
	text-decoration : none;
}

#mainText ul li, #mainText ol li
{
	margin-left : 1.5em;
}

#mainText p, #mainText ul 
{ 
	margin     : 1em 0;   
}

#mainText form input, #mainText form textarea
{
	border : 1px solid black;
	padding: 3px;
}