a {
color : #cc0f16;
text-decoration : none;
}
div span a img {
width: 100px;
height: 25px;
}
img {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle; 
} 
input, textarea, select {
background: #fff;
padding: 5px;
margin: 1px;
border: #ddd 1px solid;
color: #555; 
}
input[type="radio"]{
padding: 1px;
}
body {
background: url(http://devian.mywapblog.com/files/new-repeated.jpg) repeat #55ACEE;
    color: #333;
font-size : 12px;
font-family :"Arial" sans-serif;
margin : 0;
padding : 0;
margin: auto; 
max-width:500px;
}
form {
font-size : small;
margin : 0;
padding : 0;
}
h3 {
margin : 0;
padding : 0;
padding-bottom : 2px;
}
hr {
border : 0;
border-top : 1px dotted #ccc;
margin : 0; 
}
p {
margin: 1px;
}
ul {
margin : 0;
padding-left : 20px;
}
.button, .rate_submit, .xt_button {
background: #179023;
border: 1px solid #179023;
color: #fafafa;
padding: 5px;
margin: 1px;
font-weight: bold; 
}

/* Header */
.header {
background: #111 url(http://bagon45.mobie.in/images/icons/bg.png);
padding: 8px;
margin: 0;
color: #fafafa;
font-weight:bold;
}
.header img { max-width:760px; }
@media screen and (min-device-width:100px) and (max-device-width:130px){ .header img,. screenshot, img { max-width: 80px; } }
@media screen and (min-device-width:131px) and (max-device-width:180px){ .header img, .screenshot, img { max-width: 150px; } } 
@media screen and (min-device-width:181px) and (max-device-width:250px) { .header img, .screenshot, img { max-width:180px; }}
@media screen and (min-device-width:251px) and (max-device-width:320px){ .header img, .screenshot, img { max-width:280px; }} 
@media screen and (min-device-width:321px) and (max-device-width:480px){ .header img, .screenshot , img{ max-width: 420px; }}
@media screen and (min-device-width:481px) and (max-device-width:640px){ .header img, .screenshot , img{ max-width: 480px; }}
@media screen and (min-device-width:641px) and (max-device-width:720px){ .header img, .screenshot , img{ max-width: 480px; }}
@media screen and (min-device-width:720px) and (max-device-width:5000px){ .header img, .screenshot , img{ max-width: 480px; }}
 
.navigation {
background: #629a1f url('seupang.ga/graph/aut_bg.png') top repeat-x;
padding: 3px 3px 5px 0px;
font-size: 12px;
margin:1px;
border-bottom: 2px #abce82 solid;
color: #2b4e01;
}
.navigation .select {
background: #f6f5f5;
padding: 7px 0;
margin: 0;
}
.navigation span a {
display: inline-block;
color: #2b4e01;
padding: 7px 5px;
margin: 0;
font-weight: bold;
border-right: 1px solid #f6f5f5;
}

/* Footer */
.qfooter {
background: #629a1f;
color: #2b4e01;
padding: 5px 7px;
margin:0;
font-weight: bold;
}
.qfooter input, .qfooter select, .qfooter .button{
padding: 3px 5px;
display: inline-block;
}
.qfooter .button{
background: #333;
border: 1px solid #111;
}
.nav-footer {
background: #ddd;
color: #333;
font-weight: bold;
padding: 7px;
}
.footer {
background: #eee;
padding: 7px;
margin: 0;
color: #555;
text-align: center;
}
.footer a{
color: #555;
text-decoration: none;
}

/* Menu */
.mainpage {
padding: 7px;
border-top: 0;
border-bottom: 0;
}
.tmenu, .tnews {
background: #eee;
padding: 7px;
color: #666;
margin: 5px 0 0 0;
font-weight: bold;
border: 1px solid #ddd;
}
.tnews {
margin: 0;
}
.menu, .container, .list, .back-menu, .news {
padding: 7px;
color: #636363;
margin: 0;
border: 2px solid #ddd;
border-top: 0;
}
.aut, .menu_razd1,.fmenu
{
background: #629a1f url('seupang.ga/graph/aut_bg.png') top repeat-x;
padding: 3px 3px 5px 0px;
font-size: 12px;
margin:1px;
border-bottom: 2px #abce82 solid;
color: #2b4e01;
}
.container .textarea {
width: 90%;
}
.back-menu {
padding: 3px;
}
.back-menu a {
display: inline-block;
padding: 5px;
font-weight: bold;
}
.back-menu .back {
background: #cc0f16;
color: #fff;
border: 1px solid #911;
}
.back-menu .next {
background: #179023;
color: #fff;
border: 1px solid #071;
float:right;
}
.dfile {
text-align: center;
}
.dfile .dl {
background: #1279ee;
border: 1px solid #1279ee;
padding: 10px;
margin: 5px 5px 0px 5px;
color: #fff;
font-weight: bold;
text-align: center;
display: inline-block;
}
/* guestbook */
.guest-form {
padding: 7px;
margin: 0;
border: 1px solid #ddd;
border-top: 0;
}
.guest-form .textarea, .guest-form .input {
width: 90%;
}
.block-comment{
padding: 0;
margin: 5px 0 0 0;
position: relative;
}
.block-comment .thumbnail {
position:absolute;
border: 1px solid #ddd;
top:0px;
left:0px;
width:32px;
height:32px;
padding:1px;
}
.comment-author {
padding: 3px;
}
.comment-author .date {
color: #777;
}
.comment-list {
margin: 0 0 0 40px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
}
.comment-message, .comment-actions{
padding: 3px 0;
}
.comment-actions a, .comment-actions span{
background: #179023;
padding: 3px 7px;
display: inline-block;
color: #fff;
font-weight: bold;
}
.comment-actions span{
background: #cc0f16;
}
.block-reply {
margin: 0 1px 1px 15px;
padding: 5px 0 5px 5px;
}
.block-reply .block-comment {
border: 0;
}
.block-reply .thumbnail {
left: 0;
}
.block-reply .comment-list {
margin: 0 0 0 40px;
}
/* paging */
.xt_pagination, .filelist_paging{
margin: 5px 0;
text-align: center;
}
.xt_pagination a, .xt_pagination .selected, .filelist_paging a, .filelist_paging span {
padding: 5px;
display: inline-block;
margin: 1px;
font-weight: bold;
}
.xt_pagination a, .filelist_paging a {
background: #fff;
border: 1px #ddd solid;
}
.xt_pagination .selected, .filelist_paging span {
background: #cc0f16;
border: 1px solid #cc0f16;
color: #fff;
}
 
/* Error Message */
.error {
border: 1px solid #ddd;
border-top: 0;
padding: 7px;
}

/* Vote situs*/
.vote_cont {
border: 1px solid #ddd;
}
.vote_cont h3{
background: #eee;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 7px;
}
.container h3{
font-size: 13px;
margin: 0;
}

.vote_cont .answer, .vote_cont .submit, .vote_cont .result{
padding: 5px 7px;
}
.vote_cont #answer1, .vote_cont #answer2, .vote_cont #answer3, .vote_cont #answer4, .vote_cont #answer5, .container #answer1, .container #answer2, .container #answer3, .container #answer4, .container #answer5 {
padding: 1px;
}
.container #answer1, .container #answer2, .container #answer3, .container #answer4, .container #answer5 {
display: inline-block;
}

