/************************************************************
  [G] GLOBAL
  [H] HEADER
  [F] FOOTER
  [C] CONTENT

    [C1.1] CONTENT-PAGE: INDEX
    [C1.2] CONTENT-PAGE: ARCHIVE
    [C1.3] CONTENT-PAGE: PAGE
    [C1.4] CONTENT-PAGE: GALLERY

    [C2.1] CONTENT-MODULE: popup-NAVIGATION
    [C2.2] CONTENT-MODULE: SEARCH
    [C2.3] CONTENT-MODULE: COMMENTS

    [C3.1] CONTENT-ELEMENT: NAVIGATION
    [C3.2] CONTENT-ELEMENT: TEASER
    [C3.3] CONTENT-ELEMENT: POST-BODY
    [C3.4] CONTENT-ELEMENT: TAGS
************************************************************/

/*****[ GLOBAL ] [G]*****/
html {
  margin:0;
  padding:0;
}
body {
  margin:0;
  padding:0;
  background:#CCCCCC url(../images/backgrounds/generic.jpg) no-repeat top left fixed;
  color:#000000;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-weight:normal;
  font-size:12px;
  line-height:18px;
}

a {
  color:#D20E12;
  text-decoration:none;
}
a:hover {
  border-bottom:1px ##D20E12 solid;
  text-decoration:none;
}

input,
select,
textarea {
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-weight:normal;
  font-size:11px;
}
input[type=text],
input[type=password],
select,
textarea {
  background:#FAFAFA;
  border:1px #B3B3B3 solid;
}
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  background:#FFFFFF;
}

textarea {
  padding:4px;
}
label {
  cursor:pointer;
}


#wrapper {
  margin:32px;
  width:420px;
}

/*****[ HEADER ] [H]*****/
#header {
  line-height:20px;
}
#header img {
  vertical-align:middle;
  border:0px
}
#header ul,
#header li {
  display:inline;
  margin:0;
  padding:0 4px;
  font-size:11px;
  color:#FFFFFF;
  text-transform:uppercase;
}
#header li a {
  color:#000000;
  text-decoration:none;
}


/*****[ FOOTER ] [F]*****/
#footer {
  margin:48px 0 0;
}
#footer p {
  margin:0.25em 0;
  padding:0;
  font-size:11px;
  line-height:14px;
}
#footer p.copy {
font-size:11px;
}
#footer a {
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  font-size:11px;
}


/*****[ CONTENT ] [C]*****/
#content {
  overflow:hidden;
  margin:0px 0;
}

#content h1 {
  margin:12 0 12px;
  padding:0;
  color:#000000;
  font-size:24px;
}

#content h2,
#content h2 a {
  margin:12px 0 0;
  padding:0;
  color:#000000;
  font-size:24px;
  text-decoration:none;
  font-weight:normal;
  line-height:28px;
}

#content h2 a:hover {
  border-bottom:1px #000000 solid;
  text-decoration:none;
}

#content h3,
#content h3 a {
  margin:0 0 12px;
  padding:0;
  color:#000000;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
  line-height:28px;
}

#content h4,
#content h4 a {
  margin:24px 0 12px;
  padding:0;
  color:#000000;
  font-size:14px;
  text-decoration:none;
}

#content .post-details h4,
#content .post-details p,
#content .post-details ul,
#content .post-details li {
  padding:0;
  display:inline;
  font-size:11px;
}

/***[ CONTENT-PAGE: INDEX ] [C1.1]***/
#content.index h1.title {
  margin:24px 0 6px;
  padding:0;
  font-weight:normal;
  font-size:11px;
  line-height:20px;
}
#content.index h1.title img {
  vertical-align:middle;
}
#content.index p.title {
  margin:24px 0 6px;
  padding:0;
}
#content.index h2,
#content.index h2 a,

#content.index h3,
#content.index h3 a {
  font-size:24px;
  line-height:28px;
}
#content.index h2 a:hover,
#content.index h3 a:hover {
  border-bottom:1px #000000 solid;
  text-decoration:none;
}

/***[ CONTENT-PAGE: ARCHIVE ] [C1.2]***/
#content.archive .post h2,
#content.archive .post h2 a {
  font-size:24px;
}
#content.archive .post h3,
#content.archive .post h3 a {
  font-size:24px;
}
#content.archive .post .details,
#content.archive .post .details a {
  color:#B3B3B3;
}
#content.archive p.title {
  margin:24px 0 6px;
  padding:0;
}

/***[ CONTENT-PAGE: PAGE ] [C1.3]***/
#content.page .details,
#content.page .details a {
  color:#B3B3B3;
}


