/*  
CSS Name: Quillblog 2009
Description: CSS description for the Quillblog
Author: Gary Campbell, Mike Clarke, Michelle Darwin
Last revised January 2009
*/


.tagline {
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0 0 13px;
}

.logo {
padding: 21px 0 6px;
}

/*GENERAL STYLES*/

* {
padding: 0;
margin: 0;
border: 0;
}

body, html {
text-align: center;
background: #996 url(http://www.quillandquire.com/images/backshadow900.jpg) repeat-y center top;
font-size: 10px; 
font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
color: #333;
line-height: 20px;
padding: 0;
margin: 0;
}

div#page{
width:860px; 
margin:0 auto; 
text-align: left;
background-color: #fff; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited, cite {
text-decoration:none;
}

h2, h2 a, h2 a:visited {
color:#333333;
}

h1, h2, h3, h4, h5 {
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-weight:bold;
}

h2 {
font-size: 17px;
}

h3.rss {
float: left;
padding-right:10px;
}

h3 { 
color:#CC0033;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
}

h3 a { 
color:#CC0033;
}

h4 {
font-size: 1.5em;
}

h5 {
font-size: 1.4em;
}

body.twocol #primary_content h4 {
font-size:21px;
margin-bottom:1px;
}

input {
border:1px solid #888;
margin:0 0 2px;
padding: 3px 0;
}

input[type=image] {
margin:0 0 2px;
padding: 0;
}

input[type=submit] {
border:1px solid #888;
margin:0;
padding: 2px;
}

textarea {
width: 460px;
height: 120px;
border: 3px solid #cccccc;
padding: 5px;
font-family: Tahoma, sans-serif;
}

ol, ul, dl { 
margin: 0 0 21px 0;
font-size:14px;
}

li { 
list-style-type: none;
margin: 0 0 2px 0;
}

a {
color: #369;
text-decoration: none;
}

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

a.latest { 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
color: #c03;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
font-size: 14px;
}

label.error { 
margin:0 5px;
color: #cc0000;
}

#primary_content p, #secondary_content p, #adcolumn p { 
font-size:14px;
padding: 0 0 8px;
}

span.rss { 
font-size:14px;
margin:0 0 8px;
}

span.rss img { 
font-size:14px;
margin:0 2px;
}

table {
background-color:#CCCCCC;
}

blockquote { margin: 0 30px 21px 10px; padding-left: 20px; font-size: 1.3em;}

/*LEADERBOARD AD*/

#leader_ad {
padding: 5px 0 14px 0;
background-color:#996;
width:100%;
text-align: center;
}

.adtext {
margin-bottom:3px;
}


/* HEADER */

#header {
text-align: center; 
}

/* SITE NAV */

#navbar {
width: 860px;
height: 41px;
background-color: black;
border-bottom: 10px #336699 solid;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
font-weight: bold;
letter-spacing: 2px;
}

#navbar a {
color: white;
background-color: black;
display: block;
float: left;
padding: 10px 12px 0px 12px;
border-right: 1px white solid;
text-align: center;
height: 31px;
text-decoration: none;
border-bottom: 1px white solid;
}

#navbar a:hover {
background-color: #336699;
text-decoration: none;
border-bottom: 1px #369 solid;
}

#navbar ul { 
margin: 0;
font-size: 10px;
}

#navbar li {
list-style:none;
}

#navbar li.page_item {
display: inline;
}

#navbar li.page_item.pay a {
background-color: #696969;
}

#navbar li.page_item.pay a:hover {
background-color: #336699;
}

/* SITE NAV */

body.twocol.QandQ #primary_content div#navigation {
margin:0 0 21px;
}

body.twocol.QandQ #primary_content div#navigation p {
color:#660033;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
line-height:13px;
}

/* MAIN CONTENT COL */

div#page div#primary_content {
float:left;
padding: 30px 10px 0 0;
border-right: 1px dotted black;
}

div.blog_post {
padding-bottom: 10px;
border-bottom: 1px solid black; 
margin-bottom:10px;
padding-right:7px;
}

/* 2 COL MAIN CONTENT COL */

body.twocol div#page div#primary_content {
width:488px;
}

body.twocol #primary_content p {
margin-bottom:21px;
}

body.twocol #primary_content p#feedback {
border:1px solid #CC0033;
padding:5px;
width:85%;
}

body.twocol #primary_content p#feedback img {
padding:0 3px 0 0;
}

body.twocol.profile #primary_content p img {
padding:0 7px 0 0;
}

body.twocol #primary_content div.blog_post ul li { 
list-style-type: disc;
margin: 0 0 5px 15px; 
}

/* 3 COL MAIN CONTENT COL */

body.threecol div#page div#primary_content {
width:307px;
}

div#page div.section.omni {
background-color: #f0f0ef;
}

div#page div.section.omni div#deals h3 { 
font-size: 12px;
margin-top: 10px; 
}

div#page div.section.omni div#deals h4 { font-size: 12px; }
div#page div.section.omni div#deals p { font-size: 11px; }
div#page div.section.omni div#deals p#categories a { font-size: 12px; color: #CC0033; }

/* 3 COL SECONDARY CONTENT COL */

div#page div#secondary_content {
width:160px;
float:left;
padding: 8px 10px 0 10px;
border-right: 1px dotted black;
}

/* OMNI STYLES */

body.twocol.QandQ #primary_content h4 { 
font-size:21px;
margin-bottom:1px;
color:#333333;
}

body.twocol.QandQ #primary_content h4 a { 
color:#333333;
}

body.twocol.QandQ #primary_content p.byline { 
padding: 0;
margin: 2px 0 21px 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}