/* Sharer */
.share-button {
padding: 7px;
font-weight: bold;
border: 1px solid #ddd;
border-top: 0;
}
.share-button a{
display: inline-block;
}
.social-button{
padding: 3px 0px;
font-weight: bold;
}
.share-button .fb-share {
background: #3b5998;
padding: 5px;
margin: 1px;
color: #fff;
font-weight: bold;
}
.share-button .tw-share {
background: #4099ff;
padding: 5px;
margin: 1px;
color: #fff;
font-weight: bold;
}
.share-button .gp-share {
background: #c0361a;
padding: 5px;
margin: 1px;
color: #fff;
font-weight: bold;
}

/* Search */
.searchbox {
padding: 7px;
margin:0;
border: 1px solid #ddd;
border-top: 0;
}
.searchbox .input {
width: 60%;
}
.searchbox .xt_button {
width: 30%;
}
.breadcrumbs {
padding: 3px;
margin:5px 0 0 0;
border: 1px solid #ddd;
}
.breadcrumbs a {
display: inline-block;
padding: 5px;
}
.breadcrumbs .back, .breadcrumbs a {
background: #cc0f16;
padding: 5px;
font-weight: bold;
color: #fff;
border: 1px solid #911;
margin: 0 1px 0 0;
}


/* smile */
.smile {
padding: 7px;
border: 1px solid #ddd;
border-top: 0;
margin: 0;
}
.smile span {
margin: 1px;
display: inline-block;
}