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.jpg);
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: 1px;
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 5px 0;
line-height: 160%;
color: #808080;
height: 42px;
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: 25px 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;
}
/* ------ 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%;
}