body.twocol.QandQ #primary_content p { 
padding: 0;
margin: 0 0 21px 0;
}

body.twocol.QandQ #primary_content p.omnitags, body.twocol.QandQ #primary_content p.omnitags a  {
color:#660033;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
line-height:13px;
text-transform:uppercase;
margin: 0 0 7px 0;
}

body.twocol.QandQ #additional_articles { 
padding: 0;
margin: 20px 0;
}

body.twocol.QandQ #additional_articles p { 
padding: 0;
margin: 0;
font-size:14px;
}

body.twocol.QandQ div#membership_warning { 
padding: 10px;
margin: 20px 0;
border: 0px solid #000;
background-color:#F0F0E8;
}

body.twocol.QandQ div#membership_warning h4 { 
padding: 0;
margin:0 0 5px;
font-size:14px;
color: #cc0000;
}

body.twocol.QandQ div#membership_warning p { 
padding: 0;
margin:0 0 10px;
font-size:14px;
}

body.twocol.QandQ div#adcolumn p { 
padding:8px 10px;
}

/* COMMENT FORM STYLES */

body.twocol.QandQ #primary_content form#commentform p.comment_input {
margin:0 0 5px;
}

body.twocol.QandQ #primary_content form#commentform p.comment_input {
margin:0 0 8px;
clear: left;
}
body.twocol.QandQ #primary_content form#commentform p.comment_input input[type="text"] {
float: left;
}

body.twocol.QandQ #primary_content form#commentform p.comment_input label {
margin:0 5px;
}

/* LOGIN STYLES */

div#adcolumn div#loginbox {
background-color:#F0F0E8;
padding:10px;
text-align:left;
width:140px;
margin:0 0 20px;
}

div#adcolumn div#loginbox p { 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.1em;
margin: 0;
padding: 0;
}

/* SEARCH */

#searchsubmit {
background-color:#336699;
color:white;
cursor:pointer;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:1.2em;
margin:3px 0;
padding:2px;
border: 0px solid #fff;
width: auto;
}

body.twocol #primary_content div#search #searchsubmit {
margin:3px 3px;
}

body.twocol #primary_content div#search input[type=text] {
padding:2px;
}

body.twocol #primary_content div#search {
padding:0 0 10px 0;
}

body.twocol.QandQ div.search {
padding: 0 0 10px 0;
}

body.twocol.QandQ div.search input {
width: 140px;
}

body.twocol.QandQ #primary_content.search_result h4 a {
color: #336699;
font-size: 17.5px;
}

body.twocol.QandQ #primary_content.search_result h4 a:hover {
color:#114477;
text-decoration:underline;
}

/* RIGHT AD COLUMN */

div#adcolumn {
float:right;
width:340px;
padding: 8px 10px 0 10px;
border-left: 0px dotted black;
}

div#bigbox_ad {
padding: 3px 0 10px 0;
border-bottom: 1px solid black; 
margin-bottom:10px;
text-align: center;
background-color: #f0f0ef;
}

div#tagcloud_q {
padding-bottom: 10px;
border-bottom: 1px solid black; 
margin-bottom:10px;
}

div#tagcloud_q a { 
padding-right:3px;
}

div#adcolumn_left {
width:159px;
padding-right:10px;
float:left;
}

div#adcolumn_right {
width:159px;
padding-left:10px;
border-left:1px dotted black;
float:right;
}

div#skyscraper_ad {
padding: 10px 0 10px 0;
border-top: 1px solid black; 
background-color: #f0f0ef;
text-align: center;
}

div#adcolumn ul {
font-size: 12px;
}

.omnitop { 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
color: white;
background-color: black; 
text-transform: uppercase; letter-spacing: 2px; 
font-weight: bold; font-size: 11px;
margin-top: -8px; 
margin-right: -10px; 
margin-left: -10px; 
padding-top: 8px; 
padding-right: 10px; 
padding-left: 10px;
}

.authorblurb, .newsstand, .deals, .section { padding: 8px 0; border-top: 1px solid black; }

.section.blog, .section.reviews { border-top: none; }

div#secondary_content div.section { padding:8px 0 0 5px; line-height:18px; }
div#secondary_content div.section h3 { font-size: 12px; }
div#secondary_content div.section h4 { font-size: 12px; }
div#secondary_content div.section p { font-size: 12px; }
div#secondary_content div.section dl { font-size: 12px; }
div#secondary_content div.section dl dt { font-weight: bold; }
div#secondary_content div.section dl dd { padding: 0 0 5px 0; }

div#adcolumn div h3 { font-size: 12px; }
div#adcolumn div h4 { font-size: 12px; }
div#adcolumn div p { font-size: 12px; padding:0; }

body.twocol div#adcolumn div.reviews { 
padding:0 10px 8px 10px;
}

/* SECTION STYLES */

div.section.popular ul li { 
margin:0 0 5px;
}

body.twocol.QandQ #primary_content img { 
padding: 0;
margin: 5px 10px 5px 0;
}

/* FOOTER CODE */
#footer {
font: 1em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
text-align: left;
clear:both;
width:100%;
margin: 8px 0 0 0;
border-top: 1px solid black;
}
#footer h3 {
font-size:12px;
}
#footer div.links { 
width: 160px;
float:left;
padding:10px;
}
#footer div.fine_print { 
width: 300px;
float:left;
padding:10px;
}
#footer ul, #footer ol {
margin: 5px 0 0 15px;
padding: 0;
font-size: 10px;
}
#footer ul li, #footer ol li {
margin: 0;
padding: 0;
font-size: 10px; 
}
#footer ul li {
list-style-type: disc;
}