/* ===============================================
       RESET
=============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

/* --- Lists ---------------------------------- */

ol, ul {
  list-style: none;
}

/* --- Tables --------------------------------- */

table {
  border-collapse: separate;
  border-spacing: 0;
  /* note: still need 'cellspacing="0"' in HTML */
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/* --- Blockquotes ---------------------------- */

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* ===============================================
       TYPOGRAPHY
=============================================== */

/* --- Typefaces and line heights ------------- */

body {
  font-family: Georgia,Times New Roman,serif;
/*  font-family: 'Lucida Grande', Tahoma, Helvetica, Arial, sans-serif; */
  font-size: 100%;
  line-height: 1.5em;
}

p {
  line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia,Times New Roman,serif;
  line-height: 1.125em;
}

th, td {
  line-height: 1.000em;
}


/* --- Sizing and padding --------------------- */

h1 { font-size: 2.000em; padding: 0.563em 0; }
h2 { font-size: 1.750em; padding: 0.643em 0; }
h3 { font-size: 1.500em; padding: 0.750em 0; }
h4 { font-size: 1.375em; padding: 0.414em 0; }
h5 { font-size: 1.250em; padding: 0.450em 0; }
h6 { font-size: 1.125em; padding: 0.500em 0; }

th { font-size: 1.125em; padding: 0.500em 0; }
td { font-size: 0.875em; padding: 0.643em 0; }
p  { font-size: 1.000em; padding: 0.643em 0; }
li { font-size: 1.000em; padding: 0.643em 0; margin-left:1em; }
ul, ol { margin-left:1em; }


/* --- Other formatting ----------------------- */

a:link, a:visited {
  text-decoration:underline;
  background:inherit;
  color:#FF6600;
}

a:hover, a:active {
  text-decoration:none;
  background:#FF6600;
  color:#FFF;
}

em {
  font-style:italic;
}

strong {
  font-weight:bold;
}

/* --- Lists ---------------------------------- */

ul {
  list-style-type:square;
}

ol {
  list-style-type:decimal;
}

/* --- Blockquotes ---------------------------- */

blockquote {
  background:transparent url('/wp-content/themes/copyblogger/images/topquote.gif') no-repeat left top;
}

blockquote div {
  padding:0 60px;
  background:transparent url('/wp-content/themes/copyblogger/images/bottomquote.gif') no-repeat right bottom;
  color:#666;
}

/* -----------------------------------------------
       POSITIONING
----------------------------------------------- */

body {
  background:#570714;
}

#header {
  background:#570714 url("a/bg-header.gif") repeat-x left bottom;
}

#main-outer {
  position:relative;
  overflow:auto;
  background:#DCD8CC url("a/bg-main-home.png") repeat-x left top;
}

#main {
  position:relative;
  overflow:auto;
}

#main-inner {
  position:relative;
  overflow:hidden;
  width:940px;
  margin:0 auto;
}

#footer {
  position:relative;
  overflow:auto;
  background:#570714 url("a/bg-footer.gif") repeat-x left top;
}

#footer-inner {
  position:relative;
  overflow:auto;
  width:940px;
  margin:10px auto;
}

/* --- Header Bar ----------------------------- */

#header-inner {
  position:relative;
  overflow:auto;
  width:940px;
  margin:0 auto;
}

/* Homepage Link */

#nav-home {
  width:200px;
  float:left;
}

#nav-home-inner {
  padding:0 20px;
}

#nav-home a {
  display:block;
  padding:3px 10px;
  text-transform:uppercase;
  text-decoration:none;
}

/* Newsletter */

#newsletter {
/*  width:590px; */
  width:250px;
  float:right;
}

#newsletter-inner {
  padding:0 20px;
}

#newsletter p {
  text-align:right;
  color:#A78482;
}

#newsletter p a {
  display:block;
  padding:3px 10px;
  text-transform:uppercase;
  text-decoration:none;
}

/*
#newsletter form input {
  border:2px solid #330000;
  background:#330000;
  padding:4px;
  color:#FF6600;
} */

/* --- Navigation ----------------------------- */

#nav {
  position:absolute;
  top: 18px;
  right: 20px;
  width: 330px;
  height: 72px;
  z-index:1;
}

#nav ul {
  list-style:none;
  margin:0;
  width: 340px;
}

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

#nav li a {
  display:block;
  height:36px;
  text-indent:-1000em;
}

#nav li#nav-about a, #nav li#nav-photos a {
  width:170px;
}

#nav li#nav-calendar a, #nav li#nav-resources a {
  width:170px;
}

/* Photos */

#nav li#nav-photos a:link,
#nav li#nav-photos a:visited {
  background:transparent url("a/nav-photos.png") no-repeat 0px 0px;
}

#nav li#nav-photos a:hover,
#nav li#nav-photos a:active {
  background:transparent url("a/nav-photos.png") no-repeat 0px -36px;
}

/* About */

#nav li#nav-about a:link,
#nav li#nav-about a:visited {
  background:transparent url("a/nav-about.png") no-repeat 0px 0px;
}

