Адаптация css под ucoz - Форум

html, body {
     height: 100%;
}

body {
     margin: 0 auto;
     padding: 0;
     /*font-family: Georgia, "Times New Roman", Times, serif;*/
     font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
     font-size: 62.5%;
     color: #555;
     background: #464646;
}

img {
     border: 0;
}

a {
     color: #000;
     text-decoration: none;
}

a:hover {
     color: #000;
     text-decoration: underline;
}

code, pre {
     font: 'Courier New', Courier, Fixed;
     font-size: 100%;
     border: 1px solid #DDD;
     overflow: auto;
     padding: 5px;
    display: block;
     width: 100%; /* Important for IE6 */
}

hr {
     color: #FFF;
     height: 0px;
     border-top: 1px solid #AAA;
     border-left: 0px none #FFF;
     margin: 5px 0;
}

#wrapper {
     margin: 0 auto;
     width: 960px;
     background: #b1b1b1 url(img/back.png) top center repeat-y;
}

#header {
     background-image: url(img/header.png);
     width: 960px;
     height: 135px;
     clear: both;
     margin: 0 auto;
     padding: 0;
     border-top: 1px solid #464646; /* don't touch it! */
     font-size: 130%;
     color: #747474;
}

#header a, #header a:hover, #header a:visited {
     color: #606060;
     text-decoration: none;
}

#header a:focus {
     outline:none;    /* kill focus rectangle, fix dot artefact in Mozilla Firefox */
}

#header h2 {
     font-size: 100%;
     font-weight: normal;
     margin: 0;
     /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/
}

#header h1 {
     font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica;
     font-size: 320%;
     font-weight: normal;
     margin: 0;
}

#header_siteheader {
     clear: both;
     float: left;
     width: 600px;
     height: 83px;
     margin: 0 0 0 40px;
     line-height: 83px;
     display: inline;
}

#header_sidebar {
     float: right;
     width: 250px;
     height: 49px;
     margin: 0 25px 0 0;
     display: inline;
     vertical-align: top;
     padding-top: 32px;
}

#header img {
     float: left;
     margin: 15px 25px 14px 0;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     z-index:300;
     width:100%;
}

#dropmenu a {
     display:block;
     /*padding:0.25em 1em;*/
     text-decoration:none;
}

#dropmenu a:hover {
     color:#fff;
}

#dropmenu li {
     float:right;
     position:relative;
}

#dropmenu ul {
     position:absolute;
     display:none;
     width:10em; /*auto*/
     top:1.9em;
     border:1px solid #747474;
}

#dropmenu ul a {
}

#dropmenu li ul {
     width:10em;
     top:auto;
     background:#666;
}

#dropmenu li ul a {
     width:  8.9em;
     /*height: auto;*/
     float:  left;
     text-align: left;
}

/* Sub-menu */
#dropmenu ul ul {
     top:auto;
}

#dropmenu li ul ul {
     left: 10em;
     margin: 0;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* Drop-down menus */

/* ------ CONTENT ------ */

#content {
     clear: both;
     font-size: 130%;
     line-height: 140%;
     float: left;
     width: 600px;
     min-width: 600px;
     margin: 0px 0px 0px 40px;
     display: inline;
}

#content a {
    /*border-bottom: 1px dotted;*/
    text-decoration: underline;
}

#content a:visited {
     color: #888;
}

#content a:hover {
     /*color: #000;*/
     color: #800000;
     text-decoration: underline;
     /*border-bottom: #000 1px solid;*/
}

#content img {
     /*margin: 0 10px 10px 0;*/
}

#content blockquote {
     border-left: 5px #EEE solid;
     /*background: #F7F7F7;*/
     color: #777;
     margin: 0 0 10px 10px;
     padding: 5px 7px 0 7px;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
     color: #777;
}

#content h1 {
     font-size: 190%;
     line-height: 120%;
     font-weight: normal;
     margin: 20px 0 15px 0;
}

