/* CreekStone Press CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#555555;
	background:#fff url(../gfx/bg.jpg) repeat top center;
	background-attachment:fixed;
	font: normal 15px/1.3em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	padding-top:30px;
}

a { color:#336633; text-decoration:none; }
a:hover {text-decoration:underline;}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

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

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


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0px auto 0 auto;
background:#fff;
padding-bottom:30px;
padding-top:30px;
width: 840px;
text-align: left;
}

#masthead {
width:800px; height:175px;
position:relative;
clear:both;
}

#sidebar {
width:259px;
float:right;
}

#sidebar h2,
#sidebar h3,
#sidebar p,
#sidebar ul {
margin-left:20px;
margin-right:20px;
}

#colwrap {
width: 780px;
margin:0 auto 30px auto;
}

#main {
display:block;
width:520px;
float:left;
padding-bottom:60px;
border-right:1px dotted #336633;
}

h1#logo a {
display:block;
width:400px; 
height:60px;
background:url(../gfx/logo.gif) no-repeat top left;
text-indent:-9999px;
margin:0px 0 20px 30px;
position:absolute;
left:0px; top:30px;
border:none;
}

p#tag {
position:absolute;
top:60px; left:500px;
display:block;
width:300px; height:20px;
text-indent:-9999px;
background:url(../gfx/tag.gif) no-repeat top left;
}

/* NAV */

ul#nav {
margin:0 0px 40px 0px;
border-top:5px solid #336633;
border-bottom:1px solid #336633;
position:absolute; top:110px; left:20px;
width:800px;
}

ul#nav li {
display:inline; float:left;
text-transform:uppercase;
font: normal 13px/1.3em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
padding:6px 10px 4px 10px;
}

ul#nav li a {
display:block
height:24px;
color:#36424d;
text-decoration:none;
border:none;
}

ul#nav li a:hover {
color:#36424d;
text-decoration:none;
border-bottom:1px dotted #36424d; 
}

body#submissions ul#nav li#n_submissions {background:#336633;color:#fff;}
body#submissions ul#nav li#n_submissions a {color:#fff;}
body#submissions ul#nav li#n_submissions a:hover {border:none; border:none;}

body#ordering ul#nav li#n_ordering {background:#336633;color:#fff;}
body#ordering ul#nav li#n_ordering a {color:#fff;}
body#ordering ul#nav li#n_ordering a:hover {border:none; border:none;}

body#about ul#nav li#n_about {background:#336633;color:#fff;}
body#about ul#nav li#n_about a {color:#fff;}
body#about ul#nav li#n_about a:hover {border:none; border:none;}

body#publications ul#nav li#n_publications {background:#336633;color:#fff;}
body#publications ul#nav li#n_publications a {color:#fff;}
body#publications ul#nav li#n_publications a:hover {border:none; border:none;}

body#news ul#nav li#n_news {background:#336633;color:#fff;}
body#news ul#nav li#n_news a {color:#fff;}
body#news ul#nav li#n_news a:hover {border:none; border:none;}

body#links ul#nav li#n_links {background:#336633;color:#fff;}
body#links ul#nav li#n_links a {color:#fff;}
body#links ul#nav li#n_links a:hover {border:none; border:none;}

body#contact ul#nav li#n_contact {background:#336633;color:#fff;}
body#contact ul#nav li#n_contact a {color:#fff;}
body#contact ul#nav li#n_contact a:hover {border:none; border:none;}


ul#nav li a span.amp {
font-style:italic;
}

/* Typography */

#main p {
margin: 0 20px 10px 0;
}

#main ul {
margin: 0 20px 12px 20px;
}

#sidebar p {
margin-bottom:12px;
font-family:helvetica, arial, sans-serif;
font-size:11px; line-height:1.3em;
}

#sidebar p strong {
color:#336633;
}

h2 {
color:#36424d; 
font:bold 14px/1.3em helvetica, arial, sans-serif;
text-transform:uppercase;
margin-bottom:6px; 
}

h3 {
font-style:normal;
font-weight:normal;
line-height:1.3em;
font-size:23px;
color:#336633;
margin-bottom:9px;
}
h3 a {border:none;}

/* THumblist */

.thumblist {
display:block;
clear:both;
padding:10px 10px 20px 10px;
background:url(../gfx/thumblist_bg.jpg) repeat-x top left;
margin-right:20px;
margin-bottom:10px;
}

div.imgwrap{
border:1px solid #36424d;
padding:2px;
text-decoration:none;
float:left;
margin:0 20px 10px 0;
}

div.imgwrap a {
border:none; }

div.imgwrap a.imglink img {
text-decoration:none;
border:none;
}

.thumblist p.byline {
font:normal 11px/1.3em helvetica, arial, sans-serif;
color:#999;
margin-bottom:8px;
}

.thumblist p.byline strong {
text-transform:uppercase;
color:#36424d;
}

/* Footer*/

#footer {
display:block;
position:relative;
text-align:left;
width:840px;
margin:0 auto;
font-size:12px;
color:#fff;
background:#336633;
}

#footer p {
padding:4px;
}