/* layout 
---------
             940px
|---------------------------|

                770px
|----|G|--------------------|

       |-------------|G|----|

150px       600px      150px

G=gap=20px

- the first colour: E0C59A
- the second colour: F9DBAB
*/
body {
    text-align: center;
    min-width: 950px; /* extra 10px for min width */
}

#allWrapper {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    background: url(../images/bg-fixed.gif) repeat-y left top;
}

#subWrapper {
    width: 770px;
    float: right;
}

#leftColumn {
    width: 150px;
    float: left;
    clear: left;
}

#centralColumn {
    width: 600px;
    float: left;
}

#rightColumn {
    width: 150px;
    display: inline; /* IE */
    float: right;
}

#footer {
    text-align: center;
    padding: 0.5em;
    clear: both;
}

#clearing {
    clear: both;
}

/* Padding */
/* could change to this if want more control over blockquotes etc.:
h1, h2, h3, h4, h5, h6, ul.nav, ul.nav ul, ul.nav li, #menu {
margin:0; padding:0;
}
*/


/* header and primary navigation */

#header {
    padding: 0;
    margin: 0;
    background: #000;
}

#headerTwo {
    padding: 0;
    margin: 0;
    background: #000 url(../images/headerNavBg.gif) repeat-x left bottom;
}

#headerImage {
    margin: 0 auto;
    padding: 0;
    width: 600px
}

#headerImage img {
    display: block;
}

#headerNav {
    margin: 0 auto;
    padding: 0 0 50px 0;
    width: 600px;
}

#headerNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

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


#headerNav li a {
    font: 1.125em Arial, sans-serif;
    color: #F9DBAB;
    letter-spacing: 1px;
    padding: 0 0.7em;
    text-decoration: none;
    float: left;
    border-left: 2px solid #F0F9A9;
    border-bottom: none;
}


#headerNav li a:hover {
    color: #F9DBAB;
}

#headerNav li .first a {
    background: none;
}

#headerNav  li a#here {
    color: #F9DBAB;
    padding: 1.5em 0.7em 0 0.7em;
    
}

/* secondary navigation */

#secondaryNav {
    margin: 64px 0 0 0;
    padding: 0 10px 0 0;
    border-right: 2px solid #333;
} 
#secondaryNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#secondaryNav li {
    margin: 0 0 14px 0;
    padding: 0;
    text-align: right;
}

#secondaryNav a {
    margin: 0;
    padding: 0;
    font-family: Georgia, serif;
    font-size: 1.125em;
    text-decoration: none;
    color: #F9DBAB;
}

#secondaryNav li a:hover {
    color: #F9DBAB;
    border-bottom: 1px solid #F0F9A9;
}

/* content 
references:
    - http://www.alistapart.com/articles/howtosizetextincss 

    font-size: 0.625em; 16x0.625 = 10 
    font-size: 0.75em;  16x0.75  = 12 
    font-size: 0.875em; 16x0.875 = 14 
    font-size: 1em;     16x1     = 16 
    font-size: 1.125em; 16x1.125 = 18 
    font-size: 1.25em;  16x1.25  = 20 

|--||-------------||--|
15px    570px           = 585px

*/

body {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 100%; /* IE */
    line-height:1.65em;
    background: #000;
    color: #F9DBAB;
}

/* links */
a:link, a:visited {
    color: #F9DBAB;
    text-decoration: none;
    border-bottom: 1px solid #666;
}
a:hover {
    color: #E0C59A;
}

/* padding */
#content {
    margin: 30px 0 0 15px;
    width: 570px;
}

#content h1, h2, h3 {
    margin: 0;
    padding: 0;
}

#content ul, ol {
    margin: 0 0 0 10px;
}

#content p {
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 1.8em;
}

#content blockquote {
    margin: 10px 25px;
}

/* fonts */
#content h1, h2, h3 {
    font-family: Georgia, serif;
}

#content p, ol, ul, ol {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 0.875em;
}

#content h1 {
    font-size: 1.25em;
}

#content h2 {
    font-size: 1.125em;
}

#content h3 {
    font-size: 1em;
}

/* keep ul items from shrinking */
#content li p {
    font-size: 100%;
}

#footer p {
    font-size: 0.75em;
}

/* content.news */
#content div.news {
    margin: 10px 0 25px 0;
    padding: 0;
    border-bottom: 1px solid #F0F9A9;
}

#content div.title h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font-family: Georgia, serif;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: 1px;
    color: #F9DBAB;
}

#content div.date h1 {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 0.625em;
}

/* images */
img {
    border: 0;
}

/* 
- gallery images display 
- inspired by hoverbox
*/
#images {
    width: 600px;
}

.imageBoxes {
    cursor: default;
	list-style: none;
}

.imageBoxes a {
    cursor: default;
    text-decoration: none;
}

.imageBoxes img {
	background: #000;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	vertical-align: top;
}

.imageBoxes li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	display: inline;
	float: left;
	margin: 10px;
	padding: 1px;
	position: relative;
}

/* front page image */
#frontPageImage {
    text-align: center;
}

/* gallery.viewing image */
#galleryImageView {
    padding: 20px 0;
    text-align: center;
}

/* 
css notes:
.content p {}
div class="content" then p 

.content {}
p class="content"

#content p {}
div id="content"


#content div.news {
div id=content
    div class=news
*/