body{
font-family:tahoma,arial;
padding:0;
margin:0;
background: #604d74 url('images/fon.gif') repeat-x;
}

.page {
dis-play:table;
width:994px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:0;
}

	
.ot {
margin-top:5px;
margin-bottom:5px;
}
.otf {
margin-bottom:12px;
}
.otf2 {
margin-top:15px;
}
td {
vertical-align:top;
}


.hat_top {
font-size:11px;
color:#39274c;
line-height:110%;
float:left;
position:relative;left:10px;top:4px;
}
.hat_top img {
width:13px;
height:12px;
vertic-al-align:middle;
margin-right:4px;
position:relative;top:2px;
}
.hat_top span {
vertical-align:middle;
}
.hat_top a {
color:#39274c;
text-decoration:underline;
margin-left:3px;
margin-right:18px;
}
.hat_top a:hover {
color:#39274c;
text-decoration:none;
}
.hat_desc {
float:left;
font-size:11px;
color:#412e0a;
line-height:130%;
width:190px;
height:130px;
font-weight:bold;
text-align:justify;
padding-right:5px;
overflow:hidden;
position:relative;left:62px;top:20px;
}


/* search */
.search {
float:left;
height:18px;
margin:0 0 0 10px;
}
.search .sea1 {
float:left;
width:140px;
height:18px;
border:1px solid #eee; 
background:#eee;
color:#200;
padding: 3px 0 0 3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.search .but1 {
float:left;
width:28px;
height:23px;
font-size:10px;
color:#fff;
background: #f9b93b url(../images/sf.png) no-repeat;
}


/* sort & sharing */
.sort_sharing {
width:985px;
color:#ccc;
font-size:12px;
font-weight:bold;
padding:2px;
}
.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 #eee; 
padding:1px; 
margin-right:8px;
width:85px;
}	


/* social sharing */
.share {
float:left;
font-size:12px;
font-weight:bold;
padding:3px 0 0 0;
margin-left:5px;
width: 130px;
}



.title_bl {
float:left;
display:block;
width:100%;
margin: 10px 0 0px 0;
font-size:22px;
font-weight:bold;
color:#fff;
text-align:center;
}
.title_bl h2 {
float:left;
display:block;
width:100%;
margin: 10px 0 0px 0;
font-size:22px;
font-weight:bold;
color:#fff;
text-align:center;
}


/* category & pages */
.title_cat {
float:left;
display:block;
width:100%;
}
.title_cat .catname {
float:left;
color:#fff;
font-size:16px;
font-weight:bold;
margin:6px 15px 0 5px;
}
.title_cat .catname span {
font-size:12px;
font-weight:normal;
color:#fff;
}
.title_cat .catname h1 {
float:left;
color:#fff;
font-size:16px;
font-weight:bold;
margin:1px 15px 0 0;
}
.title_cat .catname h2 {
float:left;
color:#fff;
font-size:13px;
font-weight:bold;
margin:2px 5px 0 0;
}

.title_cat .showing {
float:left;
color:#fff;
font-size:12px;
margin:9px 0 0 0;
}
.title_cat .pages {
float:right;
color:#fff;
font-size:12px;
margin:6px 3px 0 0;
}
.title_cat .pages a {
font-size:15px;
font-weight:bold;
color:#fff;
margin:0 5px 0 0;
}
.title_cat .pages a:hover {
color:#fee786;
margin:0 5px 0 0;
text-decoration:none;
}
.related {
float:left;
width:994px;
font-size:12px;
margin:0 0 5px 0;
color:#ccc;
}
.related a {
color: #fff;
margin:0 2px 0 5px;
}
.related a:hover {
text-decoration:none;
color:#ccc;
}

.title_h1 h1 {
width:994px;
float:left;
color:#fff;
font-size:16px;
font-weight:bold;
margin:0 15px 0 0;
}


/* thumbs main */
.thumbs0 {
width: 10-0%; color: #c05810; padding: 10px 0;
padding:0;margin-top:0;
}
.thumbs0 li {
width: 242px; 
disp-lay: -moz-inline-stack; 
display: inline-block; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
position: relative; z-index: 99; 
margin: 0 2px 7px 2px; 
padding: 0 0 10px 0;
text-align: left;
list-style: none;
float: left;
position: relative;
height: 228px;
background: #8551bb;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
text-align:left;
}
.thumbs0 li:hover{
float: left;
position: relative;
width: 242px;
height: 228px;
background:#e22525;
}
.thumbs0 img {
padding:0;margin:0;
}
.thumbs0 li img {
border: 1px solid #fff;
}
.thumbs0 li:hover img {
border: 1px dashed #fff;
}

.thumbs0 a {
color:#fff;
text-decoration:none;
}

