body {
font : 100% Arial, Helvetica;
background : #505050 url(http://www.wuup.net/thbg.gif);
color : #505050;
}
p {
margin : 1px 0;
}
a:link, a:visited {
color : #000;
text-decoration : none;
}
a:hover, a:active {
color : gray;
text-decoration : underline;
}
a img {
border : 0;
}
code {
font : 1em 'Courier New', Courier, Fixed;
background : #ececec;
}
acronym, abbr, span.caps {
font-size : 0.9em;
letter-spacing : 0.07em;
cursor : help;
}
acronym, abbr {
border-bottom : 1px dashed #999;
}
blockquote {
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
background : #ececec;
font : 1em Arial;
line-height : 1.5em;
margin : 10px 0;
padding : 10px 10px 0;
}
select {
border : 1px solid #333;
width : 100%;
}
#head {
width : 930px;
font-size : 0.7em;
background : #fff;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 10px 5px 15px;
}
#page {
width : 920px;
background : #eee url(images/bg_stripe.gif);
font-size : 0.7em;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 10px;
}
#navbar {
text-transform : uppercase;
background : #333 url(images/navbar.png);
width : 920px;
font-size : 0.6em;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 0 10px;
}
#page-bar {
padding : 0;
}
#page-bar ul {
list-style : none;
}
#page-bar li {
list-style : none;
cursor : pointer;
display : block;
border-right : 1px solid #303030;
float : left;
margin : 0;
padding : 0;
}
#page-bar li:hover {
background : #5b5b5b;
}
#page-bar a, #page-bar a:visited {
font-weight : 700;
color : #eee;
display : block;
margin : 0;
padding : 7px 14px;
}
#page-bar a:hover {
text-decoration : none;
display : block;
}
#searchform {
width : 184px;
float : right;
text-align : right;
padding-top : 3px;
margin-right : 10px;
}
#page-bar li li {
float : left;
width : 132px;
text-transform : none;
margin : 0;
padding : 0;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
width : 122px;
float : none;
background : #5b5b5b url(images/dots_nav.gif) repeat-x top;
margin : 0;
padding : 4px 10px;
}
#page-bar li li a:hover, #page-bar li li a:active {
background : #909090;
padding : 4px 10px;
}
#page-bar li ul {
position : absolute;
width : 10em;
left : -999em;
}
#page-bar li:hover ul {
left : auto;
display : block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left : auto;
}
h1 {
font : 3.5em Arial;
font-weight : 700;
letter-spacing : -0.08em;
}
h2 {
font : 2em Arial;
font-weight : 700;
}
h3 {
font : 1.3em Arial;
margin-bottom : 3px;
color : #303030;
font-weight : 700;
}
h4 {
font : 1em Arial;
}
h3.cat_title, h3.cat_title a {
color : #333;
letter-spacing : -0.05em;
}
h3#respond {
margin-top : 0;
padding-top : 20px;
}
h3#comments {
margin-top : 32px;
padding-left : 0;
margin-bottom : 15px;
}
h3.authors {
margin-top : 15px;
}
#logo {
width : 165px;
height : 90px;
background : #fff;
}
#tagline {
margin-top : 10px;
font-size : 1em;
color : #1d3566;
font-weight : 700;
}
#top {
background : #dedede;
width : 930px;
font-size : 0.7em;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 0 10px 0 0;
}
#headline {
width : 560px;
float : left;
font-size : 1.05em;
line-height : 1.5em;
background : #333;
color : #fff;
overflow : hidden;
margin : 0;
padding : 0 12px 10px 25px;
}
#headline a {
color : #a0a0a0;
}
#headline a:hover {
color : #d0d0d0;
}
#top div.label {
font : 1.2em Arial;
font-weight : 700;
text-transform : lowercase;
letter-spacing : -0.05em;
line-height : 0.9em;
display : block;
padding-bottom : 0;
padding-top : 15px;
}
#headline div.title {
font : 2.4em Arial;
font-weight : 700;
letter-spacing : -0.05em;
line-height : 0.9em;
display : block;
padding-bottom : 5px;
padding-top : 15px;
}
#headline div.meta {
display : block;
color : #ececec;
font-size : 0.85em;
padding : 4px 0;
}
#headline p {
padding-bottom : 25px;
}
#featured {
width : 310px;
float : right;
font-size : 1.05em;
padding : 0 10px;
}
#featured .clearfloat {
margin-top : 0;
margin-bottom : 7px;
}
#featured .info {
margin-top : 5px;
padding-top : 0;
float : right;
width : 193px;
font-size : 0.9em;
}
#featured .meta {
margin-top : 5px;
font-size : 0.85em;
}
#featured .divider {
margin-left : 95px;
}
#featured a img {
border : 2px solid #fff;
margin-right : 10px;
}
#headline a img {
border : 3px solid #fff;
margin-right : 15px;
margin-bottom : 10px;
}
#single_head {
width : 195px;
float : left;
background : #333;
color : #fff;
margin : 0;
padding : 15px 12px 20px 25px;
}
#single_head a img {
border : 3px solid #fff;
}
#single_desc {
width : 675px;
float : right;
font-size : 1.05em;
line-height : 1.5em;
padding : 0 10px 5px;
}
#single_desc div.title {
font : 2.4em Arial;
font-weight : 700;
letter-spacing : -0.05em;
line-height : 0.9em;
display : block;
padding-bottom : 5px;
padding-top : 10px;
}
#single_desc div.meta {
display : block;
padding-bottom : 5px;
font-size : 0.85em;
}
#single_desc p {
padding-bottom : 10px;
margin : 0;
}
#mores {
border-left : 5px solid #fff;
border-right : 5px solid #fff;
border-bottom : 5px solid #fff;
width : 940px;
font-size : 0.7em;
margin : 0 auto;
}
#more-head {
background : #333;
text-align : center;
float : left;
width : 560px;
padding : 0 12px 10px 25px;
}
#more-feat {
background : #dedede;
text-align : center;
float : right;
width : 320px;
padding : 0 10px 10px 13px;
}
#more-head a {
background : #404040;
color : #b0b0b0;
}
#more-feat a {
background : #d0d0d0;
color : #505050;
}
#more-head a, #more-feat a {
display : block;
font-weight : 700;
padding : 3px;
}
#more-feat a:hover {
text-decoration : none;
background : #b0b0b0;
}
#more-head a:hover {
text-decoration : none;
background : #505050;
}
#middle {
background : #fff;
width : 920px;
font-size : 0.7em;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 10px 10px 0;
}
.category {
width : 164px;
float : left;
border-top : 8px solid #333;
background : #fff;
margin : 0;
padding : 5px 10px 15px;
}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
text-transform : lowercase;
font-weight : 700;
font-size : 1.5em;
letter-spacing : -0.05em;
margin : 0;
}
#front-list .cat_title {
font-size : 1.25em;
}
.more-link {
display : block;
margin : 15px 0;
}
.category a {
color : #333;
display : block;
background : none;
}
.category a:hover {
background : none;
color : #fff;
text-decoration : none;
}
#bottom {
width : 920px;
}
#bottom-left .meta, #content.archive .meta {
font-size : 0.85em;
}
#front-list {
width : 570px;
background : #fff;
font-size : 1.05em;
line-height : 1.75em;
margin-bottom : 10px;
border-top : 1px solid #ececec;
padding : 10px;
}
#front-list blockquote {
padding : 0 10px;
}
#front-list .title {
font : 1.5em Arial;
font-weight : 700;
letter-spacing : -0.05em;
}
#front-list .divider {
margin-left : 216px;
margin-top : 0;
margin-bottom : 0;
}
.author {
font-size : 0.8em;
font-weight : 700;
}
.meta {
color : #333;
font-weight : 700;
}
#paged-list {
width : 570px;
background : #fff;
font-size : 1.05em;
line-height : 1.75em;
border-top : 1px solid #ececec;
padding : 0 10px;
}
#paged-list .clearfloat {
background : url(images/dots_content.gif) repeat-x bottom;
padding-bottom : 1px;
}
.onecolumn {
line-height : 1.5em;
margin : 0;
padding : 10px 0;
}
.tanbox {
width : 275px;
line-height : 1.5em;
margin : 0;
padding : 10px 0;
}
.archive .tanbox {
width : 570px;
background : url(images/dots_content.gif) repeat-x bottom;
padding-bottom : 1px;
}
.tanbox span.title a, .onecolumn span.title a {
font : 1.2em Arial;
font-weight : 700;
}
.tanbox p, .onecolumn p {
margin : 5px 0;
}
#navigation {
background : #fff;
font-size : 1.05em;
text-align : center;
width : 550px;
padding : 15px 10px;
}
#content {
width : 570px;
background : #fff;
font-size : 1.05em;
line-height : 1.75em;
float : left;
border-top : 1px solid #ececec;
padding : 10px;
}
.post {
font-size : 1.05em;
line-height : 1.75em;
}
.post p {
margin-top : 0;
}
.post .clearfloat {
border-bottom : 1px solid #e2e2e2;
}
.entry ul, .post ol {
margin-bottom : 15px;
}
#content h2.title {
letter-spacing : -0.05em;
border-bottom : 1px solid #e2e2e2;
border-top : 3px solid #e2e2e2;
margin-bottom : 0;
color : #000;
padding : 5px 0;
}
.entry ul li {
list-style : square;
margin-left : 30px;
}
.entry ol li {
list-style : decimal;
margin-left : 30px;
}
.entry ol li ul li {
list-style : square;
margin-left : 20px;
}
.entry img, .post a img, #front-list img {
border : 1px solid #ccc;
margin : 0 10px 5px 0;
padding : 2px;
}
.entry a {
text-decoration : underline;
}
#stats {
margin-bottom : 15px;
font : 0.9em Arial;
display : block;
border-bottom : 1px solid #e2e2e2;
font-weight : 700;
padding : 8px 0;
}
span#map {
font-size : 0.9em;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
display : inline;
margin : 0 0 2px 7px;
padding : 4px;
}
img.alignleft {
display : inline;
margin : 0 7px 2px 0;
padding : 4px;
}
#sidebar {
width : 320px;
float : right;
overflow : hidden;
margin : 0;
}
.spoiler {
background : #fff;
border-top : 1px solid #ececec;
margin-bottom : 12px;
overflow : hidden;
padding : 0 12px 12px;
}
.spoiler img {
border : 1px solid #ccc;
margin-right : 10px;
margin-bottom : 5px;
padding : 2px;
}
.spoiler h3 {
font : 1.1em Arial, Helvetica, Verdana, Sans-Serif;
font-weight : 700;
color : #fff;
border-bottom : 1px solid #ececec;
margin : 0 0 8px;
padding : 3px 10px;
}
.spoiler h3 a {
color : #fff;
text-decoration : none;
}
.spoiler p {
color : #6d6d6d;
margin : 0;
}
.spoiler h4 {
font : 1.05em Arial, Helvetica, Verdana, Sans-Serif;
font-weight : 700;
margin-bottom : 5px;
}
.spoiler h4 a {
color : #333;
}
#sidebar h3 {
font : 1.1em Arial;
font-weight : 700;
background : #303030;
color : #fff;
margin : 10px 0 5px;
padding : 3px 10px;
}
#sidebar-top, #sidebar-bottom {
width : 300px;
float : right;
background : #fff;
border-top : 1px solid #ececec;
padding : 0 10px 10px;
}
#sidebar-middle {
width : 320px;
float : right;
}
#sidebar-left {
width : 135px;
float : left;
background : #fff;
border-top : 1px solid #ececec;
padding : 0 10px 10px;
}
#sidebar-right {
width : 135px;
float : right;
background : #fff;
border-top : 1px solid #ececec;
padding : 0 10px 10px;
}
#sidebar li {
list-style : none;
border-bottom : 1px dotted #bbb;
display : block;
background : url(images/sub.png) no-repeat 0 0;
padding : 2px 0 2px 13px;
}
#sidebar li ul li {
border-bottom : 0;
}
#sidebar-ads {
width : 300px;
float : right;
margin-bottom : 10px;
background : #fff;
padding : 10px;
}
#sidebar h3 img {
margin-top : 1px;
}
.submitbutton {
border : 1px solid #aaa;
background : #fff;
font-size : 0.9em;
color : #aaa;
cursor : pointer;
padding : 1px;
}
.field {
border-top : 1px solid #bbb;
border-left : 1px solid #bbb;
border-right : 1px solid #eee;
border-bottom : 1px solid #eee;
background : #fff;
font-size : 1em;
padding : 1px;
}
#search .searchbutton {
border : 1px solid #333;
background : #fff;
font-size : 1em;
padding : 1px;
}
#commentform input {
width : 140px;
margin : 5px 5px 0 0;
}
#commentform textarea {
width : 99%;
margin-top : 5px;
border-top : 1px solid #bbb;
border-left : 1px solid #bbb;
border-right : 1px solid #eee;
border-bottom : 1px solid #eee;
}
#comments {
line-height : 1.5em;
}
.commentlist cite {
font-style : normal;
margin-bottom : 0;
display : block;
font-size : 1.1em;
}
.commentlist blockquote {
background : #ededed;
}
.commentlist li {
color : #4d4d4d;
background : #f2f2f2;
border-bottom : 1px solid #dcdbd7;
list-style : none;
margin-bottom : 3px;
line-height : 1em;
padding : 10px 14px;
}
.commentlist li li {
background : none;
border : none;
list-style : square;
margin : 3px 0 3px 20px;
padding : 3px 0;
}
.commenttext {
width : 482px;
float : right;
line-height : 1.5em;
}
li.my_comment {
background : #fff;
}
li cite strong {
font-size : 1.1em;
color : #313228;
}
#commentform small {
background : #fff;
font-weight : 700;
padding : 0;
}
.commentmetadata {
color : #4d4d4d;
display : block;
margin-top : 3px;
text-align : right;
font-size : 0.9em;
}
.commentmetadata a, .commentmetadata a:visited {
color : #959382;
}
.commentlist small {
background : #e9e9e9;
}
.avatar {
border : 1px solid #ccc;
float : left;
width : 45px;
height : 45px;
margin : 15px 8px 6px 0;
padding : 2px;
}
#comment {
width : 590px;
background : #fff;
}
#carousel {
font-size : 0.7em;
color : #fff;
width : 910px;
background : #fff;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 15px;
}
.carousel-item {
width : 131px;
float : left;
border-right : 1px dotted #ccc;
padding : 0 20px;
}
.carousel-item img {
border : 1px solid #ccc;
margin-bottom : 5px;
padding : 2px;
}
#gallery {
font-size : 0.7em;
color : #333;
width : 925px;
background : #dedede;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 15px 0 0 15px;
}
#gallery #random {
float : right;
width : 613px;
padding-bottom : 5px;
}
#gallery #random img {
border : 1px solid #ccc;
margin-right : 16px;
margin-bottom : 15px;
background : #fff;
padding : 2px;
}
#gallery #video {
float : left;
width : 281px;
padding-right : 15px;
margin-bottom : 15px;
border-right : 1px solid #b0b0b0;
}
#gallery h3 {
display : block;
padding-bottom : 5px;
}
#front-popular {
font-size : 0.7em;
color : #fff;
width : 910px;
background : #303030;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
margin : 0 auto;
padding : 15px;
}
#recentpost, #mostcommented {
width : 276px;
float : left;
border-right : 1px solid gray;
padding : 0 20px 0 0;
}
#mostcommented {
margin-left : 20px;
}
#recent_comments {
width : 276px;
float : right;
padding : 0;
}
#recentpost li, #mostcommented li, #recent_comments li {
list-style : none;
background : url(images/dots_footer.gif) repeat-x top;
padding-top : 1px;
}
#recentpost ul li a, #mostcommented ul li a, #recent_comments ul li a {
display : block;
text-decoration : none;
padding : 5px;
}
#recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover {
background : #000;
color : #fff;
}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
background : none;
}
#footer {
width : 920px;
font-size : 0.6em;
background : #dedede;
color : #333;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
border-bottom : 5px solid #fff;
margin : 0 auto;
padding : 5px 10px;
}
.clearfloat:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfloat {
display : block;
}
.clearfloat h3 {
border-bottom:1px solid #EEEEEE;
clear:both;
color:#808080;
display:block;
font-size:1.7em;
font-weight:normal;
margin-bottom:4px;
margin-top:11px;
padding-bottom:3px;
}
.wuup-mak a {
color : #848283;
}
.wuup-mak span {
line-height : 14px;
font-size : 1.1em;
margin-right : 2px;
color : #848283;
border-right : 1px solid #e1e1e1;
padding : 0 8px 0 16px;
}
.wuup-mak .wuup-date {
background : url(ek/icons.png) no-repeat 0 -15px;
}
.wuup-mak .wuup-comment {
background : url(ek/icons.png) no-repeat 0 -29px;
}
.wuup-mak .wuup-author {
background : url(ek/icons.png) no-repeat 0 0;
}
.wuup-mak-single a {
color : #0f0f0f;
}
.wuup-mak-single span {
line-height : 14px;
font-size : 1em;
margin-right : 2px;
color : #6f6f6f;
border-right : 1px solid #e1e1e1;
font-weight : bolder;
padding : 0 8px 0 16px;
}
.wuup-mak-single .wuup-date-single {
background : url(ek/icons.png) no-repeat 0 -15px;
float : left;
}
.wuup-mak-single .wuup-comment-single {
background : url(ek/icons.png) no-repeat 2px -29px;
border-right : none;
float : right;
padding : 0 10px 0 18px;
}
.wuup-mak-single .wuup-author-single {
background : url(ek/icons.png) no-repeat 0 0;
float : left;
}
*, #page-bar p {
margin : 0;
padding : 0;
}
.left, #bottom-left, .alignleft {
float : left;
}
.right, .alignright {
float : right;
}
#featured .title, .carousel-item .info {
font-weight : 700;
}
#headline a img, #featured a img, #recentpost ul, #mostcommented ul, #recent_comments ul {
margin-top : 5px;
}
#featured a, #single_desc a {
color : #000;
}
#featured a:hover, #single_desc a:hover, #footer a:hover {
color : gray;
}
.category p, #headline p, #featured p {
margin : 0;
}
#front-popular h3, #recentpost a, #mostcommented a, #recent_comments a {
color : #fff;
}
.onecolumn img, .tanbox img {
float : left;
border : 1px solid #ccc;
margin : 8px 10px 7px 0;
padding : 2px;
}
.post .ads, #sidebar-bottom, #sidebar-middle {
margin-top : 10px;
}
* html .clearfloat, * + html .clearfloat {
height : 1%;
}

