@import url(fonts.css);
/* CSS Document */

/* clear fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* png fix */
/*
img { behavior: url(/css/iepngfix.htc); }
*/


* {margin:0px; padding:0px;}

html {
height: 100%;
}

.hidden {
visibility: hidden;
}

.dismiss {
display: none;
}

body {
font-size: 75%;
padding: 0;
margin: 0px;
background-color: #FFF;
}
a {
outline:none;
}
a:link, a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.a {
display: block;
cursor: pointer;
background: url(/images/d3/bg_button_w.gif) no-repeat center;
color: #1A1A1A;
text-shadow: #DDD 0 1px 0;
font-weight: bold;
line-height: 25px;
text-decoration: none;
outline: none;
}

input {
outline:none;
}

.a.button {
width: 84px;
height: 23px;
margin: 3px 10px;
text-align: center;
}

.searchButton {
background : url(/images/d3/bg_button_w.gif) no-repeat top left;
font-family: helvetica, verdana, san-serif;
font-size: 12px;
color: #1A1A1A;
text-shadow: #DDD 0 1px 0;
font-weight: bold;
line-height: 14px;
width: 84px;
height: 25px;
border: 0;
}

input.text {
width: 8em;
border: 1px solid #aaaaaa;
}

input.searchBox {
border: 1px solid #bbb;
padding: 3px 5px;
color: #000;
font: 75% 'Lucida Grande', Verdana, Sans-Serif;
background:#fff url(/images/d3/bg_textBox.gif) no-repeat top left;
}

input.searchBox.empty {
color: #888;
}

/* select box */
select.mediaType {
width: 100px;
}

select.time {
width: 150px;
}

textarea {
border: 1px solid #aaaaaa;
}

.thumbnail img , #image img, #thumbnail img {
padding: 1px;
border: 1px solid #888888;
}

.bullet img {
border: 0px;
}

.thumbnail a {
text-decoration: none;
}

.title {
font-weight: bold;
}

/* common element 
.clear {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}*/

.video_icon {
position: absolute;
left: 0;
top: 0;
z-index: 30;
width: 46px;
height: 50px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/mov_btn.png');	
}
.video_icon[class] {
background-image:url(/images/d3/mov_btn.png);
}

.video_icon_s {
position: absolute;
z-index: 30;
left: 0;
top: 0;
width: 124px;
height: 94px;
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/t3/video_clip.png');	
}
.video_icon_s[class] {
 background-image:url(/images/t6/video_clip.png);
}


.video_icon_s2 {
position: absolute;
z-index: 30;
left: 0;
top: 0;
width: 84px;
height: 64px;
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/t3/video_clip2.png');	
}
.video_icon_s2[class] {
 background-image:url(/images/t6/video_clip2.png);
}


/*.video_icon_s {
position: absolute;
z-index: 30;
left: 0;
top: 0;
width: 23px;height: 25px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/mov_btn_s.png');	
}
.video_icon_s[class] {
 background-image:url(/images/d3/mov_btn_s.png);
}*/

/* the root DIV */
#rootDiv {
width: 960px;
margin-left: auto;
margin-right: auto;
}

* html #rootDiv {
height: 100%;
}

#topDiv {
float: left;
/*
background: url(/images/d3/bg.gif);
*/
}

.title, .content, .author, .post_time, .reply, .point, .info, .user, .category, .pageview, .rating, .tags {
padding: 2px;
}

/* global overflow management */
.title, .content, #title, #content {
overflow: hidden;
}

.more {
text-align: right;
padding: 8px;
}


#loginDiv #infoLink {
color: #888;
display: inline;
margin: 5px;
}

#loginDiv #loginBox {
display: inline;
margin: 5px;
padding: 5px 0;
}

#loginDiv form {
display: inline;
}


/* flip */
#flipDiv {
float: left;
height: 32px;
width: 100%;
}

#flipDiv ul {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
}

#flipDiv ul li {
float: left;
background: url(/images/d3/tab_right.gif) no-repeat top right;
}

#flipDiv ul .highlighted {
background: url(..images/d3/tab_right_h.gif) no-repeat top right;
}

#flipDiv ul .highlighted.index {
background: url(..images/d3/tab_right_h_index.gif) no-repeat top right;
}


#flipDiv ul li a {
display: block;
padding: 0 2em 0 1.5em;
line-height: 24px;
text-decoration: none;
color: #7d7866;
font-weight: bold;
font-size: 110%;
background: url(..images/d3/tab_left.gif) no-repeat top left;
float: left;
}

#flipDiv ul li.highlighted.index a {
color: #FFF;
}

#flipDiv ul li a:hover {
color: #fff;
}

#flipDiv ul li.highlighted a:hover {
color: #7d7866;
}

