@import 'reset-min.css';
@import 'fonts-min.css';

@import 'structure.css';
@import 'wktv.css';

html { background-color: #fff; }

body{
    text-align:center;
    margin:0;
    padding:0;
    color:#333;
    font-family:'arial','Lucida Grande','Lucida Sans Unicode','Lucida','Trebuchet MS','Helvetica',sans-serif;
    font-size:76%;
    line-height:1.5em;
}

h1,h2,h3,h4,h5,h6{
    color:#000;
}
h1{ font-size:22px; margin:0 0 15px 0; color:#25418c; }
h2{ font-size:18px; margin:15px 0 5px 0; color:#25418c; }

h3{
    margin:10px 0 5px 0;
}

img{ vertical-align:top; }

a:link, a:visited{ color:#1a2f68; font-weight:bold; }
a:hover{ text-decoration:none; }

p.error,p.D_error{ color:#ba1400; background-color:#f8e6e4; xpadding:10px; font-weight:bold; font-size:13px; }
p.notice,p.D_notice{ color:#007cba; background-color:#e4f1f8; xpadding:10px; font-weight:bold; font-size:13px; }

p,ul,ol,table{ margin:0 0 5px 0; }
p{ margin:0 0 10px 0; xline-height:1.35em; }

ul li, ol li{ margin:5px 0; }
ol{
    list-style-type:decimal;
    padding:0 0 0 30px;
    color:#999;
}
ol li{ color:#333; }
ul{
    list-style-type:square;
    padding:0 0 0 20px;
}
li img{ vertical-align:middle; margin:0 0 0 3px; }

p.more{
    xmargin:5px 0;
    xpadding:0 0 0 15px;
    xbackground:transparent url(/images/go_bullet.png) no-repeat 2px 60%;
    xclear:both;
    font-weight:bold;
}

strong{
    font-weight:bold;
}
em{
    font-style:italic;
}

table tr th, table tr td{ vertical-align:top; padding:3px; }
table tr th{
    font-weight:bold;
}

a img{ border:0; }
img.right{ float:right; margin:0 0 5px 10px; }
img.left{ float:left; margin:0 10px 5px 0; }



/*=== Page layout elements (see structure.css for positioning styles) ========*/

#container{
    background:transparent url(/images/alt/header.png) no-repeat 50% 0;
}

#header{
    color:#a6a5c8;
    position:relative;
    font-size:85%;
}
#header a{ color:#fff; font-weight:bold; }
#header h1{
    width:200px;
    height:60px;
    margin:0 auto;
    padding:0;
    background:transparent url(/images/alt/logo.png) no-repeat 0 0;
}
#header h1 a{
    width:200px;
    height:60px;
    display:block;
    background:transparent url(/images/alt/logo.png) no-repeat 0 0;
    text-indent:-100em;
    overflow:hidden;
}

#sub{ font-size:90%; }
#sub div{ margin-bottom:15px; }

#footer{
    background:transparent url(/images/alt/footer.png) no-repeat 50% -15px;
    color:#dee4ed;
    font-size:85%;
}
#footer p{
    margin:5px 0 0 0;
}
#footer a{
    color:#fff; font-weight:bold;
}

div.wide{
    xfloat:right;
    xwidth:785px;
    margin-bottom:20px;
}



/*=== "Box" styles ===========================================================*/

* div.box{
    padding:0 10px 10px 10px;
    margin:0 0 20px 0;
    background:#cbd1de url(/images/boxes/header.png) no-repeat 0 0;
    text-align:left;
    clear:both;
    xborder-bottom:5px solid red;
}
* div.box h1,
* div.box h2{

    font-size:14px;
    color:#fff;
    padding:0 10px;
    margin:0 -10px 10px -10px;
    height:30px;
    line-height:30px;
    background:transparent url(/images/boxes/header.png) no-repeat 100% -30px;
}
* div.box h1 a,
* div.box h2 a{
    color:#fff;
    text-decoration:none;
}
* div.box div.footer p { font-size:10px }

* div.box h1 small.date,
* div.box h2 small.date{
    float:right;
    font-size:11px;
    line-height:30px;
}


