﻿/* globals */
body					{ margin-top: 0;background-color: #F0F0F0; color: #333; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif; height: 100%; min-height: 100%; }
h4	{ font-weight: bold; color: #1E1B1A; }
h3	{ font-weight: bold; color: #1E1B1A; }
h2	{ font-weight: bold; color: #1E1B1A; }
h1	{ font-weight: bold; color: #1E1B1A;  font-size:14px;  display : inline; }

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
.clearfix1				{ display: inline-block; white-space: nowrap;}
.logo				{ margin-left: 5px; }
html[xmlns] .clearfix	{ display: block; }
a:visited	{ color: #0052A3; }
a:link	{ color: #0052A3;  }
a	{ color: #0052A3; text-decoration:none; }
a:hover					{ color: #1A8DFF; text-decoration:underline}
p						{ line-height: 1.5em; }
blockquote				{ border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }
code					{ background: #EAEAEA; color: #333; font-family: Consolas,Monaco,Courier,monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
pre code				{ background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }
textarea	{background: url(form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=password]	{ background: url(form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=text]	{ background: url(form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=submit]		{ font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; background: url(postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px; color:#FFF; }
input[type=submit]:hover{ border: 1px solid #CCC; background: url(topnav.jpg) repeat-x; color:#333; }
table					{ border-collapse: collapse; border-spacing: 0; }
td					{ padding: 5px; }
th					{ padding: 5px; }
thead th			{ font-weight: bold; color: #333; background: url(topnav.jpg) repeat-x top #CCC; }
th			{ font-weight: bold; color: #333; background: url(topnav.jpg) repeat-x top #CCC; }
tbody td			{ background: #F0F0F0; }
td			{ background: #F0F0F0; }
#content           { margin:0 auto; padding:0 auto; padding-top:15px }
 @media (min-width:970px){#content	{width:960px}}

/* header */
#wrapper                { margin:0 auto;padding:0 auto;}

#header					{ background: #1e1b1a; border-bottom: 5px solid #383332; padding: 0 0 15px 0; }
#branding				{  margin: 0 auto; }
@media (min-width:970px){#branding	{width:960px}}


.logo					{  margin: 20px 0 0 10px; float: left }

.site-name				{ font-weight: bold; font-size: 22px; margin: 0; line-height: 1em; display: block; text-transform: uppercase; }
.site-name a:visited	{ color: #FFF; text-decoration: none; }
.site-name a:link	{ color: #FFF; text-decoration: none; }
.site-desc { line-height: 1em; display: block; font-size: 11px; font-weight: bold; color: #7d716d; margin: 0; padding: 5px 0 0; text-transform: uppercase; }


/* search bar */
#searchbar				{ float: right; overflow: hidden; padding: 0; margin: 25px 0 0; float: right }
#searchform #s			{ float: left; margin: 1px 5px 0 0; padding: 3px 5px;  width: 220px}
#searchform #searchsubmit	{ background: url(postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px ;    font-weight:bold; color:#FFF; float: left; }
#searchsubmit           { border:2px #006600}

/*.blog-name a:link, .blog-name a:visited	{  text-indent: -9000px; background: url(../images/icons/logo.png) no-repeat; width: 450px; height: 22px; display: block; }*/*/

/* navigation */
#nav					{ overflow: hidden; max-height: 35px; }
#nav-content			{ margin: 0 auto; background: url(topnav.jpg) repeat-x #CCC; height: 30px; border: 1px solid #CCC; }
 @media (min-width:970px){#nav-content	{width:958px}}
 
#nav ul a:visited	{ padding: 8px 0 0 0; height: 19px; }
#nav ul a:link	{ padding: 8px 0 0 0; height: 19px; }

.menu				{ list-style: none; margin: 0; padding: 0 15px; max-height: 30px; }
.menu					{ float: left; max-width: 730px; overflow: hidden; }
.menu li		{ float: left; display: inline; text-transform: uppercase;  margin:0; padding:0;}
.menu a:visited	{ display: block; margin: 0 10px 0 0; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; float: left; clear: left; }
.menu a:link	{ display: block; margin: 0 10px 0 0; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; float: left; clear: left; }
.menu a:hover		{ color: #D20000; }

.rss				{ list-style: none; margin: 0; padding: 0 15px; max-height: 30px; float: right;}
.rss li		{ float: left; display: inline;   margin:0; padding:0;}
.rss a:visited	{ display: block; margin: 0 10px 0 0; color: red; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; float: left; clear: left; }
.rss a:link	{ display: block; margin: 0 10px 0 0; color: red; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; float: left; clear: left; }
.rss a:visited	{ margin: 0; }
.rss a:link	{ margin: 0; }
.rss li					{  background-position: 0 9px; padding: 0 0 0 18px; margin: 0 0 0 10px; }



.select_category        {BORDER-RIGHT: #cdcdcd 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cdcdcd 2px solid; PADDING-LEFT: 0px; FONT-SIZE: 10px; BACKGROUND: #f3f3f3; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 2px; BORDER-LEFT: #cdcdcd 2px solid; COLOR: #666666; LINE-HEIGHT: 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #cdcdcd 2px solid; TEXT-ALIGN: right;}
.select_category FORM   {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.select_category_field  {BORDER-RIGHT: #b5b5b5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #b5b5b5 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 1px; BORDER-LEFT: #b5b5b5 1px solid; WIDTH: 210px; PADDING-TOP: 1px; BORDER-BOTTOM: #b5b5b5 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 21px}
.LtCountry                { width:150px}
/* cn */


/* left */
.left                   { width:302px; display:inline-block;vertical-align:top; padding-bottom:10px}

/* sidebar */
.leftad                    { margin-top:5px;  border: #cdcdcd 1px solid;}
.widgettitle			{ color: #333; font-size: 12px; font-weight: bold; margin: 0; padding: 6px 10px; background: url(../images/feed-title-white.jpg) repeat-x top; border: 1px solid #CCC; }
.widgettitle    h2      { color: #333; font-size: 12px; font-weight: bold; display:inline-block; margin: 0; padding: 0;}
.widgettitle    h1      { color: #333; font-size: 12px; font-weight: bold; display:inline-block; margin: 0; padding: 0;}
.widgettitle1           {list-style: none;margin:0;padding:5px 10px 10px;width:280px; float:left; border: solid #CCC; border-width: 0 1px 1px; background: url(../images/content-bg.jpg) repeat-x #FFF;   }
.widgettitle1 a    	    { width:180px; float:left;line-height:20px; margin:0;padding:0 }
.widgettitle1 span 	    { width:85px; float:right;text-align:right; line-height:20px; padding-right:10px;FONT-FAMILY: Verdana, Arial; font-size:10px; color:gray; }
.widgettitle1  a:link	{ font-weight: bold; font-size: 12px; }
.widgettitle1  a:visited{  font-weight: bold; font-size: 12px; }
.bi                     {  color:#F0F0F0;}





/* right */
.right                  {    display:inline-block;*display:inline; *zoom:1; }

 @media (min-width:970px){.right	{width:650px}}

.commenttitle   h3      { font-size: 15px;margin: 0; width:300px; padding-top:10px}
.tvinfo                 { FONT-FAMILY: Verdana, Arial; padding:10px; line-height:20px;  }
.tvinfo     ul          { list-style: none;padding-right:20px;}
.tvinfo     ul  li      { margin-top:20px}
.tvinfo     ul  li  b   { color:red}
.tvinfo     ul  li  h3  { margin:0;}
.tvinfo     ul  li a    { font-weight: bold;}
.ep-cn                  { FONT-FAMILY: Verdana, Arial; padding:10px; line-height:20px;  }
.ep-cn  ul              { margin-top:0;}
.intro                  {  padding-left:10px;}
.tv                     { margin-bottom: 10px; padding: 10px;}
.tv h3                  { font-weight: bold; color: #1E1B1A;  font-size:16px; padding:0;margin:0}
.tv h3 span             { color:red}
.tv  ul                 {  list-style: none; padding:5px 0 0; margin: 0;  border: solid #CCC; border-width: 2px 0 0;}
.tv  ul li              {  font-weight: bold;height:30px;  padding-bottom:3px}
.tv  ul li  span        {  font-weight:normal; color:gray; padding-left:30px; font-size:10px;FONT-FAMILY: Verdana, Arial; }
.tv  ul li .atype      {  font-weight:bold; color:gray; padding-left:5px; font-size:10px; }
.tv ul li .tvmedia      { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(mms.jpg);background-repeat:no-repeat}
.tv ul li .tvreal       { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(rp.jpg);background-repeat:no-repeat}
.tv ul li .tvflash      { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(fla.jpg);background-repeat:no-repeat}
.tv ul li .tvie      { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(ie.jpg);background-repeat:no-repeat}
.tv ul li .tvqik      { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(qik.jpg);background-repeat:no-repeat}
.tv ul li .tvsop      { padding-left:30px;  padding-top:0; padding-bottom:11px; background-image:url(sop.jpg);background-repeat:no-repeat}

.tv-a                   { padding-left:150px}
.navigation             { font-weight: bold;font-size:14px; padding:0 0 10px 5px; }
.tvtv                   { width:620px; padding:30px 0 0 0;margin:0}
.tvtv  h3               { font-weight:bold; color: #1E1B1A;  font-size:16px; padding:0;margin:0;}
.tvtv h3 span           { color:red}
.tv1                    { padding:0; }
.tv1   ul               { padding:0;border-width: 0 0 0;}
.tv1    li              { float:left; padding:0;width:310px;}
.tr1 tr                 { background:#B9CCFF; height:19px;}
.tr1 td                 { background:#B9CCFF; height:19px;}
.tvtv hr                { color:gray; border:2px;}
.nexttv                 { display:block; width:620px; padding-top:10px;}
.nexttv span            { display:block;width:20px;  float:left; border:1px solid silver;margin:0 3px; text-align:center;}

.form                   {padding-top:10px;}
 @media (min-width:970px){.form	{width:580px}}

.form   textarea        {BORDER-top: #666666 2px solid; BORDER-left: #666666 2px solid;BORDER-bottom: #666666 1px solid;}
.form textarea.small    {height:60px;width:98%;float:left;margin-top:5px;padding:5px;font-size:12px;line-height:19px;}
.form .table            {height:35px;float:left;padding-top:10px;}
 @media (min-width:970px){.form .table 	{width:510px}}

.form .table ul         {float:left; margin:0;  list-style:none; padding:0 }
.form .table ul li      {float:left;height:25px;line-height:25px; padding-right:5px;}
.form .table ul li input{float:left;height:17px;width:120px;padding:6px 5px 0 5px;font-size:12px;border:1px solid #ccc;color:#666}
.form .table ul li.button input{height:25px;width:121px;padding-bottom:3px;cursor:pointer;border:0;background:url(button.jpg);color:#333}
.comments               { padding:20px 10px 2px 10px; BORDER-BOTTOM: #cdcdcd 2px solid;FONT-FAMILY: Verdana, Arial; white-space:normal;}

.comments span          { display:block; text-align:right; color:gray;font-size:11px }
.comments span em       { font-style: italic}
.comments b             {  color: #0052A3}


/*  browse  */
.browse                 { MARGIN: 2px 0px 10px; OVERFLOW: auto;  padding-left:5px;}
.browse   a             { BORDER-RIGHT: #ffffff 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 5px solid; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; WIDTH: 140px; PADDING-TOP: 5px; HEIGHT: 19px;DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND:#dfdfdf; FLOAT: left;  TEXT-DECORATION: none}
.browse   a:hover       { BACKGROUND:#3f6376; COLOR: #ffffff}
.browse   A span        { font-weight:normal; font-size:10px;FONT-FAMILY: Verdana, Arial;}
.coun                   { padding-left:10px; padding-top:20px;}

/* epplay */
.display                { padding-top:5px;overflow: hidden; } 


/*  footer */
.footer                 { clear:both; background:#C0C0C0; text-align:center;  line-height:30px; color:#0052A3; padding:20px 0; margin-top:10px;}
.footer  a              { font-weight:bold;  padding:0 4px; }

/*  ad   */
.ad                     { padding:5px 80px} 

/*  pa   */
.pa  a                  {  margin:0 10px}

@media (min-width:480px){
	.forHandheld{
		display:none;
	}
	
	.forWeb{
		display:block;
	}
}

@media (max-width:480px){
		
	.forHandheld{
		display:block;
	}
	
	.forWeb{
		display:none;
	}
}