#nav li#nav-about a:hover,
#nav li#nav-about a:active,
.page-about #nav li#nav-about a:link,
.page-about #nav li#nav-about a:visited {
  background:transparent url("a/nav-about.png") no-repeat 0px -36px;
}

/* Calendar */

#nav li#nav-calendar a:link,
#nav li#nav-calendar a:visited {
  background:transparent url("a/nav-calendar.png") no-repeat 0px 0px;
}

#nav li#nav-calendar a:hover,
#nav li#nav-calendar a:active,
.page-calendar #nav li#nav-calendar a:link,
.page-calendar #nav li#nav-calendar a:visited {
  background:transparent url("a/nav-calendar.png") no-repeat 0px -36px;
}

/* Resources */

#nav li#nav-resources a:link,
#nav li#nav-resources a:visited {
  background:transparent url("a/nav-resources.png") no-repeat 0px 0px;
}

#nav li#nav-resources a:hover,
#nav li#nav-resources a:active,
.page-resources #nav li#nav-resources a:link,
.page-resources #nav li#nav-resources a:visited {
  background:transparent url("a/nav-resources.png") no-repeat 0px -36px;
}

/* --- Sidebar -------------------------------- */

#sidebar {
  float:right;
  width:330px;
  padding-top:1em;
  background:transparent;
}

#sidebar ul {
  border-top:1px solid #DCD8CC;
}

#sidebar ul li {
  display:block;
  padding:0;
  margin:0;
  border-bottom:1px solid #DCD8CC;
}

#sidebar ul li a {
  display:block;
  padding:0.50em 10px;
}

#sidebar ul li a:link,
#sidebar ul li a:visited {
  text-decoration:none;
}

#sidebar ul li a:hover,
#sidebar ul li a:active {
  background:#FF6600;
  color:#FFF;
}

#sidebar .current_page_item a {
  background:#FF6600;
  color:#FFF !important;
}

/* Sub-categories */

#sidebar ul li ul {
  border:0;
}

#sidebar ul li ul li {
  border:0;
  font-size:90%;
}

#sidebar ul li ul li a {
  padding:0 10px 0.50em 10px;
}



/* --- Footer --------------------------------- */

#contact, #network, #copyright {
  color:#A78482;
}

#contact {
  background:transparent url("a/footer-contact.jpg") no-repeat 0px 0px;
}

#contact p {
  padding-left:90px;
}

#network {
  float:right;
  width:320px;
  margin-right:20px;
}

#network a {
  background:transparent url("a/footer-network.gif") no-repeat 0px 0px;
  text-indent:-1000em;
  display:block;
  width:320px;
  height:30px;
}

#network a:link, #network a:visited {
  background-position:0px 0px;
}

#network a:hover, #network a:active {
  background-position:0px -40px;
}

#copyright {
  border-top:1px dotted #A78482;
  margin-top:1em;
}


/* --- Calendar Page Styles ------------------ */

.page-calendar #masthead {
  background:transparent url("a/secondary-masthead-bg-1.png") no-repeat 20px -20px;
  width:560px;
  padding:2em 0 2em 20px;  
  position:relative;
  overflow:auto;
}

.page-calendar #masthead h1 {
  background:#DCD8CC;
  font-size:2.5em !important;
  padding:0 10px 0 0;
  float:left;
  color:#003366;
}

.page-calendar #page-content {
  background:#FFF;
  padding:1em 20px;
  overflow:auto;
  border-top:9px solid #003366;
}

.page-calendar #embedded-calendar {
  border-top:9px solid #003366;
  margin-top:18px;
  padding:18px 0;
  clear:both;
}

.page-calendar #section-events {
  position:relative;
  overflow:auto;
}

.page-calendar #section-events .event {
  float:left;
  width:550px;
  padding:1em 0;
}

.page-calendar #section-events .event h4 {
  color:#570714;
  padding-left:10px;
  border-bottom:3px solid #570714;
}

.page-calendar #section-events .block { 
  float:right;
  width:320px;
  background:#FFF;
}

.page-calendar #section-events .block .item {
  border-left:1px solid #003366;
  padding:0.5em 20px;
}

.page-calendar #section-events ul.post-meta {
  list-style:none;
  position:relative;
  overflow:auto;
  font-size:87.5%;
  padding:0;
  margin:0;
  background:#FEFAEE;
}

.page-calendar #section-events ul.post-meta li {
  display:block;
  width:255px;
  float:left;
  padding:0 10px;
  margin:0;
  color:#570714;
}

.page-calendar #section-events ul.post-meta span.post-meta-key {
  display:block;
  text-transform:uppercase;
  font-weight:bold;
}

.page-calendar #section-events #link-to-full-calendar {
  text-align:center;
}

.page-calendar #section-events #link-to-full-calendar a:link,
.page-calendar #section-events #link-to-full-calendar a:visited {
  text-decoration:none;
}


/* --- About Page Styles ---------------------- */

