body {
margin : 0 auto;
background-color : #dadada;
font-size : 79%;
font-family : Verdana;
color : #333;
text-align : center;
}
p {
font-size : 1em;
line-height : 1.5em;
margin : 1.2em 0;
}
ol, ul {
font-size : 1em;
line-height : 1.5em;
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
font-family : Tahoma, Verdana, Arial, sans-serif;
}
h1, h2 {
font-size : 1.4em;
}
h3 {
font-size : 1.3em;
}
h4 {
font-size : 1.2em;
}
a {
text-decoration : none;
}
a:link, a:visited {
color : #97241f;
}
a:hover, a:active, .sidebar a:hover, .sidebar a:active, .toplist:hover, .toplist:active {
color : #97241f;
text-decoration : underline;
}
input, textarea, select {
border : #999 solid 1px;
background-color : transparent;
color : #333;
font-size : 1em;
}
#s {
margin : 8px 0 0;
width : 20%;
}
input[type="submit"]:hover {
cursor : pointer;
border : #666 solid 1px;
}
code {
font-family : monospace;
color : #666;
}
form, img, iframe {
margin : 0;
padding : 0;
border : 0;
}
.small {
font-size : 0.9em;
color : #666;
}
#header {
background : url(images/head.jpg) top repeat-x;
height : 7.812em;
text-align : center;
}
.header-title, .header-title h1 {
font-family : Tahoma, Verdana, Arial;
font-size : 36px;
color : #def;
font-weight : bold;
}
.header-title a {
color : #def;
text-shadow : 2px 2px #7f7f7f;
transition-duration : 1s;
}
.header-title a:hover {
color : #282828;
text-decoration : none;
text-shadow : none;
}
.header-description {
font-size : 11px;
}
.join {
position : absolute;
top : 10px;
right : 10px;
}
#navbar {
padding-top : 3px;
margin-bottom : 11px;
background : url(images/nav.jpg) repeat-x;
height : 20px;
border-bottom : 1px solid #ddd;
text-align : center;
color : #666;
}
#wrapper {
margin : 0 auto;
min-width : 1000px;
max-width : 92%;
text-align : left;
}
#content {
float : left;
width : 60%;
position : relative;
left : 20%;
text-align : center;
overflow : hidden;
background-color : #e2f2f2;
-webkit-box-shadow : 0 0 5px #c2c2c2;
box-shadow : 0 0 5px #c2c2c2;
}
#rightbar {
float : right;
font-size : 0.9em;
width : 19%;
max-width : 250px;
position : relative;
}
#leftbar {
float : left;
font-size : 0.9em;
width : 19%;
max-width : 250px;
position : relative;
right : 60%;
}
#footer {
clear : both;
background : url(images/footer.jpg) bottom repeat-x;
height : 55px;
font-size : 0.9em;
}
#footer p {
margin : 0;
padding-top : 28px;
font-size : 0.9em;
text-align : center;
color : #eee;
}
#footer a {
color : #eee;
}
#footer a:hover {
text-decoration : underline;
color : #282828;
}
#load {
padding: 7px 14px;
border-radius: 3px;
background: linear-gradient(#fbfbfb 0%, #dadada 100%);
border: #ccc solid 1px;
}
#load:hover {
background: linear-gradient(#dadada 0%, #fbfbfb 100%);
}
.sidebar b {
padding : 3px 5px 3px 30px;
background : url(images/side90.jpg);
color : #282828;
font-size : 1.1em;
border-bottom : 1px solid #ddd;
display : block;
}
.sidebar ul {
list-style-type : none;
}
.sidebar ul ul {
overflow: hidden;
white-space: nowrap;
padding : 0 0 6px 9px;
background-color : #e9d9e9;
-webkit-box-shadow : 0 0 5px #c2c2c2;
box-shadow : 0 0 5px #c2c2c2;
}
.sidebar a, #navbar a {
color : #717171;
font-weight : bold;
}
.pagetitle {
margin : 0 5px;
}
.posttitle {
margin : 20px 5px 5px;
}
.posttitle a {
transition-duration: 1s;
}
.posttitle h1, .posttitle a:link, .posttitle a:visited {
font-family : Tahoma, Verdana, Arial;
font-weight : bold;
letter-spacing : 0.07em;
}
.posttitle h1 {
color : #616161;
}
.posttitle a:hover, .posttitle a:active, .more-link:hover {
color : #616161;
text-decoration : none;
text-shadow: none;
}
.postmeta {
padding : 3px 3px 0;
font-size : 0.8em;
border-top : 0;
}
.postentry {
padding : 0 0.5%;
font-size : 0.9em;
border-bottom : 2px solid #c3c8c8;
}
.postentry img {
-webkit-box-shadow : 2px 2px 3px #c2c2c2;
box-shadow : 2px 2px 3px #c2c2c2;
}
.wp-pagenavi {
margin : 1.1em 0;
white-space: nowrap;
}
.wp-pagenavi a, .wp-pagenavi span {
padding : 3px;
margin-right : 5px;
font-size : 0.9em;
color : #333;
text-decoration : none;
border : #ccc solid 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background-color : #97241f;
color : #fff;
border : #AFAFAF solid 2px;
}
.wp-pagenavi span.current {
font-weight : bold;
}
.more-link {
display : inline-block;
width : 242px;
height : 34px;
background : url(images/download.gif) no-repeat;
-webkit-box-shadow : 2px 2px 3px #c2c2c2;
box-shadow : 2px 2px 3px #c2c2c2;
}
.box, .tumbs {
margin : 0 auto;
max-width : 700px;
width : 99.5%;
}
.related {
border : 1px solid #ccc;
margin : 0 0 1.2em 2px;
font-size : 0.9em;
width : 32.6%;
float : left;
overflow : hidden;
}
.related img {
width : 100%;
height : 155px;
}
.related:hover {
background-color : #fff;
}
.tumbs img {
margin : 0 2px;
width : 32.6%;
height : 160px;
}
.tumbs1 img, .tumbs2 img {
margin-top : 3px;
border : 1px solid;
width : 95%;
height : auto;
}
#content input {
border : #ccc solid 1px;
}
.go-up, .go-down {
display: none;
position: fixed;
z-index: 9999;
right: 0;
background: #4F4F4F;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
color: #fff;
text-align: center;
font: normal normal 42px/42px sans-serif;
text-shadow: 0 1px 2px #000;
opacity: .5;
padding: 3px;
margin-bottom: 5px;
width: 42px;
height: 42px;
}
.go-up { bottom: 100px; }
.go-down { bottom: 50px; }
.go-down:hover,
.go-up:hover {
opacity: 1;
box-shadow: 0 5px 0.5em -1px #666;
}
#leftbar a, .cat-item {
background: linear-gradient(#fbfbfb 0%, #dadada 100%);
display: table;
padding: 3px 5px;
border: 1px solid #e9d9e9;
}
.toplist {
background-color: transparent;
background: linear-gradient(#fbfbfb 0%, #dadada 100%);
padding: 3px 5px;
margin: 0;
line-height: 1.5em;
font-size : 1em;
font-family : Verdana;
font-weight: bold;
text-align: left;
color: #717171;
border: 1px solid #e9d9e9;
cursor: pointer;
}
.toplist img {
vertical-align: bottom;
width: 16px;
height: 16px;
}
@media screen and (min-width : 1599px){
body {
font-size : 80%;
}
#s {
width : 15%;
}
#wrapper {
max-width : 90%;
}
img[width="500"] {
width : 600px;
}
.sidebar ul ul, .toplist {
line-height : 1.7em;
}}
@media screen and (min-width : 2000px){
#wrapper {
max-width : 85%;
}
img[width="500"] {
width : 700px;
}}
@media screen and (max-width : 1099px){
body {
font-size : 78%;
}
#wrapper {
min-width : 100%;
}}
@media screen and (max-width : 999px){
#content {
width : 74%;
left : 1%;
text-align : left;
}
#rightbar {
width : 24%;
}
#leftbar {
float : right;
width : 24%;
right : 0;
}
.tumbs1 {
display : none;
}}
@media screen and (max-width : 780px){
#s {
width : 30%;
}
#content {
width : 100%;
left : 0;
text-align : center;
}
#rightbar {
width : 50%;
}
#leftbar {
float : left;
width : 50%;
}
.related, .tumbs img {
width : 32.5%;
}
.tumbs2 {
display : none;
}}
@media screen and (max-width : 529px){
#s {
width : 45%;
}
#rightbar {
min-width : 100%;
text-align : center;
}
.header-title, .header-title h1 {
font-size : 33px;
}
.postentry img {
width : 90%;
}
.postentry iframe {
width : 90%;
height : 18em;
}
.related {
width : 31.6%;
}
.related img {
height : 8em;
}
.postmeta, .sidebar ul ul {
line-height : 2.1em;
}
.header-description, .join, #footer span, #leftbar, .tumbs, .pages {
display : none;
}}