/* - - - - - - - - - - - - - - - - - - - - -
Title : Tracy Mayor Layout and Style
Author : Reese Spykerman
URL : http://www.designbyreese.com
Modified : Jan 3, 2008
- - - - - - - - - - - - - - - - - - - - - */

/* ---------------------------------------------------
MAIN LAYOUT 
--------------------------------------------------- */
body {
background-color: #fff;
margin: 0;
padding: 0;
font-family: bookman old style, georgia, times, times new roman, serif;
font-size: 12px;
color: #3F3F3F;
}

a {text-decoration: none;color: #9c2500;}
a:link {text-decoration: none;color: #9c2500;}
a:visited {text-decoration: none; color: #9c604e;}
a:hover {text-decoration: none; color: #9c2500; border-bottom: 1px dotted #9c2500;}

#container {
margin: 0 0 0 20px;
width: 802px;
background: #fff url(/graphics/rightstripe.gif) repeat-y 629px 0;
}

#navigation {
float: left;
width: 639px;
height: 183px;
background: #fff url(/graphics/navbg.gif) no-repeat top left;
}

#primarycontent {
float: left;
width: 569px;
padding: 20px 10px 0 40px;
}

#secondarycontent {
float: left;
width: 134px;
padding-left: 40px;
margin-top: -12px;
z-index: 2;
}

/* ---------------------------------------------------
PRIMARY CONTENT STYLING  
--------------------------------------------------- */

#header {
width: 242px;
height: 34px;
background: transparent url(/graphics/header.gif) no-repeat top left;
}

#articles {
background: url(/graphics/header-writer.gif) no-repeat top left;
padding: 80px 0 20px 0;
}

#editor {
background: url(/graphics/header-editor.gif) no-repeat top left;
padding: 80px 0 20px 0;
}

#worker_bee {
background: url(/graphics/header-worker.gif) no-repeat top left;
padding: 80px 0 20px 0;
}

#contact {
background: url(/graphics/header-contact.gif) no-repeat top left;
padding: 80px 0 20px 0;
}

#fifty {
background: url(/graphics/header-fifty.gif) no-repeat top left;
padding: 80px 0 20px 0;
}

#text {
float: left;
clear: left;
}

#text h2 {
text-transform: uppercase;
color: #6ea199;
margin: 9px 0 9px 0;
font-family: "Century Gothic", Tahoma, san-serif;
letter-spacing: .03em;
font-size: 15px;
}

#text h3 {
font-size: 12px;
margin: 0;
padding: 0;
text-transform: capitalize;
}

#text h4 {
font-size: 11px;
font-family: century gothic, gill sans, helvetica, sans-serif ;
text-transform: uppercase;
margin: 4px 0 2px 0;
padding: 0 0 4px 0;
color: #7f7f7f;
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
}

#text h5 {
text-transform: uppercase;
font-family: century gothic, gill sans, helvetica, sans-serif ;
border: 1px dotted #6ea199;
padding: 3px 10px 3px 3px;
font-size: 11px;
font-weight: bold;
margin: -12px 0 30px 0;
width: 240px;
background: url(/graphics/icon-arrow.gif) no-repeat 98% 50%;
}

#text h6 {
color: #7f7f7f;
font-weight: normal;
text-transform: capitalize;
padding: 0 0 3px 0;
font-size: 10px;
font-weight: bold;
margin: 0 0 0 0;
}

#text h6 span {
font-style: italic;
}

#text p.blurb {
margin: 0;
line-height: 18px;
}

#text p.readon  {
margin: 3px 0 27px 0;
font-weight: bold;
}

#editor blockquote p {
font-size: 13px;
line-height: 19px;
margin: 0;
padding: 0;
font-style: italic;
}

#editor blockquote p.credit {
font-family: century gothic, gill sans, helvetica, sans-serif ;
margin: 0;
padding: 0 0 0 15px;
font-size: 11px;
font-style: normal;
text-transform: uppercase;
font-weight: bold;
background: url(/graphics/icon-arrow.gif) no-repeat 0% 50%;
}

#worker_bee a {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}

#contact a {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}

#fifty a {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}


/* ---------------------------------------------------
BLOG
--------------------------------------------------- */
#blog-page #fifty h6.keywords a {
font-size: 10px;
text-transform: none;
}

#sidebar_categories {
padding: 12px 0 6px 0;
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
}

#sidebar_categories ul {
list-style: none;
margin: 0 0 6px 0;
padding: 0;
}

