/*-------------------------------------------
TITLE: The Brian Alvey Weblog Master Stylesheet
AUTHOR: Kyle Sollenberger, kyle@iamkyle.com
UPDATED: 2/06/2007
-------------------------------------------*/

/*-------------------------------------------
RESET (from meyerweb.com)
-------------------------------------------*/
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, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ol,ul {margin-bottom:15px;}
:focus { outline: 0; }
body { line-height: 1; color: #000; background: #FFF; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote {background:#efefef url(../images/blockquote.gif) no-repeat;color:#313030;margin:20px 0;padding:30px 20px 20px 20px;}
/*-------------------------------------------
CLEAR FIX
-------------------------------------------*/
.clear:after, #container:after,.block:after,.tab-content:after, #footer:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear, #container,.block,.tab-content, #footer {display:inline-block;}
/* Hide from IE Mac \*/
.clear, #container,.block,.tab-content, #footer {display:block;}
/* End hide from IE Mac */

/*-------------------------------------------
GENERAL SELECTORS
-------------------------------------------*/
body {
background:#313030;
color:#4a4a4a;
font:9pt "Trebuchet MS", Arial, Helvetica, Sans-serif;
line-height:1.4;
margin:0;
padding:0;
text-align:center;
}
a {color:#709c17;}
a:hover {color:#313030 !important;}
/*-------------------------------------------
LAYOUT
-------------------------------------------*/
#container {
background:#FFF url(../images/container-background.gif) repeat-y top right;
margin:30px auto 0 auto;
text-align:left;
width:1000px;
}
/*- CONTENT -*/
#content {
background:url(../images/content-background.png) repeat-x;
float:left;
overflow: hidden;
width:600px;
}
/* logo */
h1#logo {
border-bottom:#ebebeb 2px solid;
margin:0;
padding:0;
}
h1#logo a {
background:url(../images/logo.png) no-repeat top center;
display:block;
height:155px;
text-indent:-5000px;
width:400px;
}
h1#logo a:hover {
background-position:bottom center;
}
/* entries */
#content .message {
border:#EBEBEB 1px solid;
background:#EFEFEF;
font-size:12pt;
font-weight:bold;
margin:15px 15px 0 15px;
padding:15px 25px;
text-align:center;
}
#entries, .page-content {
list-style:none;
margin:0;
padding:25px 25px 0 25px;
}
#entries .entry {
margin:0 0 25px 0;
}
#entries .entry h3.entry-title,.page-content h3.entry-title {
font:28px Tahoma, Verdana, Sans-serif;
}
#entries .entry h3.entry-title a,.page-content h3.entry-title a {
color:#9ebe5e;
font-weight:bold;
text-decoration:none;
}
#entries .entry h3.entry-title a:hover,.page-content h3.entry-title a:hover {
color:#313030;
}
#entries .entry p.entry-meta {
color:#c6c6c6;
font-size:9pt;
margin:0 0 10px 0;
}
#entries .entry .entry-content .image {
float:right;
margin:0 0 10px 20px;
}
#entries .entry .entry-content img {
border-width:0;
}
#entries .entry .entry-content p,.page-content p {
line-height:1.5;
margin:5px 0 10px 0;
}
#entries .entry .entry-content p:first-child,.page-content div p:first-child {
color:#313030;
font-size:10.5pt;
}
#entries .entry ul.entry-separator {
background:#efefef;
border-top:#e3e3e3 1px solid;
clear:both;
list-style:none;
margin:20px 0 0 0;
padding:5px 10px;
text-align:right;
}
#entries .entry ul.entry-separator li {
display:inline;
margin:0 0 0 10px;
}
#entries .entry ul.entry-separator li a {color:#6ab5d2;font-size:8pt;text-decoration:none;}
#entries .entry ul.entry-separator li a:hover {color:#313030;}
#entries .entry .read-more {
background:url(../images/arrow.gif) no-repeat center left;
padding:5px 0 5px 12px;
}
.older-newer {
clear:both;
list-style:none;
margin:0;
padding:0 25px 25px 25px;
}
.older-newer  .older {float:left;}
.older-newer  .newer {float:right;}
.older-newer  a {
background:#6ab5d2;
color:#FFF;
display:block;
float:left;
font-size:11px;
font-weight:bold;
padding:5px 10px 5px 17px;
text-decoration:none;
}
.older-newer .older a {background:#6ab5d2 url(../images/previous.gif) no-repeat 7px 10px;}
.older-newer .newer a {background:#6ab5d2 url(../images/arrow-dark.gif) no-repeat 55px 10px;padding:5px 17px 5px 10px;}
.older-newer a:hover {background-color:#9ebe5e;}
/* comments */
.comments-block {
clear:both;
margin:15px 25px;
}
.comments-block * {list-style:none;margin:0;padding:0;}
.comments-block h3 {
border-bottom:#9ebe5e 2px solid;
color:#6ab5d2;
font-size:12px;
margin:0 0 5px 0;
padding:2px 0;
}
.comments-block p {padding:5px 10px;}
.comments-block .add-comment {
border-bottom:#EBEBEB 1px solid;
padding:5px 10px 10px 10px;
}
.comments-block .add-comment a {
background:#6ab5d2;
color:#FFF;
display:block;
float:right;
font-size:12px;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
}
.comments-block .add-comment a:hover {background:#9ebe5e;color:#FFF !important;}
.comments-block .add-comment em {
display:block;
padding:5px 0;
}
.comments-block #comments-list {
padding:10px 0;
}
.comments-block .comment {
background:#f7f7f7;
border:#EFEFEF 1px solid;
line-height:1.4;
margin:5px;
padding:10px;
}
.comments-block .comment ul {padding:10px 0 0 0;}
.comments-block .comment .comment {background:#FFF;}
.comments-block .comment .comment .comment {background:#f7f7f7;}
.comments-block .comment .comment .comment .comment {background:#FFF;}
.comments-block .comment .comment .comment .comment .comment {background:#f7f7f7;}
.comments-block .comment .comment .comment .comment .comment .comment {background:#FFF;}
.comments-block .comment .comment .comment .comment .comment .comment .comment {background:#f7f7f7;}
.comments-block .comment .avatar {
background:#FFF;
border:#CCC 1px solid;
float:left;
height:50px;
margin:0 10px 5px 0;
width:50px;
}
.comments-block .comment .reply {
color:#6ab5d2;
float:right;
font-size:9pt;
text-decoration: none;
}
.comments-block .comment .spam {
color:#6ab5d2;
float:right;
font-size:9pt;
margin-right:10px;
text-decoration: none;
}
.comments-block .comment h4 {
color:#b7b7b7;
font-size:9pt;
margin:0 0 5px 0;
}
.comments-block .comment h4 strong {
color:#709c17;
font-weight:bold;
font-size:10pt;
text-decoration:none;
}
.comments-block .comment p {
padding:0;
margin:5px 0 5px 0;
}
/* comment form */
    #comment_form-user_info {float: right; display: block;}
        #comment_form-user_info a {font-size: 8pt; margin:0; padding: 0}
        
.comments-block ul#comment-confirm-options {
background:url(../images/pixel.gif) repeat-x 0 21px;
font-size:0.9em;
margin:0 0 15px 0;
}
.comments-block #comment-confirm-options li {
display:block;
float:left;
}
.comments-block #comment-confirm-options li a {
background:#eee;
border:1px #ccc solid;
display:block;
font-weight:bold;
line-height:20px;
text-align:center;
text-decoration:none;
width:120px;
}
.comments-block #comment-confirm-options li a.chosen {
background:#fff;
border-bottom:1px #fff solid;
color:#121212;
}
.comments-block p#AuthorEmailInput {
float:left;
margin-right:5% !important;
width:40%;
}
.comments-block p#AuthorPassInput, .comments-block p#AuthorNameInput {
float:left;
width:51%;
}
.comments-block form {
padding:10px;
}
.comments-block form p {
padding:0 0 5px 0;
}
.comments-block form p.error {
background:#ffc url(alert-error.gif) top left no-repeat;
border:1px #cc9 solid;
clear:both;
color:#933;
font-weight:bold;
margin:0 0 1em 0;
padding:5px 5px 5px 25px;
}
.comments-block #commentform h4 {
color:#444;
font-size:0.9em;
font-weight:bold;
margin:0 0 5px 0;
}
.comments-block form h6#AuthorCommPreview {
margin-top:30px;
}
.comments-block form label {
color:#444;
display:block;
font-size:0.9em;
font-weight:bold;
}
.comments-block p#AuthorNotifyInput label {
display:inline;
font-size:1em;
font-weight:normal;
}
.comments-block form input.formtext, .comments-block form textarea {
border:1px #999 solid;
font-family:Verdana, Geneva, sans-serif;
font-size:1em;
line-height:1.4;
padding:3px 5px;
width:96%;
}
.comments-block form textarea {
width:96%;
}
.comments-block form input.formtext:focus, .comments-block form textarea:focus {
border:1px #069 solid;
}
.comments-block form input.form-button {
font-weight:bold;
}
/* form overrrides */
.comments-block #signin .formtext, .comments-block #contact .formtext {
width:inherit;
}
.comments-block #results .formtext {
font-weight:bold;
margin-right:10px;
width:465px;
}
.comments-block #results .form-button {
margin-bottom:-6px;
}