/*[ CONTENT-MODULE: POPUP-NAVIGATION ] [C2.1]*/
#popup-nav {
  position:relative;
  margin:12px 0;
  font-size:11px;
}
#popup-nav ul {
  display:inline;
  margin:0;
  padding:0;
}
#popup-nav li {
  display:inline;
  margin:0;
  padding:0;
  color:#000000;
}
#popup-nav #popup-nav-list li li {
  color:#D20E12;
  cursor:pointer;
}
#popup-nav #popup-nav-list li li a {
  color:#D20E12;
}
#popup-nav #popup-nav-list li li:hover {
  border-bottom:1px #D20E12 solid;
}
#popup-nav #popup-nav-list strong {
  display:none;
}
#popup-nav #popup-nav-list li.popup-nav-item li {
  display:none;
}
#popup-nav #popup-nav-list li.popup-nav-item li.active {
  display:inline;
}

#popup-nav #popup-nav-response {
  display:none;
  position:absolute;
  left:0;
  right:24px;
  top:0;
  padding:12px;
  background:#FFFFFF;
  background:transparent url(../images/backgrounds/popupNav.png);
  border:1px #989898 solid;
}
#popup-nav #popup-nav-response li {
  line-height:20px;
  cursor:default !important;
  color:#D20E12;
}
#popup-nav #popup-nav-response strong {
  display:block;
  color:#000000;
}
#popup-nav #popup-nav-response li li {
  white-space:nowrap;
}
#popup-nav #popup-nav-response li li a {
  display:inline;
  color:#000000;
  text-decoration:none;
}
#popup-nav #popup-nav-response a:hover {
  border-bottom:1px #D20E12 solid;
}

/*[ CONTENT-MODULE: SEARCH ] [C2.2]*/
#searchform {
  margin:24px 0;
}

/*[ CONTENT-MODULE: COMMENTS ] [C2.3]*/
#comments {
  margin:24px 0;
  width:420px;
}
#comments h4 {
  margin:24px 0 12px;
  font-size:14px;
}
#comments h4 span {
  color:#D20E12;
}
#comments .comment {
  margin:12px 0 24px;
}
#comments .details {
  margin:12px 0 -6px;
  color:#000000;
  font-size:11px;
}
#comments .details strong {
  color:#000000;
  font-weight:bold;
}
#comments .details cite,
#comments .details cite a {
  color:#D20E12;
  font-style:normal;
}
#comments .details a {
  color:##D20E12;
  text-decoration:none;
}
#comments .comment p {
  margin:12px 0;
  font-size:11px;
}

#comments .message code {
  display:block;
}

#comment-form {
  margin:48px 0 0;
}

#comment-form textarea {
  width:420px;
}

/*[ CONTENT-ELEMENT: NAVIGATION ] [C3.1]*/
#content .nav {
  margin:12px 0 12px;
  font-size:11px;
}
#content .nav p {
  display:inline;
  margin:0;
  padding:0;
}
#content .nav ul {
  display:inline;
  margin:0;
  padding:0;
}
#content .nav li {
  display:inline;
  margin:0;
  padding:0;
  color:#B3B3B3;
}
#content .nav a {
  color:#D20E12;
  text-decoration:none;
}

/*[ CONTENT-ELEMENT: TEASER ] [C3.2]*/
#content .teaser {
  line-height:20px;
}
#content .teaser h2,
#content .teaser h2 a {
  display:inline;
  margin-right:0.25em;
  font-size:11px;
}
#content .teaser h3,
#content .teaser h3 a {
  display:inline;
  margin-right:0.25em;
  font-size:11px;
}
#content .teaser p,
#content .teaser p a {
  display:inline;
  color:#B3B3B3;
  font-size:11px;
}

/*[ CONTENT-ELEMENT: POST-BODY ] [C3.3]*/
#content .post {
  margin:0 0 36px;
}

#content .post-body {
  margin:12px 0;
}
#content .post-body h4 {
  margin:24px 0 12px;
  padding:0;
  font-size:16px;
}
#content .post-body h5 {
  margin:24px 0 12px;
  padding:0;
  font-size:16px;
}
#content .post-body h6 {
  margin:12px 0 6px;
  padding:0;
  font-size:11px;
}

#content .post-body p {
  margin:6px 0;
  padding:0;
}

#content .post-body ul {
  margin:6px 0;
  list-style:square;
}
#content .post-body ol {
  margin:6px 0;
  list-style:decimal;
}
#content .post-body dl {
  margin:6px 0;
}
#content .post-body dl dt {
  font-weight:bold;
}

#content .post-body a {
  color:##D20E12;
  text-decoration:none;
}

#content .post-body abbr,
#content .post-body acronym {
  cursor:help;
  border-bottom:1px #D20E12 dotted;
}
#content .post-body address {
  font-style:normal;
}

#content .post-details p {
  margin:4px 0;
  padding:0;
  font-size:11px;
}

/*[ CONTENT-ELEMENT: TAGS ] [C3.4]*/
#content .tags {
  margin:24px 0 12px;
}
#content .tags h4 {
  margin:0;
  padding:0 4px 0 0;
  display:inline;
  font-size:11px;
}
#content .tags ul {
  margin:0;
  padding:0;
  display:inline;
}
#content .tags li {
  padding:0 4px 0 0;
  display:inline;
}
#content .tags li a {
  color:#989898;
  text-decoration:none;
}