/* "Easy-clearing" hack to keep floated elements from overflowing their boxes: */
* div.box:after{ content:'.';visibility:hidden;display:block;clear:both;height:0; }
* html div.box{ height:1%; }

body.account #sub{ padding-top:0px; }

* #sub div.box.affiliate{ background-image:url(/images/boxes/header_affiliate.png); background-color:#dbe8ff; }
* #sub div.box.affiliate h2{ background-image:url(/images/boxes/header_affiliate.png); }
* #sub div.box.affiliate a{ color:#386cc3; }
* #sub div.box.affiliate div.footer{ background-color:#c6dbff; }

* #sub div.box.alternate{ background-image:url(/images/boxes/header_alt.png); background-color:#cdd7e6; }
* #sub div.box.alternate h2{ background-image:url(/images/boxes/header_alt.png); }
* #sub div.box.alternate div.footer{ background-color:#dce591; }

* div.box.sub{ background-image:url(/images/boxes/header_light.png); background-color:#cbd1de; }
* div.box.sub h2{ background-image:url(/images/boxes/header_light.png); color:#1a2f68; }

* div.box.alert{ background-image:url(/images/boxes/header_alert.png); background-color:#f9e9a8; color:#333128; }
* div.box.alert h2{ background-image:url(/images/boxes/header_alert.png); margin-bottom:0px; font-size:14px; color:#4c3b00; }
* div.box.alert div.footer{ background-color:#f6df84; font-size:10px; margin-top:0; }
* div.box.alert a{ color:#4c3b00; }

* #sub div.box.top{ background:none; border:1px solid #cdd7e6;}
* #sub div.box.top h2{
    background:none;
    padding:0 0 5px 0;
    margin:10px 0 5px 0;
    line-height:1em;
    height:auto;
    color:#333;
    font-size:11px;
    font-weight:bold;
    border-bottom:1px dotted #cdd7e6;
}
* #sub div.box.top h2 em{ font-weight:bold; font-style:normal; display:block; font-size:14px; }

* div.box.col-large{ float:left; width:448px; clear:none; margin-right:20px; }
* div.box.col-medium{ float:left; width:277px; clear:none; margin-right:0; }


/*=== Advertisements =========================================================*/

/* Ads within "ad" columns: */
div#ads{ text-align:center; } /* next two lines: center all img-based ads */
div#ads img{ margin:auto; }
div#ads table{ text-align:left; } /* reset AdSense text-alignment */
div#ads div{ margin:0 0 20px 0; }

/* Ads outside of "ad" columns: */
div.ad{
    margin:0 0 20px 0;
    text-align:center;
    display:block;
}
div#ads div div,
div.ad div{ margin:0; }
div.ad:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    margin:0;
    padding:0;
}
div#main div.ad{ margin-top:20px; }


/*=== Blogs ==================================================================*/

#blogs .featured{
    float:left;
    width:219px;
}
#blogs .featured img{
    float:left;
    margin:0 10px 5px 0;
}
#blogs .list{
    float:left;
    width:188px;
    padding-left:15px;
    margin-left:15px;
    border-left:1px solid #fff;
    font-size:85%;
}
#blogs .list h3{
    margin:2px 0;
}

div.blog{ margin-bottom:20px; }
div.blog div.header{ margin-top:10px; margin-bottom:15px; vertical-align:top; padding-top:0; }
div.blog div.header img{ float:left; margin:0px 10px 5px 0; width:38px; vertical-align:top; }
div.blog div.header h1{ font-size:22px; line-height:1.2em; margin:0 0 4px 0; }
div.blog div.header h3{ margin:0 0 5px 0; line-height:1em; font-weight:bold; font-size:14px;}

div.blog div.header small{ font-size:13px; font-weight:bold; display:block; }
div.blog div.header p{ margin:0; }

div.blog img{ float:right; margin:0 0 5px 10px; }