#content h2 {
     font-size: 160%;
     line-height: 150%;
     font-weight: normal;
}

#content h3 {
     font-size: 130%;
     line-height: 130%;
     font-weight: normal;
     margin: 5px 0 5px 0;
}

#content a h1, #content h1 a, #content a:visited h1, #content h1 a:visited {
     color: #555;
     text-decoration: none;
     border: 0 none;
}

#content a:hover h1, #content h1 a:hover {
     color: #000;
     /*color: #800000;*/ /* Maroon */
     text-decoration: none;
     border-bottom: 1px dotted;
}

#content p {
     margin: 0 0 10px 0;
}

#content ul, #content ol {
     padding: 0 0 0 20px;
}

#content ul li, #content ol li {
     margin: 3px 0 3px 0;
     padding: 0;
}

#content .pagetitle {
     /*margin-bottom: 20px;
     font-size: 220%;
     font-weight: normal;*/
}

/* ------ POST META INFO ------ */

#postmeta {
     font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
    font-size: 90%;
    border-top: 1px solid #CCC;
    clear: both;
     color: #747474;
     background: #F5F5F5;
     line-height: 150%;
     padding: 3px 5px;    
     margin: 10px 0 40px 0;
}

#postmeta a, #postmeta a:visited {
     color: #333;
     text-decoration: none;
     /*border: 0 none;*/
}

#postmeta a:hover {
     color: #800000;
     border: 0 none;
     text-decoration: underline;
}

#postmeta img {  /* откуда эта фигня? убрать? */
     vertical-align: middle;
     margin: 0 4px 0 0;
}

/* ------ COMMENTS ------ */

#comments {
     clear: both;
     float: none;
     margin-top: 50px;
     font-size: 90%;
     line-height: 150%;
}

#comments h2 {
     font-size: 190%;
     font-weight: normal;
}

#comments h3 {
     font-size: 130%;
     font-weight: normal;
     margin: 15px 0 5px 0;
     float: none;
     clear: both;
}

#comments h3 a, #comments h3 a:visited {
     border-bottom: 1px dotted;
     text-decoration: none;
}

#comments h3 a:hover {
     color: #800000;
     text-decoration: none;
}

#comments img {
     margin: 0 5px 0 0;
}

#comments ol {
/*  list-style: none; */
     padding: 0;
     margin: 0;
}

#comments ul {
     list-style: square;
}

#comments ul li, #comments ol li {
     margin: 0;
     padding: 0 0 5px 0;
}

.commentlist {
     list-style: none;
}

.comment_border {
     border-bottom: 1px dotted #CCC;
     margin-bottom: 30px;
}

#comment_meta {
     float: none;
     clear: both;
     margin: 0 0 10px 0;
     line-height: 160%;
     color: #808080;
     height: 64px;
     font-size: 110%;
     font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
     /*padding-left: 5px;*/
     /*background-color: #F5F5F5;*/
     /*border-bottom: 1px solid #CCC;*/
}

.comment_meta_admin {
     background-color: #F5F5F5;
}

.comment_meta_visitor {
     background-color: #FBFBFB;
}

.comment_admin {
     /*color: #400000;*/
     color: #000;
}

.comment_visitor {
     color: #555;
}

#comment_meta a, #comment_meta a:visited {
     color: #333;
     text-decoration: none;
}

#comment_meta a:hover {
     color: #800000;
     text-decoration: underline;
}

#comment_meta img {
     margin: 0 10px 0 0;
     float: left;
}

#comment_self {
     clear: both;
     float: none;
}

#respond {
/* need it for floating comment form */
}

#comment_form #comment {
     font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
     font-size: 100%;
     margin: 0 15px 10px 0;
     height: 158px;
     background-color:#FFF;
     padding: 5px;
     border:#AAA 1px solid;
     color:#333;
}

.full_width {
     width: 98%;
     /*width: 588px;*/
     /*float: none;*/
}