/*- SIDEBAR -*/
#sidebar {
background:url(../images/sidebar-background.png) no-repeat;
float:right;
overflow:hidden;
padding:65px 20px 20px 20px;
width:360px;
}
#sidebar .block {
margin:0 0 15px 0;
}
/* search */
#sidebar #search {
margin:0 0 5px 0;
padding:0;
}
#sidebar #search fieldset {border-width:0;}
#sidebar #search legend {display:none;}
#sidebar #search input[type="text"] {
background:#FFF url(../images/search-icon.png) no-repeat 8px 8px;
border:#ececec 2px solid;
color:#d7d7d7;
float:left;
font-size:10pt;
padding:7px 5px 7px 25px;
width:255px;
}
#sidebar #search input[type="text"]:focus {
border-color:#6ab5d2;
color:#313030;
}
#sidebar #search input[type="submit"] {
background:#6ab5d2;
border-width:0;
color:#FFF;
cursor: pointer;
float:left;
font-size:11px;
font-weight:bold;
height:26px;
margin:5px 0 0 5px;
overflow: hidden;
padding:5px 10px 5px 10px;
text-decoration:none;
width:65px;
}
#sidebar #search input[type="submit"]:hover {background:#9ebe5e;color:#313030;}
#sidebar .tooltip {position:relative;}
#sidebar .tooltip p {background:#FFF;border:#000 2px solid; border-width:1px 2px 2px 1px;border-top-color:#EBEBEB;border-left-color:#EBEBEB;display:none;left:15px;padding:10px;top:30px;position:absolute;width:160px;z-index:5000;}
#sidebar .left .tooltip p {left:10px;}
#sidebar .tooltip:hover p {display:block;}
/* about */
#sidebar #about {
background:#FFF;
padding:15px;
}
#sidebar #about a {
text-decoration:none;
}
#sidebar #about * {list-style:none;margin:0;padding:0;}
#sidebar #about h3 {
color:#9ebe5e;
float:left;
font:20px Tahoma, Verdana, Sans-Serif;
font-weight:bold;
margin:0 0 1px 0;
width:170px;
}
#sidebar #about .read-more {
background:#6ab5d2 url(../images/arrow-dark.gif) no-repeat 7px 10px;
clear:left;
color:#FFF;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin:10px 0 0 0;
padding:5px 10px 5px 17px;
text-decoration:none;
}
#sidebar #about .read-more:hover {background:#9ebe5e url(../images/arrow-dark.gif) no-repeat 7px 10px;}
#sidebar #about .links {
float:right;
margin:0 0 0 10px;
width:145px;
}
#sidebar #about .links img {
background:#EBEBEB;
height:110px;
margin:0 5px 0 0;
width:145px;
}
#sidebar #about .links ul li {
float:left;
margin:5px 0 0 0;
width:145px;
}
#sidebar #about .links ul li a {
color:#9ebe5e;
display:block;
float:left;
font-size:8pt;
font-weight:bold;
padding:5px 5px 5px 25px;
text-decoration:none;
width:115px;
}
#sidebar #about .links ul li a.twitter {
background:#dbe4cb url(../images/twitter-icon.gif) no-repeat 5px 5px;
}
#sidebar #about .links ul li a.rss {
background:#dbe4cb url(../images/rss-icon.gif) no-repeat 5px 5px;
}
#sidebar #about .links ul li a.email {
background:#dbe4cb url(../images/email-icon.gif) no-repeat 5px 5px;
}
/* TAB SETS */
#sidebar .tabs {
clear:both;
margin:15px 0 !important;
position:relative;
z-index:1;
}
#sidebar .tabs,#sidebar .tabs * {list-style:none;margin:0;padding:0;}
#sidebar .tabs h3 {
background-position:left bottom;
cursor: pointer;
left:0;
position:absolute;
top:0;
z-index:1000;
}
#sidebar .tabs li.tab-block {float:left;}
#sidebar .tabs li.selected h3 {
padding:0;
}
#sidebar .tabs h3#featured-tab {background-image:url(../images/featured-tab.gif);left:32px;}
#sidebar .tabs h3#popular-tab {background-image:url(../images/popular-tab.gif);left:182px;}
#sidebar .tabs h3#active-tab {background-image:url(../images/active-tab.gif);left:24px;}
#sidebar .tabs h3#recent-tab {background-image:url(../images/recent-tab.gif);left:188px;}
#sidebar .tabs h3#featured-tab a {background-image:url(../images/featured-tab.gif);width:146px;}
#sidebar .tabs h3#popular-tab a {background-image:url(../images/popular-tab.gif);width:146px;}
#sidebar .tabs h3#active-tab a {background-image:url(../images/active-tab.gif);width:160px;}
#sidebar .tabs h3#recent-tab a {background-image:url(../images/recent-tab.gif);width:146px;}
#sidebar .tabs h3 a {
background-position:left bottom;
color:#c7c7c7;
font:12px Tahoma, Verdana, Sans-Serif;
display:block;
font-weight:bold;
padding:11px 0;
text-decoration:none;
text-indent: -5000px;
}
#sidebar .tabs h3 a:hover {background-position:left center;color:#709c17;}
#sidebar .tabs li.selected h3 {background-position:left top;}
#sidebar .tabs li.selected h3 a {background-position:left top;color:#6c6c6c;}
#sidebar .tabs .tab-content {
background:#f8f8f8 url(../images/tabcontent-background.gif) repeat-x 0 0;
border:#dddddd 1px solid;
border-width:0 1px 1px 1px;
display:none;
float:left;
margin:31px 0 0 0;
padding:15px 15px 15px 15px;
width:330px;
}
#sidebar .tabs li.selected .tab-content {display:block;}
#sidebar .tabs .tab-content li {
border-bottom:#d9d9d9 1px dotted;
padding:8px 0;
}
#sidebar .tabs .tab-content h4 a {
font-weight:bold;
text-decoration:none;
}
#sidebar .tabs .tab-content .comment {color:#b7b7b7;}
#sidebar .tabs .tab-content .comment a {font-weight:bold;text-decoration:none;}
#sidebar .tabs .tab-content .comment a.comment-user {color:#6ab5d2;}
#sidebar .tabs .tab-content .comment abbr {font-size:8pt;}
#sidebar .tabs .tab-content .meta {
color:#b7b7b7;
font-size:8pt;
}
#sidebar .tabs .tab-content .meta a {color:#6ab5d2;}
#sidebar .tabs .tab-content .meta a:hover {color:#313030;}
/* COLUMNs */
#sidebar .column {
background:url(../images/tabcontent-background-small.gif) repeat-x 0 25px;
float:right;
width:170px;
}
#sidebar .column.left {float:left;}
#sidebar .column.full {clear:both;float:none;width:100%;}
#sidebar .column.full {background: url(../images/tabcontent-background.gif) repeat-x 0 25px;}
#sidebar .column * {list-style:none;margin:0;padding:0;}
#sidebar .column h3 {
font-size:13px;
}
#sidebar .column ul {padding:10px 0 20px 0;}
#sidebar .column li {padding:3px 0 0 0;}
#sidebar .column li img {border-width:0;}
#sidebar .column.full ul {
padding:15px;
}
#sidebar .column.full li {
border-bottom:#d9d9d9 1px dotted;
color:#b7b7b7;
padding:8px 0;
}
#sidebar .column.full.friends ul {
padding: 8px 0 0 0;
}
#sidebar .column.full.friends li {
border-bottom: 0;
color:#b7b7b7;
padding:8px 10px 8px 0;
float:left;
}
#sidebar .column.full.friends li.last {
padding-bottom: 20px;
}
#sidebar .column.full li a {text-decoration:none;}
#sidebar #comicmixTitles ul {padding:15px 0;}
#sidebar #comicmixTitles.column.full li {border-width:0;display:inline;float:left;text-align:center;width:33%;}
#sidebar #comicmixTitles.column.full li strong {display:block;font-size:8pt;padding:5px 0;text-transform:uppercase;}
#sidebar #comicmixTitles.column.full p {clear:both;font-size:8pt;text-align:center;}
/*- FOOTER -*/
#footer {
background:#FFF;
clear:both;
}
margin:0;
#footer a {text-decoration:none;}
#footer * {list-style:none;margin:0;padding:0;}
#footer .copyright {
float:left;
padding:17px 10px 16px 10px;
}
#footer .utilities {
float:right;
padding:17px 10px 16px 10px;
}
#footer .utilities li {display:inline; margin:0 10px 0 0;}
#footer .plug {float:right;}
#footer .plug a {
background:#313030 url(../images/crowdfusion.jpg) no-repeat top left;
display:block;
padding:17px 0 16px 0;
text-indent:-5000px;
width:200px;
}
#footer .plug a:hover {
background-position:bottom left;
}
/*- FEEDBACK FORM -*/
#feedbackform {background:#EFEFEF;border:#EBEBEB 1px solid;padding:10px;}
#feedbackform label {display:block;margin:5px 0 0 0;}
#feedbackform p input {padding:5px;width:300px;}
#feedbackform p.form-button input {padding:0;width:auto;margin:5px 0;}
#feedbackform p textarea {padding:5px;width:500px;height:120px;}

#entries div.pagination-bottom div.pagination-links span a {
padding: 2px;
text-decoration: none;
}

#entries div.pagination-bottom {
float: right;
padding: 10px 0 10px 0;
}


/* FORM NOTICE */

.notice {
    background:#FFFFCC;
    border:1px #cc9 solid;
    clear:both;
    color:#333;
    font-weight: normal;
    margin:0 0 1em 0;
    padding:5px 5px 5px 5px !important;
}
.notice ul {
margin: 0;
    padding: 0 0 0 0 !important;
    list-style: none outside !important; 
}
.notice ul li {
margin: 0;
padding: 2px 5px;
}