div.blog.summary div.header{ margin-bottom:5px; }
div.blog.summary{ border-bottom:1px solid #cbd1de; margin-bottom:15px; padding-bottom:15px; }
div.blog.summary div.header img{ width:28px; }
div.blog.summary div.header h2{ margin:0 0 6px 0; font-size:16px; }
div.blog.summary div.header small{ font-size:10px; margin-bottom:6px; }

p.tags{ font-size:90%; font-weight:bold; }

div.blog.summary img{ float:right; margin:0 0 4px 4px; }

div.box div.blog.summary{ border-bottom:0; margin-bottom:0; padding-bottom:0x; }

#comments img{ float:left; margin:0 8px 6px 0; }
#replies img{ float:left; margin:0 8px 6px 0; }

#commentform form img{ margin:0 8px 6px 0; width:40px; }


div.topic{ margin-bottom:20px; }
div.topic div.header{ margin-bottom:15px; }
div.topic div.header img{ float:left; margin:0px 10px 5px 0; width:38px; }
div.topic div.header h1{ font-size:22px; line-height:1.2em; margin:0 0 4px 0; }
div.topic div.header small{ font-size:13px; font-weight:bold; display:block; }
div.topic div.header p{ margin:0; }

div.blog img{ float:right; margin:0 0 5px 10px; max-width:300px; }


ul.recent{ list-style-type:none; margin:10px 0; padding:0; }
ul.recent li{ vertical-align:middle; overflow:auto; margin:0 0 5px 0; padding:0 0 0 24px; }
ul.recent li img{ float:left; margin:0 0 0 -24px; vertical-align:middle; }

img.micro{ width:18px; xclip:rect(3px,18px,21px,0); }
img.medium{ width:240px; xclip:rect(3px,18px,21px,0); }

/*= Shopping =*/

div#shop{
    margin:0;
}
div#shop:after{
    content:'.';
    visibility:hidden;
    display:block;
    clear:both;
    height:0;
}

div#shop div.hot{
    float:right;
    margin-left:20px;
    width:50%;
}
div#shop div.hot img{
    float:right;
    width:50px;
    border:0;
    margin:0 0 5px 10px;
}
div#shop div.hot ul li a{
    display:block;
    margin:0 0 .5em 0;
}
div#shop div.hot ul li{
	margin:10px 0;
    clear:right;
    padding:0;
    background:none;
}

div#shop div.search{
    width:50%;
}
div#shop div.search form{
    padding-right:20px;
}
div#shop div.search form fieldset{
    border:0;
    margin:0;
    padding:0 7em 0 0;
    position:relative;
    xfont-size:100%;
}
div#shop div.search form fieldset input.search{
    width:100%;
}
div#shop div.search form fieldset input.submit{
    position:absolute;
    right:0;
    top:0;
    width:6em;
    padding:0;
    font-size:100%;
}









/*= Home Page Links Box =*/

#main #links div ul{ overflow:none; width:100%; margin:0; padding:0; zoom:1; }
#main #links div ul:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden;}

#main #links div ul li{ float:left; width:50%; margin:0; padding:0; line-height:1.25em; }

#main #links.grouped{
    margin-top:0;
    padding:auto 0;
    font-size:90%;
}
#main #links:after,
#main #links.grouped:after{content:'.';visibility:hidden;display:block;clear:both;height:0; }

#main #links.grouped div{
    margin:0;
    margin-top:0;
    padding:0;
    clear:left;
}
#main #links.grouped div ul li{
    margin:5px 0;
}
#main #links.grouped ul{
    list-style-type:none;
}
#main #links.grouped ul,
#main #links.grouped form{
    margin:0;
    padding:0;
}
#main #links.grouped ul.nav{
    background:transparent url(/images/alt/links_nav.png) no-repeat 0 -30px;
    height:30px;
    margin:-10px -10px 10px -10px;
    padding:0;
}
#main #links.grouped ul.nav li{
    margin:0;
    padding:0;
    display:inline;
}
#main #links.grouped ul.nav li a{
    margin:0;
    padding:0;
    height:30px;
    float:left;
    text-decoration:none;
    color:#77a;
    background:transparent url(/images/alt/links_nav.png) no-repeat 0 0;
    cursor:pointer;
    text-indent:-100em;
    overflow:hidden;
}
#main #links.grouped ul.nav li.categories a:hover{ background-position:0 -60px;}
#main #links.grouped ul.nav li.new a:hover{ background-position:-91px -60px;}
#main #links.grouped ul.nav li.cool a:hover{  background-position:-163px -60px;}
#main #links.grouped ul.nav li.hot a:hover{ background-position:-239px -60px;}
#main #links.grouped ul.nav li.featured a:hover{ background-position:-303px -60px; }
#main #links.grouped ul.nav li.search a:hover{ background-position:-401px -60px; }

