/*
Theme Name: Corduroy2
Theme URI: http://corduroyclub.com/
Description: Theme for The Corduroy Appreciation Club, whose mission is to cultivate good fellowship by the advancement of Corduroy awareness, as well as, understanding, celebration, and commemoration of the fabric and all related items. Club events are held on dates which incorporate, resemble or refer to corduroy.
Version: 2.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: corduroy, wide wale, pin wale, wale, whale, fabric, 11, 11|11
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* CAC */

/* structure */
body {
font-size: 14px; 
font-family: Georgia, Times, "Times New Roman", serif;
background: #1A0E09 url('images/brown_corduroy_bg.png');
color: #2F1A11;
text-align: center;
}
#page {
width: 960px;
margin: 0 auto 20px auto;
background: #EEEBE2;
}
a {
color: #900;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#header {
width: 100%;
overflow: hidden;
}
#content, #footer {
width: 960px;
overflow: hidden;
}
#content {
text-align: left;
width: 840px;
padding: 40px 60px;
}
.narrowcolumn {
width: 550px;
float: left;
}
.widecolumn {
width: 720px;
margin: 10px 60px 0 60px;
}
#sidebar {
width: 230px;
float: right;
}
#footer {
padding-top: 40px;
background: url(images/footer_whales.gif) no-repeat top center;
}

/* typography */
p, ul, ol {
margin-bottom: 20px;
line-height: 20px;
}
ol {
list-style: decimal;
padding-left: 30px;
}
li {
margin-bottom: 10px;
}
h1, h2, h3 {
text-transform: uppercase;
}
h2, h3 {
color: #900;
}
h1 {
font-size: 20px;
line-height: 1em;
padding-bottom: 30px;
background: url(images/stripe.gif) repeat-x bottom center; 
margin-bottom: 30px;
text-align: center;
}
h2 {
font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
}
h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
h4 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
em {
font-size: 16px;
font-style: italic;
}
small {
font-size: 12px;
}


/* images */
img, a img {
padding: 2px;
border:3px double #1A0E09;
}
a:hover img {
border-color: #900;
}
p img {
max-width: 98%;
height: auto;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 10px 20px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* header */
h5 {
font-size: 36px;
line-height: 1em;
text-align: center;
}
h5 a {
display: block;
width: 960;
height: 0px !important;
height /**/:182px;
padding-top: 182px;
overflow: hidden;
background: #1A0E09 url(images/cac_header.jpg) no-repeat 0 0;
}
h5 a, #content, #footer {
border-width: 0 1px;
border-style: solid;
border-color: #2F1A11;;
}
#nav {
width: 960px;
list-style: none;
line-height: 1em;
margin: 0;
padding: 0;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #2F1A11;
}
#nav a {
display: block;
color: #900; 
text-decoration: none;
background: #EEEBE2 url(images/nav-bkgd-texture.jpg) repeat-x 0 0;
}
#nav a:hover { 
color: #2F1A11;
background-color: #BFB7AE;
background-position: 0 -80px;
}
#nav li {
text-transform: uppercase;
width: 239px;
text-align: center;
font-weight: bold;
font-size: 14px;
float: left;
margin: 0;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #2F1A11;
}
#nav li a {
padding: 6px 0 5px;
}

#nav .current-cat a, #nav .current-cat-parent a, #nav .current_page_item a, #nav .current_page_parent a { 
color: #2F1A11;
background-color: #D7D1C8;
background-position: 0 -160px;
}
/*main */
.post {
width: 100%;
overflow: hidden;
}
.description {
width: 680px;
padding: 0 80px;
min-height: 77px;
background: url(images/11_intro_bg.gif) no-repeat top center;
border-bottom: 1px solid #1A0E09;
margin-bottom: 30px;
}
.description p {
text-align: center;
font-style: italic;
font-size: 15px;
line-height: 22px;
}
.widecolumn .description {
width: 560px;
background-image: url(images/11_intro_bg_widecolumn.gif);
}
.narrowcolumn .description {
width: 390px;
background-image: url(images/11_intro_bg_narrowcolumn.gif);
}
form.wpcf7-form {
border:3px double #1A0E09;
padding: 20px;
width: 375px;
margin: 0 auto 20px auto;
}
.postmetadata {
width: 100%;
overflow: hidden;
font-size: 12px;
margin-bottom: 15px;
}
.post {
border-bottom: 1px solid #1A0E09;
margin-bottom: 25px;
}
body.page .post {
border-bottom: none;
}
.post p {
width: 100%;
overflow: hidden;
}
.post ul {
list-style-image:url(images/whalebullet.gif);
list-style-position:outside;
padding-left: 30px;
}
.post ul ul {
list-style-image:url(images/11_bullet.gif);
margin: 0;
padding-top: 10px;
}
.post .gallery .gallery-row {
margin-bottom: 20px;
}
blockquote {
font-style: italic;
padding-left: 30px;
background: url(images/blockquote.gif) no-repeat 0 0;
}
#commentform textarea {
width: 95%;
padding: 2px;
}
.post h3, .post h4 {
clear: both;
}

/* sidebar */
form.searchform {
margin-bottom: 20px;
padding-top: 5px;
}
#sidebar h2 {
text-align: center;
font-size: 16px;
padding: 5px 0;
border: 3px double #1A0E09;
background: #EEEBE2 url(images/nav-bkgd-texture.jpg) repeat-x 0 0;
color: #2F1A11;
}
#sidebar li {
margin-bottom: 5px;
}
#sidebar li.twitter-item {
margin-bottom: 10px;
}