#sidebar_categories li {
background: url(/graphics/icon-arrow.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
}


#sidebar_links {
padding: 12px 0 6px 0;
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
}

#sidebar_links ul {
list-style: none;
margin: 0 0 6px 0;
padding: 0;
}

#sidebar_links li {
background: url(/graphics/icon-arrow.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
}


/* - - - 
secondary content styling
- - - */

#secondarycontent h2 {
text-transform: uppercase;
color: #6ea199;
margin: 0 0 9px 0;
font-family: "Century Gothic", Tahoma, san-serif;
letter-spacing: .03em;
font-size: 13px;
}

#secondarycontent p.tracys_words {
margin:  0;
padding: 0;
font-style: italic;
}

#secondarycontent p.words_attribution {
font-weight: bold;
margin: 3px 0 0 0;
padding: 0;
font-family: "Century Gothic", Tahoma, san-serif;
text-transform:  uppercase;
font-size: 10px;
}

#secondarycontent h3 {
margin: 0;
padding: 0;
font-weight: normal;
font-style: italic;
font-size: 12px;
line-height: 14px;
}

#secondarycontent h4 {
margin: 0 0 12px 0;
padding: 0;
font-weight: normal;
font-size: 10px;
line-height: 14px;
}

#secondarycontent p.quote {
margin: 0;
padding: 0;
font-weight: normal;
font-style: italic;
}

#secondarycontent p.quote_attribution {
font-weight: bold;
margin: 3px 0 6px 0;
padding: 0;
font-family: "Century Gothic", Tahoma, san-serif;
text-transform:  uppercase;
font-size: 10px;
}

#sidebar_words {
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
padding-bottom: 12px;
}

#blog-page #sidebar_words {
padding: 12px 0 6px 0;
}

#sidebar_reading {
padding: 12px 0 6px 0;
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
}

#sidebar_quote {
padding-top: 12px;
}

/* ---------------------------------------------------
NAVIGATION 
--------------------------------------------------- */
ul#menu {
margin: 0 0 0 40px;
padding:20px 0 0 0;
list-style: none;
text-transform: uppercase;
font-family: "Century Gothic", Tahoma, san-serif;
font-weight: bold;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float: left;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
color: #9b2400;
outline: none;
}

ul#menu li a:hover {
color: #3c3c3c;
}

li#nav-writer a {
width:88px;
height:80px;
background: url(/graphics/nav-writer.gif) no-repeat top left;
padding: 80px 0 0 0;
margin: 0 30px 0 0;
text-align: center;
}

li#nav-editor a {
width:88px;
height:80px;
background: url(/graphics/nav-editor.gif) no-repeat top left;
padding: 80px 0 0 0;
margin: 0 30px 0 0;
text-align: center;
}

li#nav-worker a {
width:88px;
height:80px;
background: url(/graphics/nav-worker.gif) no-repeat top left;
padding: 80px 0 0 0;
margin: 0 30px 0 0;
text-align: center;
}

li#nav-contact a {
width:88px;
height:80px;
background: url(/graphics/nav-contact.gif) no-repeat top left;
padding: 80px 0 0 0;
margin: 0 30px 0 0;
text-align: center;
}

li#nav-fifty a {
width:88px;
background: url(/graphics/nav-fifty.gif) no-repeat top left;
padding: 80px 0 0 0;
margin: 0;
text-align: center;
}

p.copyright {
padding: 0 0 0 40px;
clear: left;
text-transform: uppercase;
font-size: 10px;
font-family: "Century Gothic", Tahoma, san-serif;
}

/* ---------------------------------------------------
COMMENTS
--------------------------------------------------- */
#comments h5 {
margin-top: 12px;
margin-bottom: 0;
}

#comments ul.list-comments {
margin: 0 0 18px 18px;
padding: 0;
list-style: decimal;

}

li.comment-one {
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
padding-bottom: 12px
}

li.comment-two {
background: transparent url(/graphics/greendots.gif) repeat-x bottom left;
padding-bottom: 12px
}

li.comment-one p {
margin: 12px 0 0 0;
}

li.comment-two p {
margin: 12px 0 0 0;
}

ul.list-comments p.posted {
text-transform: uppercase;
font-size: 10px;
font-family: "Century Gothic", Tahoma, san-serif;
margin: 0;
padding: 0;
color: #6EA199;
}

#comments a {
font-size: 10px;
}