.half_width {
     width: 57%;
     float: right;
}

#comment_form input {
     /*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
     font-size: 110%;
     margin: 1px 0 15px 0;
     background-color:#FFF;
     padding: 5px;
     width: 36%;*/
}

.inpt {
     font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
     font-size: 110%;
     margin: 1px 0 15px 0;
     background-color:#FFF;
     padding: 5px;
     width: 36%;
}

.req {
     border:#AAA 1px solid;
     color:#555;
}

.notreq {
     border:#AAA 1px dotted;
}

.color_light_grey {
     color:#888;
}

.color_red{
     color: red;
}

#comment_form_bottom {
     float: none;
     clear: both;
}

.float_left {
     float: left;
}

#comment_form #submit {
     font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
     font-size: 100%;
     background-color:#747474;
     border:#747474 1px solid;
     color:#DDD;
     width: 200px;
     height: 30px;
     padding: 0;
     font-weight: bold;
     clear: both;
     float: left;
     margin: 0 0 10px 0;
}

#comment_form #submit:hover {
     cursor: pointer;
     background-color:#606060;
     border: #555 1px solid;
     color: #fff;
}

/* ------ SIDEBAR ------ */

#sidebar {
     font-size: 120%;
     line-height: 130%;
     float: right;
     width: 250px;
     min-width: 250px;
     margin: 0px 25px 0px 0px;
     display: inline;
}

#sidebar img {
     float: none;
}

#sidebar a:hover {
     color: #800000;
}

#sidebar p {
     margin: 0 0 5px 0;
}

#sidebar h2 {
     font-size: 100%;
     font-weight: normal;
     color: #DDD;
     background-color: #747474;
     padding: 0px 8px;
     line-height: 180%;
     margin: 0 0 10px 0;
}

#sidebar ul {
     list-style: none;
     /*margin: 0 0 25px 0;*/
     padding: 0;
     margin: 0;
}

#sidebar ul li {
     margin: 0 0 25px 0;
}

#sidebar ul ul {
     padding: 0 0 0 8px;
}

#sidebar ul ul li, #sidebar ul ul ul li {
    margin: 5px 0 5px 0;
}

#sidebar ul ul ul {
     margin: 2px 0 0 0;
     padding: 0;
     line-height: 100%;
     list-style:  url(img/bullet_dot.png) inside;
}

#sidebar ul ul ul li {
    margin-left: 7px;
}

/* ------ POST / PAGE / COMMENT NAVIGATION ------ */

#navigation {
    width: 600px;
    list-style: none;
    line-height: 100%;
    margin: 0;
     padding: 0;
}

.left {
    float: left;
     display: inline;
}

.right {
    float: right;
     display: inline;
}

/* ------ FOOTER ------ */

#footer {
     font-size: 130%;
     clear: both;
     width: 960px;
     margin: 0 auto;
     height: 64px;
     background: #b1b1b1 url(img/footer.png) center no-repeat;
     border: 0;
}

/*#footer_content {
     line-height: 150%;
     text-align: center;
     height: 58px;
     width: 600px;
     margin: 0px 0px 0px 40px;
}*/

#footer_content p {
     padding: 10px 0 0 0;
}

/* ------ BLACK LINES AT TOP AND BOTTOM------ */

#blackband_top_left, #blackband_top_right {
     width: 440px;
     height: 30px;
     color: #CCC;
     line-height: 30px;
}

#blackband_bottom_left, #blackband_bottom_right {
     width: 440px;
     color: #CCC;
     line-height: 62px;
}

#blackband_top_left, #blackband_top_right {
     margin-top: 19px;
     line-height: 32px;
}

#blackband_bottom_left, #blackband_top_left {
     margin-left: 40px;
     float: left;
     display: inline;
}

#blackband_bottom_right, #blackband_top_right {
     margin-right: 40px;
     float: right;
     text-align: right;
     display: inline;
}

#blackband_top_right {
     margin-right: 34px;
}

