*{padding: 0px; margin: 0px; font: 14pt Times, "Times New Roman", Serif;}
body{background-image: url(//platonicrealms.com/images/layout/background_tile.png);}
h1{font-size: 2em; padding: 5px 0px 0px 0px;}
p{ font-size: 1em; text-indent: 1.5em; line-height: 1.3em;}
em { font-style: italic;}
img { border: none; }
h1 + p{ margin-top: 1em; text-indent: 0em;}
h1 + p:first-line{ font-weight: bold; }
h4 {font-weight: bold; margin: 1.5em 0em .3em 0em; text-align: center; font-size: 1.2em;}
a { font-size: 1em;color: #00b; text-decoration: none;}
a:hover { font-size: 1em;color: #00f; text-decoration: underline; }
a:visited { font-size: 1em;color: #606; text-decoration: none;}
table.form tr {padding-top: 5px;}
table.form tr td {vertical-align: top; padding: 5px;}
input, textarea, select, table.calendar td, table.calendar th {font: .8em Helvetica,Arial,Sans-Serif; border: 1px solid #B97C01; background-color: #FEF9EE;}
input:focus, textarea:focus {font: .8em Helvetica,Arial,Sans-Serif; border: 1px solid #FDB423; background-color: #f0f8ff;}
.form_heading {font: .8em Helvetica,Arial,Sans-Serif;}
.form_heading label {font: 1em Helvetica,Arial,Sans-Serif;}
.button {border: 1px outset #EC9E02; background-color:#FED789; padding: 2px;font: .8em Helvetica,Arial,Sans-Serif;text-decoration:none;}
.button:hover {border: 1px outset #EC9E02; background-color:#9CFE89;font: .8em Helvetica,Arial,Sans-Serif;}
.button_red {border: 1px outset #ff9E02; background-color:#FED789; padding: 2px;font: .8em Helvetica,Arial,Sans-Serif;text-decoration:none;}
.button_red:hover {border: 1px outset #ff9E02; background-color:#f96;font: .8em Helvetica,Arial,Sans-Serif;}
.button:disabled {border: 1px outset #ccc; background-color:#eee;}
.button_disabled {border: 1px outset #999; background-color:#ccc;color:#666; padding: 2px;font: .8em Helvetica,Arial,Sans-Serif;text-decoration:none;}
.button_disabled:hover {text-decoration:none;color:#666; padding: 2px;font: .8em Helvetica,Arial,Sans-Serif;}
.small_link {font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; color:#00b; font-size: 1em;}
.small_link:hover {font-family: Helvetica, Arial, Sans-Serif; text-decoration: underline; color:#00f; font-size: 1em;}
div.sthoverbuttons-label span { font: 8pt Arial, Helvetica, Sans-serif;}
div.advert_banner_300 { width: 300px; min-height: 60px; display: block; overflow: hidden; text-align: center; vertical-align: middle; margin-bottom: 5px; }
div.advert_banner_145 { width: 145px; min-height: 60px; display: block; overflow: hidden; text-align: center; vertical-align: middle; margin-bottom: 5px; }
.rotate {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(90.0deg);  /* IE9+ */
       -o-transform: rotate(90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(90.0deg);  /* Standard */
}
#outer_wrapper{background-color: #ffffff; min-height: 450px; width: 960px; margin: 20px auto; -moz-box-shadow: 0px 0px 15px 5px #888; -webkit-box-shadow: 0px 0px 15px 5px #888; box-shadow: 0px 0px 15px 5px #888; border-radius: 15px; border: 1px black solid; padding: 0px 15px;}
#head_wrapper{ margin-top: 5px;}
#logo{width: 140px; height: 95px; margin: 10px; background-image: url("//platonicrealms.com/images/layout/logo_PR_140_95.png"); display: block; float: left;}
#heading{display: block; float: left; width: 480px; height: 95px; margin: 10px 0px; vertical-align: middle;}
#site_widgets{width: 140px; height: 95px; text-align: center; vertical-align: middle; background-color: #ffffff; margin: 10px; display: block; float: right;}
#body_wrapper{display: block; clear: both;}
#main_column{width: 480px; display: block; float: left; text-align: center; margin-left: 160px;}
#left_column{display: block; float: left; margin-left: -640px;}
#right_column{display: block; float: right; }
#breadcrumbs{display: block; text-align: left; margin: 10px;}
#breadcrumbs li {display: inline; list-style-type: none; border-top: 1px dotted #e0e0e0; border-bottom: 1px dotted #e0e0e0; font-family: Helvetica, Arial, Sans-Serif; color: #0000a0; font-size: .6em; padding: 2px 0px 3px 3px; }
#breadcrumbs li a { font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; color: Gray; font-size: 1em; padding: 0px 0px 0px 0px;}
#breadcrumbs li a:hover { font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; color: Blue; font-size: 1em; padding: 0px 0px 0px 0px;}
#breadcrumbs li a::after { content: url('//platonicrealms.com/images/layout/breadcrumbs_arrow.png');}
p.page_title{font-size: 2em;}
div.article_metadata{display: block; float: right; width: 150px; height: 45px; background-color: #ccffff; font-size: .7em; text-align: right;}
div.social_networking_widgets{display: block; float: right; clear: right;}
#content_above{margin: 10px; display: block; text-align: left;}
div.article_continuation_notice{display: none;}
#big_banner_center{width: 300px; margin: 10px auto; text-align: center; vertical-align: middle; display: none;}
#content_below{margin: 10px; display: block; clear: both; text-align: left; }
#menu{width: 140px; margin: 10px; display: block; background-color: #fff;}
#page_widget{display: block; width: 140px; min-height: 400px; margin: 10px; text-align: center; vertical-align: middle;}
#big_banner_right{width: 300px; margin: 10px auto; text-align: center; vertical-align: middle;}
#native_banners{display: block; float: right; width: 145px; min-height: 400px; text-align: center; vertical-align: middle;}
#column_banners{display: block; float: left; width: 145px; min-height: 400px; text-align: center; vertical-align: middle; }
br.clear{clear: both;}
#foot_wrapper{display: block; clear: both; text-align: center; padding-top: 50px;}
span.foot_links{font: .875em Helvetica, Arial, Sans-Serif;}
span.foot_links a {font: 1em Helvetica, Arial, Sans-Serif; color: #660000; text-decoration: none;}
span.foot_links a:hover {font: 1em Helvetica, Arial, Sans-Serif;color: #a00000; text-decoration: underline;}
#copyright{text-align: left; margin: 20px;}
small.copyright{font: .7em Helvetica, Arial, Sans-Serif; color: #333333;}
small.copyright a{font: 1em Helvetica, Arial, Sans-Serif; color: #660000; text-decoration: none;}
small.copyright a:hover{font: 1em Helvetica, Arial, Sans-Serif; color: #a00000; text-decoration: underline;}
@media screen and (min-width:1280px)
{
    p, ul li
    {
        font-size: 1.53em;
        margin-top: 1.2em;
    }
    p.page_title
    {
        font-size: 3em;
    }
    #breadcrumbs
    {
        font: 1.2em Helvetica, Arial, Sans-Serif;
    }
    #outer_wrapper
    {
        width: 1216px;
    }
   #main_column
    {
        width: 736px;
         margin-left: 160px;
    }
    div.article_metadata
    {
        width: 230px;
        height: 69px;
        font-size: 1em;
    }
    #left_column
    {
        margin-left: -896px;
    }
 
}
@media screen and (min-width:740px) and (max-width:959px)
{
    p, li
    {
        font-size: .9em;
        margin-top: .8em;
    }
    #breadcrumbs
    {
        font: .75em Helvetica, Arial, Sans-Serif;
    }
    p.page_title
    {
        font-size: 1.4em;
    }
    #outer_wrapper
    {
        width: 740px;
    }
    #heading
    {
        width: 420px; /* six columns */
    }
    #main_column
    {
        width: 420px;
    }
    #left_column
    {
        margin-left: -580px;
    }
    div.article_continuation_notice
    {
        display: block;
    }
    #big_banner_right
    {
        display: none;
    }
    #big_banner_center
    {
        display: block;
    }
    #column_banners
    {
        float: none;
    }
    #native_banners
    {
        float: none;
    }
    #wide_banners
    {
        display:none;
    }
}
@media screen and (max-width:739px)
{
    p, li
    {
        font-size: .8em;
        margin-top: .7em;
    }
    p.page_title
    {
        font-size: 1.2em;
    }
    #breadcrumbs
    {
        font: .6em Helvetica, Arial, Sans-Serif;
    }
    #outer_wrapper
    {
        width: 480px;
    }
    #logo
    {
        width: 112px;
        height: 76px;
        margin: 5px;
        background-image: url("//platonicrealms.com/images/layout/logo_PR_112_76.gif");
    }
    #heading
    {
        width: 240px;
        height: 76px;
        margin: 5px 0px;
    }
    #site_widgets
    {
        width: 110px;
        height: 76px;
        margin: 5px 0px 5px 5px;
    }
   #main_column
    {
        width: 360px;
        margin-left: 120px;
    }
    div.article_metadata
    {
        width: 120px;
        height: 36px;
        font-size: .6em;
    }
    #left_column
    {
        display: block;
        width: 120;
        margin-left: -480px;
    }
    #menu
    {
        width: 110px; /* two columns */
        margin: 5px;
    }
    #page_widget
    {
        display: block;
        width: 110px; /* two columns */
        min-height: 300px;
        margin: 5px;
    }
    #right_column
    {
        display: none;
    }
    div.article_continuation_notice
    {
        display: block;
    }
    #big_banner_right
    {
        display: none;
    }
    #big_banner_center
    {
        display: block;
    }
    #column_banners
    {
        display: none;
    }
    #native_banners
    {
        display: none;
    }
    #left_column_google_banner
    {
        display:none;
    }
}