.wuup-csi span {
	background: url(ek/wuup-csi.png) no-repeat top left;
}

.wuup-mak .last, .wuup-mak-single .last {
border : none;
}
.wuup-alt, .wuup-alt-single {
background-color : #e2e2e2;
border-color : gray;
border-style : solid none;
border-width : thin;
padding : 2px;
}
.wuup-csi span.wuup-alt-comnt{
float : right;
background: url(ek/wuup-csi.png) no-repeat top right;
background-position: 82px -50px;
padding-right : 20px;
font-size : 11px;
font-weight : 700;
}
.wuup-csi span.wuup-alt-comnt-single{
float : right;
background: url(ek/wuup-csi.png) no-repeat top right;
background-position: 96px -50px;
padding-right : 20px;
font-size : 11px;
font-weight : 700;
}
.wuup-csi span.wuup-alt-tag{
padding-left : 20px;
background-position: 0 -272px;
font-size : 11px;
font-weight : 700;
}
.wuup-csi span.wuup-alt-cat {
background-position: 0 -234px;
padding-left : 18px;
font-size : 11px;
font-weight : 700;
margin : 0 0 5px 5px;
}
#cat-15 {
border-top : 8px solid #e6ab07;
}
#cat-15:hover, #cat-15 a:hover {
background : #e6ab07;
color : #333;
}
#sidebar h3.catt-15 {
background : #e6ab07;
}
#cat-21 {
border-top : 8px solid #2b9435;
}
#cat-21:hover, #cat-21 a:hover {
background : #2b9435;
color : #333;
}
#sidebar h3.catt-21 {
background : #2b9435;
}
#cat-18 {
border-top : 8px solid #a5cc3a;
}
#cat-18:hover, #cat-18 a:hover {
background : #a5cc3a;
color : #333;
}
#sidebar h3.catt-18 {
background : #a5cc3a;
}
#cat-20 {
border-top : 8px solid #b7462c;
}
#cat-20:hover, #cat-20 a:hover {
background : #b7462c;
color : #333;
}
#sidebar h3.catt-20 {
background : #b7462c;
}
#cat-19 {
border-top : 8px solid #326abd;
}
#cat-19:hover, #cat-19 a:hover {
background : #326abd;
color : #333;
}
#sidebar h3.catt-19 {
background : #326abd;
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
background : #4f4f4f;
padding : 0;
margin : 0;
border : none;
text-decoration : none;
font-weight : normal;
font-style : normal;
list-style : none;
text-transform : none;
text-indent : 0;
font-variant : normal;
text-align : left;
line-height : 12px;
letter-spacing : 0;
word-spacing : 0;
font-size : 12px;
font-family : Arial;
color : white;
}
#wp_page_numbers {
margin-top : 10px;
width : 100%;
background : #4f4f4f;
border-top : 2px solid black;
}
#wp_page_numbers ul {
width : 100%;
}
#wp_page_numbers li {
float : left;
display : block;
}
#wp_page_numbers a {
padding : 6px;
padding-left : 4px;
padding-right : 4px;
display : block;
color : #ddd;
}
#wp_page_numbers li a:hover {
text-decoration : underline;
}
#wp_page_numbers li.space {
padding : 6px;
padding-left : 8px;
padding-right : 8px;
}
#wp_page_numbers li.first_last_page {
font-style : italic;
}
#wp_page_numbers li.active_page a {
background : black;
padding : 6px;
padding-left : 8px;
padding-right : 8px;
color : white;
}
#wp_page_numbers li.active_page a:hover {
color : #fff;
}
#wp_page_numbers li.page_info {
float : left;
display : block;
padding : 6px;
padding-right : 8px;
color : #ddd;
font-size : 11px;
}
#wuup-auth-desc {
width : 100%;
float : left;
overflow : hidden;
margin : 0;
}
#wuup-auth-desc h3 {
font : 1.1em Arial;
font-weight : 700;
background : #CF2626;
color : #fff;
margin : 10px 0 5px;
padding : 3px 10px;
}
#wuup-auth-desc li {
list-style : none;
border-bottom : 1px dotted #bbb;
display : block;
background : url(images/sub.png) no-repeat 0 0;
padding : 2px 0 2px 13px;
}
#wuup-auth-desc li ul li {
border-bottom : 0;
}
#wuup-auth-desc h4,#wuup-auth-x h4 {
color:#303030;
font-family:Tahoma;
font-size:1em;
font-size-adjust:none;
font-style:oblique;
font-weight:700;
}