#blackband_top_right ul {
     margin: 1px 0 0 0;
     float: right;
     width: auto;
}

#blackband_top_right ul ul {
     padding: 0;
     margin: 0;
}

#blackband_top_right ul li, #blackband_top_right ul ul li {
     line-height: 30px;
     float: left;
    list-style: none;
}

#blackband_top_right h2 {
     text-align: right;
     float: right;
}

#blackband_top_right ul li a {
     padding: 0 7px 0 7px;
}

#blackband_bottom_right a:hover, #blackband_bottom_left a:hover {
     color: #FFF;
     text-decoration: underline;
}

#blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited {
     color: #FFF;
     text-decoration: none;
     display: block;
}

#blackband_bottom_right a, #blackband_bottom_right a:active, #blackband_bottom_left a, #blackband_bottom_left a:active {
     color: #FFF;
     text-decoration: none;
}

#blackband_top_right ul li a {
/*image preload trick for hover element*/
     background-image: url(img/back_menu.png);
     background-repeat: no-repeat;
     background-position: -1000px -1000px;
/*image preload trick for hover element*/
}

#blackband_top_right ul li a:hover {
     background: url(img/back_menu.png) repeat-x;
     color: #747474;
}

#blackband_top_right ul ul li a:hover {
     background: #e1ddd2;
     color: #747474;
}

.hasFloat:after {
     content: "";
     display: block;
     clear: both;
}

/* ------ SEARCHFORM ------ */

#searchform input {
     font-family:Tahoma, Arial, Helvetica, sans-serif;
     font-size:12px;
     background-color:#747474;
     margin: 0;
     padding: 2px 4px 2px 4px;
     border:#747474 1px solid;
     color:#DDD;
     width: 55px;
}

#searchform input:hover {
     cursor:pointer;
     background-color:#606060;
     border:#333 1px solid;
     color:#fff;
}

#searchform #s {
     font-family:Tahoma, Arial, Helvetica, sans-serif;
     font-size:12px;
     margin: 0 5px 0 0;
     background-color:#DDD;
     padding: 3px 4px 3px 4px;
     border:#747474 1px solid;
     color:#606060;
     width: 175px;
     cursor: text;
}

/* ------ MISC STUFF ------ */

#counters {
     width: 0px;
     height: 0px;
     display: none;
     float: left;
}

img#wpstats {
     width: 0px;
     height: 0px;
     padding: 0px;
     border: none;
     overflow: hidden;
}

.aligncenter,
div.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
}

.alignleft {
      float: left;
      margin: 0 10px 10px 0;
}

.alignright {
      float: right;
      margin: 0 0 10px 10px;
}

.alignnone {
      float: none;
}

.wp-caption {
      border: 1px solid #ddd;
      text-align: center;
      background-color: #f3f3f3;
      padding: 7px;
      margin: 5px 10px 5px 0px;
      /* optional rounded corners for browsers that support it */
      -moz-border-radius: 3px;
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
}

.wp-caption img {
      border: 0 none;
}

.wp-caption p.wp-caption-text {
      font-size: 90%;
      line-height: 120%;
      padding: 0 10px 0 0;
      margin: 0;
}

#wp-calendar {
     margin: 0 auto;
     line-height: 150%;
}

table#wp-calendar{
     width: 80%;
}

#wp-calendar a {
    text-decoration: underline;
     font-weight: bold;
}

table#wp-calendar tfoot td a{
     border: 0;
     font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td{
     text-align: center;
}

.widget_tag_cloud {
     line-height: 175%;
}

#tag_cloud, #tag_cloud-2 /*WP 2.8*/ {
     line-height: 200%;
}

#content img.wp-smiley {
     border: none;
     padding: 0px;
     margin: 0px;
     vertical-align: text-top;
}

::-moz-selection{
    background:#464646;
    color:#fff;
}

::selection {
    background:#464646;
    color:#fff;
}