#flipDiv ul li.highlighted.index a:hover {
color: #FFF;
}

#flipDiv ul .highlighted a {
background: url(/images/d3/tab_left_h.gif) no-repeat top left;
}

#flipDiv ul .highlighted.index a {
background: url(/images/d3/tab_left_h_index.gif) no-repeat top left;
}

#flipDiv #advTextDiv {
margin-right: 10px;
color: #333333; 
}

/* main page content Div */
#mainDiv {
float: left;
width: 960px;
}

#mainDiv #filter {
margin: 10px 0;
}

#mainDiv #flipContent .blogL {
float: left;
width: 250px;
margin: 8px;
}

#mainDiv #flipContent .blogL .thumbnail img {
width: 246px;
}

#mainDiv #flipContent .blogL .content {
width: 246px;
}

#mainDiv #flipContent .blogMT {
float: left;
width: 525px;
margin: 5px;
clear: both;
border-bottom: 1px dashed #BAB39E;
}

#mainDiv #flipContent .blogMT .thumbnail {
float: left;
margin-right: 10px;
}

#mainDiv #flipContent .blogMT .content {
width: 340px;
}

#mainDiv #flipContent .blogMT .post_time {
float: right;
}

#mainDiv #flipContent .blogMT .author {
margin-top: 2em;
}

#mainDiv #pager {
float: right;
margin: 5px;
}

#mainDiv #flipContent .catDiv {
float: left;
width: 260px;
margin: 5px;
}

#mainDiv #flipContent .catDiv #heading {
margin: 2px;
}

#mainDiv #flipContent .catDiv .blogXST {
clear: both;
margin: 5px 5px 8px 5px;
}

#mainDiv #flipContent .catDiv .blogXST .thumbnail {
float: left;
margin-right: 10px;
}

#mainDiv #flipContent .catDiv .blogXST .thumbnail img {
width: 64px;
}

/* text advertisement Div */
#advTextDiv {
float:right;

}

/* advertisement content Div */
#advDiv {
float: right;
}

/* editor choice content Div */
#editorDiv {
float: right;
}

#editorDiv #heading {
background: url(/images/d3/ico_star.gif) no-repeat center left;
background-color: #e5decf;
padding-left: 22px;
}

#editorDiv .blogST {
width: 326px;
float: left;
clear: both;
margin: 0;
padding: 5px 0;
}

#editorDiv .blogST .thumbnail {
float: left;
margin-right: 10px;
}

#editorDiv .blogST .thumbnail img {
width: 120px;
}


/*#footerDiv {
margin: 20px 5px 20px 5px;
padding: 10px 0;
text-align: center;
clear: both;
}*/
/* full div */
#fullDiv {
width: 960px;
}
/* Forum */
#latestThread, #latestNews, #hottestThread {
float: left;
width: 282px;
height: 110px;
margin: 5px;
padding: 2px;
overflow: hidden;
}

#latestThread ul, #latestNews ul, #hottestThread ul {
margin: 5px 0 5px 20px;
padding: 0;
list-style: circle;
}

#latestThread ul li, #latestNews ul li, #hottestThread ul li{
margin: 2px;
}

#forumDiv {
float: left;
padding: 2px;
margin: 2px 2px 2px 5px;
}

#forumDiv .info {
}

#forumDiv #heading, #forumDiv #body {
float: left;
}

#forumDiv .bullet, #forumDiv .info, #forumDiv .threadCount, #forumDiv .replyCount, #forumDiv .lastReply {
float: left;
padding: 2px;
margin: 2px;
overflow: hidden;
}

#forumDiv .row, #forumDiv .row_alt {
float: left;
clear: both;
width: 100%;
}

#forumDiv .row_alt {
background: #fff;
}

#forumDiv .bullet {
width: 40px;
}

#forumDiv .bullet img {
width: 36px;
}

#forumDiv .info {
width: 400px;
}

#forumDiv .threadCount {
width: 100px;
text-align: center;
}

#forumDiv .replyCount {
width: 100px;
text-align: center;
}

#forumDiv .lastReply {
width: 192px;
text-align: center;
}


/* advertisement */
.advS {
float: right;
clear: right;
}

.advM {
float: left;
width: 540px;
margin: 5px;
}

#blogInfoDiv {
float: right;
}




.pager {
font-size: 12px;
float: right;
text-align: center;
margin: 20px 0;
}

.pager .skip {
float: left;
font-size: 120%;
font-weight: bold;
line-height: 16px;
padding: 2px;
margin-right: 10px;
}

.pager a {
float: left;
line-height: 16px;
padding: 0 3px;
display: block;
margin-right: 10px;
font-weight:bold;
}

