body
{
    margin:0;
    padding:0;
    font:1em Myriad, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-style:roman;
    text-decoration:none;
    color:Black;
    background:#BDBDB9 url('background.png');
    text-align:center;      /* IE hack */
    vertical-align:top;
}


h1
{
    margin:0px 14px 0px 14px;
    padding:14px 0px 12px 0px;
    font:0.9em Verdana, sans-serif;
    font-weight:bold;
}


p
{
    margin:0px 14px 0px 14px;
    padding:0px 0px 12px 0px;
    font-size:0.8em;
}


pre
{
    margin:0px 14px 0px 14px;
    padding:8px 0px 20px 0px;
    font-size:0.75em;
    color:#448;
}


img
{
    display:block;
    border:0;
}


table
{
    margin:8px 0px 8px 0px;
    padding:0;
    border:0;
}


td
{
    padding:0;
}


a           { color:#38AFD6;  text-decoration:none; }
a:hover     { color:#38AFD6;  text-decoration:underline; }


.wrapper
{
    margin:0px auto 0px auto;
    padding:0;
    width:600px;
    text-align:left;
    border:0;
    background:url('racy.png');
}


.header
{
    margin:0;
    padding:0;
    width:600px;
    height:64px;
}

.header p
{
    margin:0px;
    padding:16px 0px 0px 0px;
    font:20px Verdana;
}

.header a           { color:Black;  text-decoration:none; }
.header a:hover     { color:Black;  text-decoration:none; }

.header img.rss_icon
{
    float:right;
    margin:24px 0px 0px 0px;
    padding:0;
    border:0;
}

.header img.logo
{
    margin:0;
    padding:0;
    border:0;
}


.footer
{
    margin:0;
    padding:0;
    width:600px;
    height:64px;
    font:6px Verdana, Arial, Helvetica, sans-serif;
    background:url('racy-fade.png');
}


.tagline
{
    clear:right;
    float:right;
    margin:0px 0px 0px 16px;
    padding:0px 0px 4px 0px;
}

.tagline ul
{
    margin:0;
    padding:0;
	list-style:none;
}

.tagline li
{
	float:right;
    margin:0px 0px 0px 3px;
    padding:0;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    background:White;
}

.tagline li.date
{
    background:#eee;
}

.tagline li:hover
{
    background:Black;
}

.tagline a           { color:Black;  text-decoration:none; }
.tagline a:hover     { color:White;  text-decoration:none; }


.story
{
    clear:right;
    margin:0px 0px 24px 0px;
    padding:0;
    background:#EEEEEE;
    border-left:16px Solid White;
    border-bottom:2px Solid White;
}

.story h1
{
    font:0.9em Verdana, sans-serif;
    font-weight:bold;
}

.story h2
{
    font:0.8em Verdana, sans-serif;
    font-weight:bold;
}

.story img
{
    float:right;
    margin:14px 16px 14px 16px;
    padding:0;
    border:4px Solid White;
}

.story div.image
{
    float:right;
    margin:14px 20px 14px 20px;
    padding:0;
}

.story div.image>p
{
    width:100%;
    margin:0;
    padding:0;
    font-size:12px;
}

.story img.image
{
    margin:0;
    padding:0;
    border:4px Solid White;
}

.story ul
{
    margin:0;
    padding:0px 0px 0px 32px;
}

.story li
{
    margin:16px 0px 16px 0px;
    padding:0px 16px 0px 16px;
    font:13px Myriad, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}

.story form
{
    margin:0;
    padding:16px 0px 16px 0px;
}

.story form>p
{
    padding:0px 0px 2px 0px;
}

.story form ul
{
    margin:0;
    padding:8px 0px 8px 0px;
}

.story form li
{
    margin:0;
    padding:8px 0px 8px 0px;
}

.story input
{
    margin:0px 16px 8px 16px;
    padding:1px;
    font:12px Tahoma, Arial, Helvetica, Sans-serif;
    font-style:normal;
    background:White;
    color:Black;
    border:1px Solid Black;
}

.story input.submit
{
    padding:1px 8px 1px 8px;
    font:12px Tahoma, Arial, Helvetica, Sans-serif;
    background:#cccccc;
    cursor:pointer;
}

.story input.bad_data
{
    border:1px Solid Red;
}

.story select
{
    margin:0px 16px 8px 16px;
    padding:1px 1px 1px 8px;
    min-width:80px;
    font:12px Tahoma, Arial, Helvetica, Sans-serif;
    font-style:normal;
    background:White;
    color:Black;
    border:1px Solid Black;
}

.story textarea
{
    margin:0px 16px 8px 16px;
    padding:0;
    width:400px;
    font:12px Tahoma, Arial, Helvetica, Sans-serif;
    font-style:normal;
    background:White;
    color:Black;
    border:1px Solid Black;
}

.story textarea.bad_data
{
    border:1px Solid Red;
}

.story .comment
{
    margin:16px 16px 0px 16px;
    padding:0;
    background:#DDDDDD;
}

.story .preview
{
    background:#CCCCCC url('preview.png');
}

.story p.pending
{
    margin:14px;
    padding:12px;
    background:#FFC047;
}

.story .comment p
{
    padding:8px 0px 10px 0px;
    font:0.7em Tahoma, Arial, Helvetica, Sans-serif;
}

.story .comment p.comment_title
{
    text-decoration:underline;
}


.more
{
    position:relative;
    left:390px;
    top:-32px;
    margin:0;
    padding:0;
    width:74px;
    height:20px;
    background:#FFBF52;
    font-size:14px;
    line-height:18px;
    text-align:center;
}

.more a           { color:Black;  text-decoration:none; }
.more a:hover     { color:White;  text-decoration:none; }


.pics
{
    margin:0;
    padding:16px;
}

.pics ul
{
    margin:0;
    padding:0;
	list-style:none;
}

.pics li
{
	display:inline-block;
    margin:4px;
    padding:0;
    border:4px Solid White;
}


.pic
{
    margin:0;
    padding:0;
}

.pic ul
{
    margin:0;
    padding:16px 0px 0px 0px;
	list-style:none;
}

.pic li
{
	float:right;
    margin:0px 0px 0px 4px;
    padding:1px 3px 1px 3px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    background:White;
    cursor:pointer;
}

.pic li:hover
{
    color:White;
    background:Black;
}

.pic img
{
    margin:0;
    padding:0;
    border:8px Solid White;
}