#main #links.grouped ul.nav li.categories a.on{ background-position:0 -30px;}
#main #links.grouped ul.nav li.new a.on{ background-position:-91px -30px;}
#main #links.grouped ul.nav li.cool a.on{  background-position:-163px -30px;}
#main #links.grouped ul.nav li.hot a.on{ background-position:-239px -30px;}
#main #links.grouped ul.nav li.featured a.on{ background-position:-303px -30px; }
#main #links.grouped ul.nav li.search a.on{ background-position:-401px -30px; }

#main #links.grouped ul.nav li.categories a{ width:91px; background-position:0 0;}
#main #links.grouped ul.nav li.new a{ width:72px; background-position:-91px 0;}
#main #links.grouped ul.nav li.cool a{  width:76px; background-position:-163px 0;}
#main #links.grouped ul.nav li.hot a{ width:64px; background-position:-239px 0;}
#main #links.grouped ul.nav li.featured a{ width:98px; background-position:-303px 0; }
#main #links.grouped ul.nav li.search a{ width:67px; background-position:-401px 0; }

#main #links.grouped div.footer{
    margin:10px -10px -15px -10px;
    padding:0;
}
#main #links.grouped p.more{
    margin:0;
    padding:10px;
}

#main #links.grouped form fieldset{
    margin:5px 0 0 0;
    padding:0 7em 0 0;
    border:0;
    position:relative;
    font-size:100%;
}
#main #links.grouped form fieldset input{
    width:100%;
}
#main #links.grouped form fieldset input.submit{
    position:absolute;
    right:0;
    top:0;
    width:6em;
    font-size:100%;
}
#main #links.grouped #breadcrumbs{
    padding:7px 20px 7px 20px;
    margin:-10px -15px 5px -15px;
    xbackground-color:#e7ebf2;
    border-bottom:3px solid #eff2f6;
}
#main #links.grouped #breadcrumbs,
#main #links.grouped #breadcrumbs a{
    color:#5c6a8d;
    text-decoration:none;
}


div#morelinks{
    border-top:1px solid #cdd7e6;
    padding:10px;
    margin:10px 0 20px 0;
}
div#morelinks a,
div#morelinks strong{
    padding:3px 7px;
    margin:0;
    border:1px solid #cdd7e6;
}
div#morelinks strong{
    background-color:#c9d1de;
    border:1px solid #5f6d8e;
}
div#morelinks a:hover{
    border:1px solid #5f6d8e;
}

div#links_categories ul li{
    width:50%;
    float:left;
}
div#links_categories ul:after{content:'.';visibility:hidden;display:block;clear:both;height:0; }



/*--- Accounts / user data ---------------------------------------------------*/


#header{
    text-align:center;
}

#header #info{
	position:absolute; top:16px; right:15px;
    vertical-align:middle;
    font-size:11px;
    line-height:14px;
    margin:0;
    color:#dee4ed;
    outline:x1px solid red;
    width:276px; text-align:left;
}
#header #info p{ margin:0 0 6px 0; }
#header #info a{
	text-decoration:none; border-bottom:1px solid #5e79b1; margin:0 3px 0 0;
}
#header #info img{
    float:left; margin:0 10px 10px 0; height:28px;
}
#header #account,
#header #status{
    display:inline;
}

#header #account div.loggedin,
#header #account div.loggedout{
    display:inline;
}



#header #account p,
#header #status p{
    margin:0 10px;
    line-height:18px;
    display:inline;
    border-right:1px solid #ccc;
    margin-right:0;
    padding-right:10px;
    display:inline;
}