.page-about #masthead {
  background:transparent url("a/secondary-masthead-bg-2.png") no-repeat 0px -6px;
  width:580px;
  padding:4em 0 0 0;  
  position:relative;
  overflow:auto;
}

.page-about #masthead h1 {
  background:#DCD8CC;
  font-size:2.5em !important;
  padding:0 5px 0 20px;
  float:left;
  color:#003366;
}

.page-about #page-content {
  background:#FFF;
  padding:1em 20px;
  overflow:auto;
  border-top:9px solid #003366;
}

.page-about .entry {
  width:550px;
}


/* --- Resource Page Styles ---------------------- */

.page-resources #masthead {
  background:transparent url("a/secondary-masthead-bg-3.jpg") no-repeat 0px 0px;
  width:580px;
  padding:4em 0 0 0;  
  position:relative;
  overflow:auto;
}

.page-resources #masthead h1 {
  background:#DCD8CC;
  font-size:2.5em !important;
  padding:0 5px 0 20px;
  float:left;
  color:#003366;
}

.page-resources #page-content {
  background:#FFF;
  padding:1em 20px;
  overflow:auto;
  border-top:9px solid #003366;
}

.page-resources .entry {
  width:550px;
}


/* --- Homepage Styles ------------------------ */

.page-home #main-outer {
  background:#DCD8CC url("a/bg-main-inner.png") repeat-y center top;
}

.page-home #main {
  background:transparent url("a/bg-main-home.png") repeat-x left top;
}

.page-home #masthead {
  position:relative;
  overflow:auto;
  background:transparent url("a/masthead-image.jpg") no-repeat 20px 18px;
}

.page-home #masthead-image {
  width:590px;
  height:450px;
  background:transparent url("a/masthead-tape.png") no-repeat 0px 0px;
}

.page-home #masthead-image h2,
.page-home #masthead-image h3 {
  display:none;
}

.page-home #masthead-text {
  background:#F00;
  position:absolute;
  left: 400px;
  top: 106px;
}

.page-home #masthead-text p {
  padding:0 !important; /* Override default style */
}

.page-home #masthead-text p a {
  display:block;
  width:520px;
  height:234px;
  text-indent:-1000em;
}

.page-home #masthead-text p a:link,
.page-home #masthead-text p a:visited {
  background:#FFF url("a/masthead-text.png") no-repeat 0px 0px;
}

.page-home #masthead-text p a:hover,
.page-home #masthead-text p a:active {
  background:#FFF url("a/masthead-text.png") no-repeat 0px -234px;      
}

/* Primary Header & Content */

.page-home #primary-header {
  margin:0 30px 0 20px;
  width:550px;
  border-bottom:9px solid #CFBF9D;
}

.page-home #primary-header h1 {
  padding: 0;
  height: 63px;
  background:transparent url("a/primary-header-home.png") no-repeat 0px 18px;
  text-indent:-1000px;
}

.page-home #primary-content {
  margin:0 30px 0 20px;
  width:550px;  
  padding-bottom:20px;
  color:#330000;
}


/* Secondary Content */

.page-home #secondary-header {
  height:72px;
  width:320px;
  background:#FFF url("a/secondary-header-home.png") no-repeat 0px 0px;
  position:absolute;
  top:378px;
  left:600px;
}

.page-home #secondary-header h4 {
  text-indent:-1000px;
}

.page-home #secondary-content {
  position:absolute;
  top:450px;
  left:600px;
  background:#FFF;
  width:320px;
}

.page-home #secondary-content-inner {
  padding:20px;
}

.page-home #secondary-content-inner .block {
  border-bottom:3px dotted #DCD8CC;
}

.page-home #secondary-content-inner .photoblock {
  padding-top:15px;
  text-align:center;
  border-bottom:3px dotted #DCD8CC;
}


/* --- Miscellaneous Styles ------------------- */

.blog-item {
  padding-bottom:0.5em;
  border-bottom: 3px dotted #CFBF9D;
}

.blog-item h3 {
  padding-bottom:0.4em;
  text-align:center;
}

.blog-item h6 {
  padding:0;
  font-size:80%;
  text-align:center;
  color:#AD9D7B;
}

.calendar-item {
  position:relative;
  overflow:auto;
  padding:0.5em 0;
  font-size:87.5%;
}

.calendar-item p.date {
  float:left;
  width: 30px;
  height: 36px;
  margin: 0 10px 5px 0;
  padding: 3px 5px 0 5px;
  line-height:1em;
  border-bottom:1px solid #CFBF9D;
  border-top:3px solid #003366;
  background:#DCD8CC;
  text-transform:uppercase;
  text-align:center;
}

.calendar-item h5 {
  padding:0;
}

.featured {
  background:#003366;
  color:#FFF;
  padding:10px;
  border-bottom:0 !important;
  margin-bottom:0.5em;
  position:relative;
  overflow:auto;
  text-align:center;
}

.featured p.more {
  padding:0;
}

.featured .more a {
  display:block;
  margin:0 auto;
  text-align:center;
  padding:4px;
}

.center {
  text-align:center;
}