.thumbs0 .desc_cat {
float:left;
width:235px;
hei-ght:45px;
color:#fee786;
font-size:20px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs0 h3 {
float:left;
width:235px;
hei-ght:45px;
color:#fee786;
font-size:20px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs0 .count {
float:left;
width:235px;
height:45px;
color:#eee;
font-size:12px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}


/* thumbs */
.thumbs {
width: 10-0%; color: #c05810; padding: 10px 0;
padding:0;margin-top:0;
}
.thumbs li {
width: 242px; 
disp-lay: -moz-inline-stack; 
display: inline-block; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
position: relative; z-index: 99; 
margin: 0 2px 7px 2px; 
padding: 0 0 10px 0;
text-align: left;
list-style: none;
float: left;
position: relative;
height: 228px;
background: #8551bb;
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
text-align:left;
}
.thumbs li:hover{
float: left;
position: relative;
width: 242px;
height: 228px;
background:#e22525;
}
.thumbs img {
padding:0;margin:0;
}
.thumbs li img {
border: 1px solid #fff;
}
.thumbs li:hover img {
border: 1px dashed #fff;
}

.thumbs a {
color:#fff;
text-decoration:none;
}

.thumbs .desc_cat {
float:left;
width:235px;
hei-ght:45px;
color:#fee786;
font-size:20px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs .count {
float:left;
width:235px;
height:45px;
color:#eee;
font-size:12px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}



/* desc thumbs, added, duration, tags  */
.thumbs .desc {
float:left;
width:235px;
height:15px;
color:#fee786;
font-size:12px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs h3 {
float:left;
width:235px;
height:15px;
color:#fee786;
font-size:12px;
font-weight:bold;
margin:2px 0 5px 4px;
overflow:hidden;
text-align:center;
}
.thumbs .tags {
float:left;
width: 140px;
height:26px;
text-align:left;
color:#fff;
font-size:11px;
margin:-4px 0 5px 4px;
overflow:hidden;
padding-bottom:3px;
}
.tags a {
color:#fff;margin:0 0 0 2px;
text-decoration: underline;
}
.tags a:hover {
color:#fff;
text-decoration:none;
}
.thumbs .duration {
float:right;
text-align:right;
color:#fff;
font-size:11px;
position:relative;top:-40px;right:1px;
background:#b31e00;
padding:2px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.thumbs .added {
float:right;
width: 90px; 
text-align:right;
color:#fff;
font-size:11px;
position:relative;top:-22px;right:7px;
}

.thumbs .added a {
color:#fff;
text-decoration: underline;
}
.thumbs .added a:hover {
color:#fff;
text-decoration: none;
}


span.link {
position: absolute;
left: 0;
top: 0;
width: 242px;
height: 207px;}

span.link a {
display: block;
width: 100%;
height: 100%;
background: url(transpar.gif);
}
span.link a img{
disp-lay: none;
border: 1px solid white;
}
.clear {
clear:both;
}

.thumbs_emb {
list-style: none;
}
.thumbs_emb li {
text-align: center;
margin-left:-60px;
}
.thumbs_emb li h1 {
color:#fff;
font-size:30px;
margin-bottom:10px;
}

span.link2 {
position: absolute;
left: 0;
top: 0;
width: 242px;
height: 207px;}

span.link2 a {
display: block;
width: 100%;
height: 100%;
background: url(transpar.gif);
}
span.link2 a img{
disp-lay: none;
border: 1px solid white;
}





/* 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 2px;
padding-bottom:2px;
padding-left:10px;
font-weight:bold;
}
.categories a {
padding:0;margin:0;
color:#fee786;
text-decoration: none;
}
.categories a:hover {
color:#fee786;
text-decoration: underline;
}
.categories .khat {
font-size: 18px;
color:#fee786;
background:none;
padding:15px 0 0 10px;
}
.categories .khat0 {
font-size: 18px;
color:#fee786;
background:none;
padding:0 0 0 10px;
}

/* top */
.topc a {
color:#fee786;
}
.topc a:hover {
color:#fee786;
}
.topc span {
color:#fee786;
}

.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:195%;
color:#fff;
font-size:12px;
}
.top table span {
margin-right:2px;
font-weight:bold;
}
.top table span img {
width:20px;
height:11px;
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;
}


/* footer */
.ft {
line-height:105%;
font-weight:normal;
font-size:11px;
color:black;
width:330px;
position:relative;left:30px;top:50px;
}
.trade {
font-weight:bold;
font-size:11px;
color:#fff;
margin-bottom:4px;
}
.trade a {
font-weight:bold;
color:#fff;
text-decoration:underline;
}
.trade a:hover {
color:#fff;
text-decoration:none;
}
.war {
margin-top:10px;
margin-bottom:0px;
font-size:11px;
color:#fff;
}
.war a {
color:#fff;
text-decoration:underline;
}
.war a:hover {
color:#fff;
text-decoration:none;
}

.cop {
font-weight:bold;
font-size:11px;
color:#fff;
position:relative;top:7px;
}

/* search2 */
.search2 {
float:left;
height:18px;
width:245px;
margin:8px 20px 0 3px;
color:#000;
}
.search2 .sea1 {
float:left;
width:165px;
height:18px;
border:1px solid #fff; 
background: #8551bb;
padding: 3px 0 0 3px;
font-size:12px;
color:#fff;
}
.search2 .but1 {
float:left;
height:23px;
font-size:12px;
margin:0 5px 0 3px;
border:1px solid #fff; 
background: #8551bb;
color:#fff;
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;
color: #111;
margin:10px 0 0 25px;
font-size:16px;
}
.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 #8551bb; 
background: #8551bb;
text-decoration:none;
}
.abc a:hover {
color:#fff;
background: #e22525;
border:1px solid #e22525; 
}

.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 #8551bb; 
background: #8551bb;
text-decoration:none;
}
.abc2 a:hover {
color:#fff;
background: #e22525;
border:1px solid #e22525; 
}

.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 #8551bb; 
background: #8551bb;
text-decoration:none;
}
.abc3 a:hover {
color:#fff;
background: #e22525;
border:1px solid #e22525; 
}