#header #account strong,
#header #status strong{ color:#333; }

#header #account a,
#header #status a{
    color:#333;
}
#header #status p.date{
    border:0;
}

#header #status{
    xwidth:310px;
    xfloat:right;
    xmargin:10px 0;
    xtext-align:left;
}



#header #sponsors{ position:absolute; top:0; left:0; width:180px; height:90px; text-align:left;  }
#header #sponsors a,#header #sponsors img{ float:left; margin:0; padding:0; width:90px; height:90px;} 





/*--- Calendar ---------------------------------------------------------------*/

#calendar{
    padding:0;
}
#calendar h2{
    margin:0;
}
#calendar table{
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
}
#calendar table th{
    font-weight:bold;
    background-color:#c9d1de;
}
#calendar table thead th{
    xbackground-color:#d1d8e3;
    border-bottom:1px solid #fff;
}
#calendar table tbody th{
    xbackground-color:transparent;
}

#calendar table caption{
    font-weight:bold;
    padding:.5em 0;
    margin:0 auto;
    text-align:center;
    width:100%;
}
#calendar table th,
#calendar table td{
    text-align:center;
    xbackground-color:#fff;
    border:1px solid #fff;
    border-width:0 1px 1px 0;
    padding:1em 0;
}
#calendar table td a{
    font-weight:bold;
}


/*--- Small Blog Calendar ----------------------------------------------------*/

.calendar table{
    margin:0 0 20px 0;
    xborder:1px solid #ccc;
}
.calendar table tr th,
.calendar table tr td{
    padding:3px;
    text-align:center;
    border:1px solid #ddd;
}


* div.box div.footer{
    font-weight:bold;
    clear:both;
    margin:10px -10px -10px -10px;
    padding:10px 10px 10px 10px;
    background-color:#d4dae2;
    text-align:right;
    overflow:auto;
    zoom:1;
}
#sub div.box div.footer{ margin-bottom:-10px; }
* div.box div.footer img{
    vertical-align:middle;
}
* div.box div.footer p{ margin:0; padding:0; }
* div.box div.footer p.more{
    float:left;
}






/*--- Navigation Menus -------------------------------------------------------*/

ul#menu a{
    font-weight:bold;
}
ul#menu,
ul#menu ul{
    list-style-type:none;
    margin:10px 0 20px 0;
    padding:0;
    text-align:left;
    padding-left:15px;
}
ul#menu ul{
    padding-left:0;
}
ul#menu ul a{
    font-weight:normal;
}
ul#menu li{
    margin:3px 0;
    padding:0;
}
ul#menu ul li.here a{
    font-weight:bold;
}

ul#menu li ul li{ background:transparent url(/) no-repeat 0 0; padding:3px 0 3px 24px; }
ul#menu li ul li.new{ background-image:url(/images/lj/new.gif); background-position:3px 0; }
ul#menu li ul li.cool{ background-image:url(/images/lj/cool.gif); }
ul#menu li ul li.hot{ background-image:url(/images/lj/hot.gif); background-position:2px 0; }
ul#menu li ul li.featured{ background-image:url(/images/lj/featured.gif); }


#related div,
#nav div{
    margin:0 0 20px 0;
}






div.image_verify p strong{
    color:#f00;
}
/*div.image_verify label,
div.image_verify input{
    float:left;
}*/
/*div.image_verify label{
    margin:5px 5px 0 0;
    clear:left;
}*/

/*div.image_verify p{
    padding-left:11em;
}

div.image_verify{
    _height:1%;
}
div.image_verify:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    content:'.';
}
div.image_verify input{
    width:6em;
}*/
div.image_verify img{
    float:right;
    margin:0 0 5px 10px;
}
#commentform form .image_verify img{ width:auto; }

div.required label{ font-weight:bold; }
span.asterisk{ color:red; }

td.image_verify p strong{
    color:#f00;
}
td.image_verify label,
td.image_verify input{
    float:left; clear:left;
}
td.image_verify label{
    margin:5px 5px 0 0;
    clear:left;
}

