/******************************* GLOBAL *******************************/

/************************************  GLOBAL 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,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; line-height:normal; text-align: left; vertical-align: baseline; list-style:none;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/* Color Scheme:

Light purple: #fcd2e6
Medium (link) purple: #c06
Dark purple: #1d0410
Footer purple: #af1b61

*/

body {font-size:62.5%; font-family: Arial, SunSans-Regular, Sans-Serif; background:#ff99cb url(/files/imagesQlog/general/background-shim.jpg) repeat-x;}
a {color:#c06;}
a:hover {text-decoration:none;}
.punch {font-weight:bold; color:#c00; font-size:110%;}
.rightalign, .rightalign-icon {float:right; margin:8px; overflow:auto;}
.leftalign {float:left; margin:8px;}
.smalltext {font-size:.9em}
.cleardiv {clear:both;}
.red {color:#c06;}
.redpunch {color:#1d0410; font-size:2em;}

.red12 {color:#900; font-size:1.2em;}
.red14 {color:#900; font-size:1.2em;}
.red16 {color:#900; font-size:1.2em;}
.red18 {color:#900; font-size:1.2em;}
.red20 {color:#900; font-size:1.2em;}
.red24 {color:#900; font-size:1.2em;}


/******* global form fields *******/
.form-field, .form-fieldnumber, .form-fieldzip {height:14px; font-size:1.1em; margin-right:2px; border:1px solid #c06; padding:3px; color:#333; vertical-align:middle;}
.form-fieldnumber {width:16px;}
.form-fieldzip {width:100px;}
.form-drop {font-size:1em; border:1px solid #ccc; padding:3px; vertical-align:middle;}

/******* global errors *******/
.errors {background:#f5f5f5; border:1px solid #900; color:#900; padding:5px 10px; font-size:1.2em; margin:5px 30px 5px; font-weight:bold;}
.errors ul {}
.errors li, .errors p {list-style:none!important; background:url(/files/imagesQlog/icons/error.gif) no-repeat 0 4px !important; margin:4px 0 !important; padding-left:20px !important; }


#center {width: 930px; margin:0 auto; overflow:auto; background:#fff url(/files/imagesQlog/general/center-shim.gif) repeat-y; }

/********* HEADER *********/
/* logo area */
#logo {margin:0; padding:0; display:block; position:relative; z-index:0}
#logo img {margin:0; padding:0;}


/* action bar */
.actionbar {background:#670134 url(/files/imagesQlog/general/shim-purple.gif) repeat-x; clear:left; float:left; display:inline; overflow:hidden; width:930px; margin:0; border:2px solid #000; border-width:2px 0; text-align:center; color:#fff; padding:.2em 0 .4em; font:1.8em Arial, Helvetica, sans-serif; position:relative; z-index:0}

.actionbar a {font-size:.8em; color:#fff;  padding:0 1em; font-weight:bold; text-transform:uppercase}


/********* LEFT COLUMN *********/
#left {margin: 5px 0 10px 5px; width:160px; clear:both; float: left; display:inline;}
#left a, #right a {color:#c06; font-weight:bold;}
#left .form-field {width:110px;}
#right .form-field {width:90px;}
#left .go-button, #right .go-button {margin:0;}
#left .go-button img, #right .go-button img {vertical-align:middle; margin-left:2px;}
#right .go-button-rss input {vertical-align:middle; margin-right:2px;}
#right .go-button-rss .form-field {width:90px;}
p.detailslink {clear:both; text-align:center; text-transform:uppercase;}
#left .yellow, #right .yellow {color:#ff3;}
#left .green, #right .green {color:#6f6;}
#left .blue, #right .blue {color:#6cf;}

#left .rightalign, #right .rightalign {margin:0 0 2px 2px;}


/* Sections */
.sections, .sections-single, .post-lists {margin-bottom:5px; background:#fff; font-size:1.1em;}
.sections-single {padding-bottom:0; background:none; text-align:center;}
.sections h4 {color:#c06; font-size:1.4em; text-align:center; padding:0 5px 2px 5px; margin-top:3px;}
.sections h5 {color:#c06; font-size:1.4em; padding:0 5px 0 5px; margin-top:3px;}
.sections p {padding:0 5px 3px 5px; margin-top:3px;}
.sections p.feedbox {font-size:.8em;}

#left-askamy {background:#fff url(/files/imagesQlog/plugs/plug-askamy.gif) no-repeat bottom right;}
#left-askamy.sections p {width:70px;}

#left-maximize {background:#fff url(/files/imagesQlog/plugs/plug-email.gif) no-repeat bottom right;}
#left-maximize.sections p {width:90px;}

.tag-10 {font-size:1em;}
.tag-15 {font-size:1.5em;}
.tag-20 {font-size:2em;}
.tag-30 {font-size:3em;}

/*  Post lists */
.post-lists {padding-bottom:1px;}
.post-lists ol {margin:5px 2px 5px 3px; padding:0 3px;}
.post-lists ol li {padding:0 0 5px 30px; list-style-type:none; min-height:23px; background:url(/files/imagesQlog/general/q.gif) no-repeat;}

.post-lists ul {margin:5px 2px 5px 5px; padding:0 3px;}
.post-lists ul li {padding:0 0 3px 0;}

#left-topics {background:#fff url(/files/imagesQlog/plugs/plug-topics.gif) no-repeat bottom right;}
#left-topics.post-lists ul {width:100px;}

/********* RIGHT COLUMN *********/
#right {width:140px; margin:5px 0 10px 0; float: left; overflow:auto; display:inline;}

#date {margin-bottom:2px; color: #000; font-weight:bold; font-size:1.2em; text-align:center}
#twitter_div {background:#fff; margin-bottom:5px; background:#fff url(/files/imagesQlog/general/twitter-bird.gif) no-repeat 0 30px; overflow:hidden;}
#twitter_div ul {margin:5px 2px 5px 5px; padding:0 3px; font-size:11px !important;}
#twitter_div li {margin-bottom:5px;}
#twitter_div h6 {background:#c06; padding:5px; margin-top:3px; text-align:center; font-size:11px !important;}
#twitter_div h6 a {color:#fff;}


/********* FOOTER *********/
#footer {clear:both; padding:10px 0; font-size: 1.1em; clear:both; background:#af1b61; margin:0; overflow:auto; color:#fff;}
#footer p {text-align:center; margin-bottom:0;}
#footer a {color:#fff;}
#footer img {margin-bottom:5px;}



/******************************* CENTER COLUMN *******************************/

/*  CENTER CONTENT */
#content {font-size:1.2em; width:590px; float:left; display:inline; margin:5px 15px 10px 15px; background:#fff;}
#content p {line-height:1.4em;}

.centerbanner {margin-bottom:10px;}
#breadcrumbs p {margin:0 0 10px 0; font-size:.9em;}



/************  MAIN POST PAGE  ************/
.post-main {margin-bottom:10px; clear:both;}
.post-main-shim {background:url(/files/imagesQlog/general/yellow-shim2.gif) repeat-x;}
.post-main h1, .post-main h2, .post-main h3, .post-main h4, .post-main h5 {margin:0 8px;}
.post-main .post-top {background:url(/files/imagesQlog/general/yellow-shim.gif) repeat-y; border-bottom:2px solid #fcd2e6; padding:0 0 10px; margin-bottom:10px;}
.post-main h1 {font:bold 2.6em Georgia, "Times New Roman", Times, serif; color:#009; margin:0 8px 10px}
.post-main h2 {font:1.6em Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:10px;}
.post-main h3 {font: bold 1.4em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#009; margin-bottom:5px;}
.post-main h6 {font: bold 2.8em Georgia, "Times New Roman", Times, serif; text-align:center;}
.post-main p {margin:0 8px 10px; line-height:16px;}
.post-main ul {margin:5px 0 10px 20px;}
.post-main li {background:url(/files/imagesQlog/general/bullet.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;}
.post-main li a {font-weight:bold;}
.post-main img.rightalign {border:1px solid #ccc; padding:3px; background:#f5f5f5; overflow:visible;}

.post-main div.postdate {width:200px; float:right; margin:15px 15px 0 0; text-align:right; font-size:.9em; font-style:italic; color:#666;}
.post-main div.share {width:300px; margin-top:10px; float:left;}
.post-main div.share ul {margin:0 0 0 10px;}
.post-main div.share li {display:block; float:left; text-align:left;  vertical-align:middle; margin:0 10px 0 0; padding:0; background:none;}
.post-main div.share li.sharethis {padding-top:3px;}


#comments {margin-bottom:10px;}
#comments p {line-height:16px; margin-bottom:5px;}

#comments .comment-user, #comments .comment-admin {background:#f5f5f5; margin:10px; padding:8px 8px 5px;}
#comments .comment-admin {background:#fcd2e6; margin:10px 20px;}
p.comment-name {font-style:italic; font-size:.9em; color:#666;}

#reply {margin:10px 12px; padding:5px; background:#f5f5f5; border:1px solid #ccc;}
#reply p {line-height:16px; margin-bottom:5px;}
#reply h3 {margin:5px 10px 10px; font-weight:normal; font-style:italic;}
#reply h3 strong {font-size:2em; color: #1d0410; font-style:normal;}
#reply label {display:block; float:left; width:100px; text-align:right; padding-top:3px; margin-right:10px; color:#c00;}
#reply label strong {color:#000;}
.form-field-text {font-size:1.1em; width:410px; margin-right:2px; border:1px solid #c06; padding:3px; color:#333; vertical-align:middle;}

#login  {background:#f5f5f5; border:1px solid #1d0410; width:320px; margin:0 auto 10px; padding-bottom:10px;}
#login p {margin-top:10px;}
#login h3 {font-size:2em; font-style:normal; text-align:center; margin:0 0 5px; padding:5px; background:#1d0410; color:#fff;}
#login label {display:block; float:left; width:100px; text-align:right; padding-top:3px; margin-right:10px;}

p.submitbutton {margin-left:117px;}
#reply p.submitbutton {margin-left:117px;}
#login p.submitbutton {margin-left:119px;}
#login p.submitbutton input {background-color:#c06; font-weight:bold; font-size:1.2em; border:1px solid #1d0410; padding:5px; color:#fff;}
p.submitbutton input { margin-top:0px; vertical-align:middle; }
p.submitbutton strong {color:#c06; text-transform:uppercase; font-style:italic; font-size:1.3em; margin-right:3px;}



/************  TOPIC PAGE  ************/
#topic-top, #topic-top2 {background: #fefde5; padding-bottom:5px; border-bottom:2px solid #fcd2e6; overflow:auto; margin-bottom:10px;}
#topic-top h1, #topic-top2 h2 {background: url(/files/imagesQlog/general/titlebar-purple.gif) no-repeat; font:bold 2em Georgia, "Times New Roman", Times, serif ; padding:4px 12px 0; height:54px; color:#fff; margin:2px 0 5px}

#topic-top p, #topic-top2 p {font:1.2em Georgia, "Times New Roman", Times, serif; font-style:italic; margin:5px 15px 5px; color:#666; overflow:visible;}
#topic-top p.largehead, #topic-top2 p.largehead {font-size:2.2em;}
#topic-top p.mediumhead, #topic-top2 p.mediumhead {font-size:1.8em;}
#topic-top p.smallhead, #topic-top2 p.smallhead {font-size:1.4em;}

#topic-top p span, #topic-top2 p span,
#topic-top p.largehead span, #topic-top2 p.largehead span,
#topic-top p.mediumhead span, #topic-top2 p.mediumhead span, 
#topic-top p.smallhead span, #topic-top2 p.smallhead span {color:#720c3e;}

#topic-top img, #topic-top2 img {margin-bottom:5px;}
div.rightalign-icon {float:right; width:120px; display:block; margin:0 0 0 15px;}
div.toptext {float:left; width:450px;}

.post-top div.rightalign-icon {float:right; width:160px; display:block; margin:0 0 0 15px;}
.post-top div.toptext {float:left; width:410px;}


/*  Summary areas */
.post-topic {margin:0 5px 15px; clear:both;}
.topic-title {background:#ebeaea url(/files/imagesQlog/q-big.gif) top right no-repeat; min-height:50px;}
.topic-title h1 {font:bold 1.6em Georgia, "Times New Roman", Times, serif; color:#009; margin:5px 0 0; padding:5px 50px 0 10px;}
.topic-title h1 a {color:#009; text-decoration:none;}
.topic-title h1 a:hover {color:#09C;}
.topic-title p {font-size:.9em; margin:0; padding:0 3px 5px; font-style:italic; color:#666;}
.post-topic h2 {font:bold 1.2em Georgia, "Times New Roman", Times, serif; font-style:italic; margin:5px 8px 10px}
.post-topic img.rightalign {border:1px solid #ccc; padding:3px; background:#f5f5f5;}

.post-topic p {margin-bottom:5px; margin:5px 8px 10px}
.post-topic p.readmore {font-style:italic; font-weight:bold;}
.post-topic p.tags {clear: both; font-size:.9em; color:#666;}
 

/*  INFO PAGES  */
.post-info {margin-bottom:10px; clear:both; background: url(/files/imagesQlog/general/yellow-shim2.gif) repeat-x;}
.post-info h1 {font:bold 2.6em Georgia, "Times New Roman", Times, serif; color:#009; margin:5px 8px 5px;}
.post-info h1 strong {text-align:center}
.post-info h2 {font:16px Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:10px;}
.post-info h3.freetips-box {font:bold 1.6em Georgia, "Times New Roman", Times, serif; margin:5px 0 10px; color:#009; text-align:center;}
.post-info h4 {font:bold 2em Georgia, "Times New Roman", Times, serif; margin:10px 8px 5px;}
.post-info h5 {font:bold 1.2em Georgia, "Times New Roman", Times, serif; color:#009; margin:10px 8px 0;}

.post-info p {margin:0 8px 5px; line-height:16px;}
.post-info ul {margin:5px 0 10px 20px;}
.post-info li {background:url(/files/imagesQlog/general/bullet.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;}
.post-info li a {font-weight:bold;}

/*  INFO PAGES  */
.post-info {margin-bottom:10px; clear:both; background: url(/files/imagesQlog/general/yellow-shim2.gif) repeat-x;}
.post-info h1 {font:bold 2.4em Georgia, "Times New Roman", Times, serif; color:#009; margin:5px 8px 5px;}
.post-info h1 strong {text-align:center}
.post-info h2 {font:bold 3em Georgia, "Times New Roman", Times, serif; color:#009; margin:5px 8px 5px;}
.post-info h3.freetips-box {font:bold 1.6em Georgia, "Times New Roman", Times, serif; margin:5px 0 10px; color:#009; text-align:center;}
.post-info h4 {font:bold 2em Georgia, "Times New Roman", Times, serif; margin:10px 8px 5px;}
.post-info h5 {font:bold 1.2em Georgia, "Times New Roman", Times, serif; color:#009; margin:10px 8px 0;}
.post-info img.rightalign {border:1px solid #ccc; padding:3px; background:#f5f5f5;}

.post-info p {margin:0 8px 5px; line-height:16px;}
.post-info ul {margin:5px 0 10px 20px;}
.post-info li {background:url(/files/imagesQlog/general/bullet.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;}
.post-info li a {font-weight:bold;}

#rssbox {border:1px solid #ccc; padding:5px;  margin:10px; text-align:center;font-size:1.4em; background:#f5f5f5;}
#rssbox ul {width: 150px; float:left; margin-left:90px; margin-bottom:0;}
#rssbox li {list-style-type: none; background:none;}


/*  GENERAL  */
.general {margin-bottom:10px; clear:both; border:1px solid #ccc; background:#f5f5f5;	}
.general h1 {font:bold 3em Georgia, "Times New Roman", Times, serif; color:#009; margin:5px 8px 5px; text-align:center;}
.general h1 strong {text-align:center}
.general h2 {font: 20px Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:10px; text-align:center;}
.general p {margin:0 8px 5px; line-height:16px; text-align:center;}