.pager a:link,
.pager a:visited {
color: #000 !important;
}


.pager a:hover {
color: #e00000 !important;
}

.pager .number {
float: left;
width: 16px;
height: 16px;
line-height: 16px;
display: block;
padding: 0;
margin-right: 6px;
color: #000;
text-decoration: none;
}

.pager .selected {
color: #e00000;
font-weight: bold;
font-size:16px;
}

.videoST .thumbnail {
float: left;
padding: 0 4px 4px 0;
margin-right: 0;
margin-bottom: 0;
/* CSS3 declaration */
/*
-webkit-box-shadow: 3px 3px 3px #aaa;
-khtml-box-shadow: 3px 3px 3px #aaa;
-moz-box-shadow: 3px 3px 4px #aaa;

*/
}


.videoST .thumbnail img {
width: 80px;
height: 60px;
background-color: #FFF;
}

.imageST .thumbnail {
float: left;
display: inline;
padding: 0 4px 4px 0;
margin: 0;
}

.imageST .thumbnail img {
width: 74px;
height: 49px;
padding: 4px 4px 12px 4px;
border: 1px solid #bbb;
background-color: #FFF;
margin: 0;
}

.videoMT .thumbnail {
padding: 0 4px 4px 0;
margin-right: 0;
margin-bottom: 0;
/* CSS3 declaration */
/*
-webkit-box-shadow: 4px 4px 4px #aaa;
-khtml-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 6px #aaa;

*/}

.videoMT .thumbnail img {
width: 120px;
height: 90px;
background-color: #FFFFFF;
}

.imageMT .thumbnail {
float: left;
padding: 0 4px 4px 0;
margin-right: 0;
margin-bottom: 0;
border: 0;
/* CSS3 declaration */
/*
-webkit-box-shadow: 4px 4px 4px #aaa;
-khtml-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 6px #aaa;

*/
}

.imageST .thumbnail a,
.imageMT .thumbnail a,
.imageLT .thumbnail a,
.videoST .thumbnail a,
.videoMT .thumbnail a,
.videoLT .thumbnail a
{
position: relative;
display:block;
z-index:1;
}

/* apply shadow */
.videoST .thumbnail[class], .imageST .thumbnail[class] {
background: url(/images/d3/shadow_ST.png) no-repeat right bottom;
}

.videoMT .thumbnail[class], .imageMT .thumbnail[class] {
background: url(/images/d3/shadow_MT.png) no-repeat right bottom;
}

.videoLT .thumbnail[class], .imageLT .thumbnail[class] {
background: url(/images/d3/shadow_LT.png) no-repeat right bottom;
}

/* hides from IE-Mac (to get layout)\*/
* html .videoST .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_ST.png');
}

* html .imageST .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_ST.png');
}

* html .videoMT .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_MT.png');
}

* html .imageMT .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_MT.png');
}

* html .videoLT .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_LT.png');
}

* html .imageLT .thumbnail {
height: 1%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/d3/shadow_LT.png');
}



/* End hide from IE-Mac */

.imageMT .thumbnail img {
width: 114px;
height: 76px;
padding: 4px 4px 12px 4px;
border: 1px solid #bbb;
background-color: #FFF;
}

.videoLT .thumbnail {
border: 0;
padding: 0 6px 6px 0;
margin-right: 0;
margin-bottom: 0;
/* CSS3 declaration */
/*
-webkit-box-shadow: 4px 4px 4px #aaa;
-khtml-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 6px #aaa;
*/
}

.videoLT .thumbnail img {
width: 160px;
height: 120px;
background-color: #FFF;
}

.imageLT .thumbnail {
border: 0;
padding: 0 6px 6px 0;
margin-right: 0;
margin-bottom: 0;
/* CSS3 declaration */
/*
-webkit-box-shadow: 4px 4px 4px #aaa;
-khtml-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 6px #aaa;
*/
}

.imageLT .thumbnail img {
width: 154px;
height: 102px;
padding: 4px 4px 16px 4px;
border: 1px solid #bbb;
background-color: #FFF;
}
.texta {
border: 1px solid #bbb;
width: 380px;
padding: 3px;
background: url(/images/d3/bg_textBox.gif) no-repeat left top;
}

.wAlignDiv {
margin-left: auto;
margin-right: auto;
}

.wDetailCoreDiv {/* edit 09.12.21 */
position: relative;
float: left;
width: 625px;
left:10px;
clear:left;
}

.wDetailSideDiv {/* edit 09.12.21 */
position: relative;
float: right;
width: 300px;
right:10px;
clear:right;
}

#s1 .wDetailCoreDiv,
#s2 .wDetailSideDiv {left:0;}


.noContentDiv {
text-align:center;
}

/*._float {
!important
}*/