td.image_verify p{
    padding-left:11em;
}

td.image_verify{
    _height:1%;
}
td.image_verify:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    content:'.';
}
td.image_verify input{
    width:6em;
}
td.image_verify img{
    float:left;
    margin:0 10px 5px 0; 
}

#comments h2{ margin-bottom:0; }
#comments ol{ list-style-type:decimal; /*margin:0; padding:0;*/ font-weight:bold; color:#333; }
#comments ol li{
    margin:0 -10px 0 -3px;
    padding:15px 10px 5px 10px;
    border-bottom:1px solid #ffffff;
    xoverflow:auto;
    font-weight:normal; color:auto; clear:left;
}
#comments ol p big{ color:#25418c; font-size:14px; }
#comments ol img{ width:40px; }
#comments ol li.admin{ background-color:#b2bed9; }

#replies ul{ list-style-type:none; margin:0; padding:0; }
#replies ul li{
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:1px solid #ffffff;
    overflow:auto;
}
#replies ul p big{ color:#25418c; font-size:14px; }
#replies ul img{ width:40px; }

#replyform img{ margin:0 10px 0 0; }


form{
    margin:10px 0;
    padding:0;
}

form div {
    margin:10px 0;
    padding:0 0 0 100px;
    clear:left; zoom:1;
}
form div:after { content:'.'; height:0; display:block; visibility:hidden; }

form div label{
   float:left;
   xfont-size:10px;
    xfont-weight:bold;
    margin:0 0 3px -100px; width:90px;
}

form fieldset{
    border:0;
    padding:0;
}

form fieldset div p{ display:block; margin:5px 0;  }
form fieldset div small{ display:block; margin:5px 0 10px 0; font-size:11px; }


form fieldset div input,
form fieldset div textarea{
    xwidth:100%; font-size:14px;
}


/*=== Suggestions Forms ===*/

div.suggest h2{ margin:0 0 10px 0; background-color:#fff; margin:-5px -5px 10px -5px; padding:5px; }
div.suggest{
    margin:20px 0;
    padding:10px;
    background-color:#ff9;
    border:1px solid #ff0;
}
div.suggest a{
    font-size:14px;
    xcolor:#b29b00;
    display:block;
    padding:5px;
    background-color:#fff;
    margin:-5px;
}

/*=== Jam New Link Form ===*/
div.box.alert form fieldset input, 
div.box.alert form fieldset textarea { 
	width: 320px;
}
div.box.alert form fieldset div.d_zip input { width: 75px; }


/* === Not sure where to stick these yet ===*/

h3 span.num{ white-space:nowrap; font-weight:normal; }


p.back{ display:block; margin:0 0 20px 0; }

#replies table,
#replies table td{ width:100%; }
#replies table td,
#replies table th{ border:1px solid #cdd7e6; border-width:1px 0; }
#replies table th{ white-space:nowrap; }

#topics{ margin-bottom:20px; }
#topics table{ width:100%; }
#topics table th{ border-bottom:2px solid #b2bbce; background-color:#dee4ed; }
#topics table td{ border:1px solid #cdd7e6; border-width:1px 0; }
#topics table th{ white-space:nowrap; }

#sub div.box ul.replies{ margin-left:0; padding-left:30px; list-style-type:none; }
#sub div.box ul.replies li{ margin-left:0; padding-left:0; line-height:1em; }
#sub div.box ul.replies li p{ margin-bottom:.5em; }
#sub div.box ul.replies li img{ float:left; width:20px; margin-left:-30px; }

ul.replies{ margin-left:0; padding-left:30px; list-style-type:none; }
ul.replies li{ margin-left:0; padding-left:0; line-height:1em; }
ul.replies li p{ margin-bottom:.25em; }
ul.replies li img{ float:left; width:20px; margin-left:-30px; }


p.back{ margin:5px 0; }

#breadcrumbs{ margin:-10px 0 15px 0; font-size:90%; font-weight:normal; z-index:1000; zoom:1; }

.nowrap{ white-space:nowrap; }