body{
font-family:tahoma,arial;
padding:0;
margin:0;
background: #d7e4ab;
}

.page {
dis-play:table;
width:994px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding:0;
}

.clear {
clear:both;
}

	
.ot {
margin-top:5px;
margin-bottom:5px;
}
.otf {
margin-bottom:12px;
}
.otf2 {
margin-top:15px;
}
td {
vertical-align:top;
}


.hat {
float:left;
display:block;
color:#d7e4ab;
font-size:16px;
font-weight:bold;
margin:2px 0 0 0;
}


/* search */
.search {
float:left;
height:18px;
margin:0 25px 0 10px;
}
.search .sea1 {
float:left;
width:140px;
height:18px;
border:1px solid #ccc;
background:#ccc;
color:#200;
padding: 3px 0 0 3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.search .but1 {
float:left;
width:28px;
height:23px;
font-size:10px;
color:#fff;
background: #568e02 url(/images/sf.png) no-repeat;
}


/* sort & sharing */
.sort_sharing {
width:100%;
color:#d7e4ab;
font-size:12px;
font-weight:bold;
margin-top:0px;
padding:5px;
background:black;
}
.sort_sharing label {
float:left;
padding:3px 3px 0 0;
font-size:12px;
}
.sort_sharing label span {
font-weight:normal;
}
.search, .sort {
float:left;
}
.s_submit {
float:left;
margin-left:4px;
margin-top:-1px;
position:relative;
}
.sel_1 {
float:left;
background:#fff; 
border:1px solid #fff; 
padding:1px; 
margin-right:8px;
width:95px;
}	


/* social sharing */
.sharing {
float:left;
margin:1px 0 0 15px;
}



.title_bl {
float:left;
display:block;
width:100%;
margin: 10px 0 5px 0;
font-size:26px;
font-weight:bold;
color:#444b22;
text-align:center;
}


/* category & pages */
.title_cat {
float:left;
display:block;
width:100%;
}
.title_cat .catname {
float:left;
color:#568e02;
font-size:16px;
font-weight:bold;
margin:6px 15px 0 5px;
}
.title_cat .catname span {
font-size:12px;
font-weight:normal;
color:#444b22;
}
.title_cat .showing {
float:left;
color:#444b22;
font-size:12px;
margin:9px 0 0 0;
}
.title_cat .pages {
float:right;
color:#444b22;
font-size:12px;
margin:6px 3px 0 0;
}
.title_cat .pages a {
font-size:16px;
font-weight:bold;
color:#568e02;
margin:0 5px 0 0;
}
.title_cat .pages a:hover {
color:#568e02;
margin:0 5px 0 0;
text-decoration:none;
}



/* thumbs */
.thumbs {
color:#c05810;
padding: 5px 0;
margin: 0 0 5px 0;
float:left;
}
.thumbs li {
width: 322px; 
display: inline-block; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
margin: 0 2px 6px 2px; 
padding:2px 3px 6px 2px;
text-align: left;
list-style: none;
font-size:16px;
height:301px;
background: #919962;
-moz-border-radius:4px 4px 4px 4px; 
-webkit-border-radius:4px 4px 4px 4px;  
border-radius:4px; 
text-align:center;
}

.thumbs img {
width:320px;
height:240px;
padding:0;margin:0;
}
.thumbs li img {
border: 1px solid #fff;
}
.thumbs li:hover img {
border: 1px dashed #fff;
}

.thumbs li a {
font-weight:bold;
color:#f4f50c;
text-decoration: none;
}

.thumbs li a:hover {
color:#f4f50c;
text-decoration: underline;
}

.thumbs .desc_cat {
float:left;
width:320px;
color:#ffd220;
font-size:24px;
font-weight:bold;
margin:2px 0 5px 0px;
overflow:hidden;
text-align:center;
}
.thumbs .count {
float:left;
width:320px;
height:20px;
color:#fff;
font-size:12px;
margin:2px 0 5px 0;
overflow:hidden;
text-align:center;
}


/* desc thumbs, added, duration, tags  */

.thumbs .desc {
float:left;
width:312px;
height:17px;
color:#fff;
font-size:13px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs .tags {
float:left;
width: 200px;
height:28px;
text-align:left;
color:#ccc;
font-size:11px;
margin:2px 0 5px 4px;
overflow:hidden;
padding-bottom:3px;
}
.tags a {
color:#ccc;margin:0 0 0 2px;
}
.tags a:hover {
color:#ccc;
text-decoration:none;
}
.thumbs .duration {
float:right;
text-align:right;
color:#fff;
font-size:11px;
position:relative;top:-19px;right:1px;
background:#bd1f9f;
padding:2px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.thumbs .added {
float:left;
width: 110px; 
text-align:right;
color:#fff;
font-size:11px;
position:relative;top:-15px;
overflow:hidden;
}

.thumbs .added a {
color:#fff;
text-decoration: underline;
}
.thumbs .added a:hover {
color:#fff;
text-decoration: none;
}

/* categories */
.categories {
float:left;width:125px;
}
.categories li {
text-align: left;
font-size: 12px;
text-transform: uppercase;
list-style: none;
background: url(/images/cat_ar.gif) no-repeat; background-position:0px 5px;
padding-bottom:2px;
padding-left:10px;
font-weight:bold;
}
.categories a {
padding:0;margin:0;
color:#444b22;
text-decoration: none;
}
.categories a:hover {
color:#444b22;
text-decoration: underline;
}
.categories .khat {
font-size: 18px;
color:#444b22;
background:none;
padding:15px 0 0 10px;
}
.categories .khat0 {
font-size: 18px;
color:#444b22;
background:none;
padding:0 0 0 10px;
}

/* top */
.topc a {
color:#444b22;
}
.topc a:hover {
color:#444b22;
}
.topc span {
color:#444b22;
}

.top_pre {
display:table;
width:960px;
margin-top:7px;
margin-bottom:7px;
background:#191c08;
position:relative;left:12px;
}
.top {
width:970px;
font-weight:bold;
line-height:135%;
padding-bottom:8px;
padding-top:6px;
text-transform: uppercase;
}
.top table {
line-height:135%;
color:#434319;
font-size:17px;
}
.top table span {
margin-right:2px;
font-weight:bold;
}
.top table span img {
margin-right:4px;
margin-top:1px;
vertical-align:middle;
border:0;
}
.top a {
font-size:12px;
margin-right:4px;
font-weight:bold;
}
.top a:hover {
font-size:12px;
text-decoration:none;
}

/* top more sites */
.topc1 a {
color:#444b22;
}
.topc1 a:hover {
color:#444b22;
}
.topc1 span {
color:#444b22;
}

.top_pre1 {
display:table;
width:960px;
margin-top:7px;
margin-bottom:7px;
background:#191c08;
position:relative;left:12px;
}
.top1 {
width:970px;
font-weight:bold;
line-height:135%;
padding-bottom:8px;
padding-top:6px;
}
.top1 table {
line-height:135%;
color:#434319;
font-size:17px;
}
.top1 table span {
margin-right:2px;
font-weight:bold;
}
.top1 table span img {
margin-right:4px;
margin-top:1px;
vertical-align:middle;
border:0;
}
.top1 a {
font-size:11px;
margin-right:4px;
font-weight:bold;
}
.top1 a:hover {
font-size:12px;
text-decoration:none;
}


/* footer */
.ft {
line-height:105%;
font-weight:normal;
font-size:11px;
color:#444b22;
width:415px;
position:relative;left:20px;top:25px;
text-align:left;

}
.trade {
font-weight:bold;
font-size:11px;
color:#444b22;
margin-bottom:4px;
}
.trade a {
font-weight:bold;
color:#444b22;
text-decoration:underline;
}
.trade a:hover {
color:#444b22;
text-decoration:none;
}
.war {
margin-top:10px;
margin-bottom:0px;
font-size:11px;
color:#444b22;
}
.war a {
color:#444b22;
text-decoration:underline;
}
.war a:hover {
color:#444b22;
text-decoration:none;
}

.cop {
font-weight:bold;
font-size:11px;
color:#444b22;
position:relative;top:7px;
}

/* search2 */
.search2 {
float:left;
height:18px;
width:245px;
margin:8px 20px 0 37px;
color:#000;
}
.search2 .sea1 {
float:left;
width:165px;
height:18px;
color:#568e02;
border:1px solid #fff; 
background: #fff;
padding: 3px 0 0 3px;
font-size:12px;
}
.search2 .but1 {
float:left;
height:23px;
font-size:12px;
margin:0 5px 0 3px;
color:#fff;
border:1px solid #444b22; 
background: #919962;
font-weight:bold;
}
.sot {
margin-left: 50px;
}

.tlink a {
background: url(/images/cat_ar2.gif) no-repeat; background-position:0px 3px;
padding-bottom:2px;
padding-left:10px;
}



.abc {
float:right;
margin:10px 0 0 25px;
}
.abc .abcot {
margin:0 0 0 115px;
}
.abc .abcot2 {
floar:right;
margin:0 0 0 710px;
}
.abc a {
margin:0 3px 0 3px;
padding:0 3px 0 3px;
color:#fff;
border:1px solid #444b22; 
background: #919962;
text-decoration:none;
}
.abc a:hover {
color:#444b22;
background: #d7e4ab;
border:1px solid #444b22; 
}

.abc2 {
float:left;
width:890px;
margin:10px 0 0 25px;
}
.abc2 a {
float:right;
margin:0 3px 0 3px;
padding:0 3px 0 3px;
color:#fff;
border:1px solid #444b22; 
background: #919962;
text-decoration:none;
}
.abc2 a:hover {
color:#444b22;
background: #d7e4ab;
border:1px solid #444b22; 
}

.abc3 {
float:left;
margin:10px 0 0 490px;
}
.abc3 a {
margin:0 3px 0 3px;
padding:0 3px 0 3px;
color:#fff;
border:1px solid #444b22; 
background: #919962;
text-decoration:none;
}
.abc3 a:hover {
color:#444b22;
background: #d7e4ab;
border:1px solid #444b22; 
}