/*  
Theme Name: VN-NEWS Theme
Theme URI: http://themes.mine.nu
Description: Theme WordPress dùng làm trang Tin Tức. Mọi thắc mắc vui lòng liên hệ tom_riddlevn@yahoo.com.
Version: 1.0 (Beta)
Author: Tom Riddle
Author URI: http://themes.mine.nu
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: Verdana; font-size: 12px; color: #4d4b4c;  }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding-top:1px;padding-bottom:2px; font-size:14px;}
a:link {  text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 978px; margin:auto; } /*nguyen nhan gay loi trenIE */

/*+++++++ TOP +++++++*/
#header { height: 106px; width: 975px; }
#logo { float: left; width: 453px; height:87px; padding-top:10px;}
#logo h1{text-indent:-10000px;}
/*#logo h1 a{display:block; background: url(images/logo.jpg) no-repeat;width: 453px; height:87px; outline:none;}*/
#topleft { float: right; height: 106px; width: 630px; }
#searchbox { float:right; width: 233px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }

/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:15px; }
#browse {font-weight:bold;font-size:13px; float: left; width: 100%; }
#rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:22px; text-align:right;}

/*+++++++ ENTRY +++++++*/
#latest { width:950px; padding:10px; background:#fff; border:1px solid #1C72AB;margin-bottom:10px; line-height:140%;}
#latest h2 { font: bold 19px Verdana,Arial,Sans-serif;letter-spacing: 0px;margin-bottom:10px;}
#latest h2 a { color:#006bb2;}
#latest h2 a:hover { color:#074d7c;}
#latest p { padding-bottom:10px;}
#lbg { width:940px; background:#ecf8ff; padding:10px;line-height:140%;}

#left { float: left; width: 570px; }
.entry { width: 540px; padding:10px; background:#fff; border:1px solid #1C72AB; margin-bottom:10px; line-height:140%; }
.entry h2 { font: bold 17px Verdana;letter-spacing: 0px;margin-bottom:7px;}
.cat a { color:#990000 !important; }
.cat {border-bottom:1px dotted #ccc;margin-bottom:10px;padding-bottom:3px;padding-top:2px; color:#990000;
    font-family:Verdana;
    font-size:15px; 
	font-weight:bold;
}

.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 20px;padding-left:0px; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos {font-size:11px;padding-bottom:15px;}
.author {background: url(images/user.gif) no-repeat left center;	 padding: 0 0 0 20px; }
.author a {color: #ff6600;font-weight:bold;}
.tags {background: url(images/tags.gif) no-repeat ;	 padding: 0 0 1px 20px; font-weight:bold;}
.views {background: url(images/view.gif) no-repeat left center;	font-weight:bold; padding: 0 0 0 20px; }
.date { background:url(images/date.gif) no-repeat left center; padding-left:20px;font-weight:bold; }
.user-comments { background:url(images/user_comment.png) no-repeat left center; padding-left:20px;padding-bottom:2px; }
.comments { background:url(images/comment.gif) no-repeat left center; font-weight:bold;padding-left:20px; }
.category { background:url(images/folder.gif) no-repeat left -2px; padding-left:20px;font-weight:bold; }
.home { background:url(images/home.png) no-repeat left center; padding-left:22px; }
.trackback { background:url(images/trackback.png) no-repeat left center; padding-left:20px; }
.feed { background:url(images/feed.gif) no-repeat left center; padding-left:20px;font-weight:bold; }
.rss { background:url(images/rss.gif) no-repeat right 1px; padding-right:15px;font-weight:bold; }
.login { display:block; background:url(images/login.png) no-repeat 0 0; padding-left:20px; padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #1C72AB; }
.siteadmin{ display:block; background:url(images/siteadmin.png) no-repeat 0 0; padding-left:20px; padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #dadada; }
#navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }
.author-email {background: url(images/your-email.gif) no-repeat left center; padding: 0 0 1px 27px;font-weight:bold;}

/*+++++++ SIDEBAR +++++++*/
#right { float:left; width: 400px;  }
#topsidebar { width: 384px; padding:0 10px 0 10px; border:1px solid #1C72AB; background:#fff; margin-bottom:10px; }
#topsidebar h2 { font-size:15px; margin-bottom:5px;margin-top:5px; margin-left:-5px; color:#4c4c4c; }
#lsidebar h2 { font-size:17px; margin-bottom:10px; color:#1C72AB; }
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:394px;padding:5px; border:1px solid #1C72AB; background:#fff;}
#rsidebar { float:left; width:166px; padding:5px 10px 5px 10px; border:1px solid #1C72AB; background:#fff; margin-left:10px;}
/* font danh muc*/
#sidebarbottom ul li { font-weight:bold; font-family: Verdana; font-size:15px; margin-bottom:10px; color:#1C72AB; display:block; background:url(images/folder.gif) no-repeat 0 0; padding-left:20px; padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #dadada; }
#sidebarbottom p{padding:0 5px;}

#recent-comments {
	background:#fff;
	margin-top:0px;
	}

#recent-comments div {
	padding-bottom:10px;
	padding-top:5px;
	border-bottom:1px dotted #ccc;
	list-style:none;
	}
#recent-comments div:hover {background-color:#eef5fb;}	

#widget_categories ul li,#categories ul li {list-style:none;background:url(images/folder.gif) no-repeat 0 3px; padding-left:20px; padding-bottom:5px; margin-top:2px; border-bottom:1px dotted #ccc; }
#categories ul li ul li {border:none;}
#widget_categories ul li ul li {border:none;padding-bottom:0px;}

#recent-posts li,#meta li,.widget_recent_comments li {list-style:square;border-bottom:1px dotted #ccc;margin-left:10px;margin-bottom:5px;padding-bottom:5px;}
#recent-posts li:hover {background-color:#eef5fb;}

#comments ul li { background:url(images/comment.gif) no-repeat left center; padding-left:20px; }
.widget_links ul li,#links ul li { display:block; background:url(images/link.png) no-repeat 0 0; padding-left:20px; padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #dadada; }
#archives ul li { display:block; background:url(images/archive.png) no-repeat 0 0; padding-left:20px; padding-bottom:5px; margin-top:5px; border-bottom:1px dotted #dadada; }

div#subscribe {float:left;background:url('images/subscribebg.png') no-repeat -3px;background-color:#FFFFFF;padding-bottom:15px;}
div#subscribe h2 {float:left;width:212px;margin:0px;font:11px Verdana;color:#64666B;padding-left:72px;padding-top:38px;padding-bottom:5px;}
div#subscribe h2 a {font-weight:normal;color:#64666B;}
div#subscribe img {float:left;margin-top:12px;}
#subscribeform {float:left;margin:0px;padding:0px;padding-left:72px;}
#subscribeform .subscribeinput {float:left;border:0px;width:225px;height:19px;background:url('images/subscribeinput.png') no-repeat;font:11px Verdana;padding-top:3px;padding-left:3px;}
#subscribeform .subscribesubmit {float:left;border:0px;margin-left:3px;}

/*+++++++ COMMENTS +++++++*/
.commentlist {list-style-type:none; width: 560px; padding:0px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; }
.commentlist h2 { font: bold 17px Verdana;letter-spacing: 0px;margin:10px;}
.commentlist li {padding: 10px 10px 10px;background:#fff;border-top:1px solid #dadada;}
.commentlist li.alt {padding: 10px 10px 10px;background:#eee;border-top:1px solid #dadada; }
.commentlist .gravatar img {padding:1px; float:right; background:#fff; border:1px solid #ccc;margin-left:10px;}

/*+++++++ FOOTER +++++++*/
#foo { width: 975px; margin:auto; height:65px;font-size:11px; background: url(images/footer.jpg);}
#foo a:active { text-decoration: none; }
#foo ul { float:left; margin-top:10px; }
#foo ul li {display:inline; height:35px; line-height:35px; font-weight:700;}
#foo ul li.current_page_item a { background:none; color:#000; }
#foo ul li.current_page_item a:hover{background:none;color:#000;}
#foo ul li a {float:left; padding:0 10px 0 0;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

.post-thumb{
display:block;
float:left;
margin-right:10px;
padding:1px;
width:130px;
height:100px;
text-align:center;
vertical-align:middle;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #ccc;
}

.post-thumb-2{
display:block;
float:right;
margin-left:3px;
padding:1px;
width:130px;
height:100px;
text-align:center;
vertical-align:middle;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #ccc;
}

.post-feature{
display:block;
float:left;
margin-right:10px;
padding:1px;
width:310px;
height:210px;
text-align:center;
vertical-align:middle;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #ccc;
}

.post-thumb-small{
display:block;
float:left;
margin-right:10px;
padding:1px;
width:60px;
height:50px;
background-color:#FFFFFF;
border:1px solid #ccc;
}
	
.home-grav {
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
	float:right;
	margin-top:5px;
	margin-left:5px;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {display: inline-block;}

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

.your-name{
display:block;
margin:5px 0px 8px 0px;
width:40%;
border:1px solid #cccccc;
background-color:#f7f7f7;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-name.gif);
background-position:left center;
background-repeat:no-repeat;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.your-name:focus{
display:block;
margin:5px 0px 8px 0px;
width:40%;
border:1px solid #ccc;
background-color:#fff;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-name.gif);
background-position:left center;
background-repeat:no-repeat;
font-family: Verdana,Arial,Helvetica, sans-serif;
}
.your-email{
display:block;
margin:5px 0px 8px 0px;
width:40%;
border:1px solid #cccccc;
background-color:#f7f7f7;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-email.gif);
background-position:left center;
background-repeat:no-repeat;
font-family:Verdana, Arial,  Helvetica, sans-serif;
}
.your-email:focus{
display:block;
margin:5px 0px 8px 0px;
width:40%;
border:1px solid #ccc;
background-color:#fff;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-email.gif);
background-position:left center;
background-repeat:no-repeat;
font-family:Verdana, Arial,  Helvetica, sans-serif;
}
.your-site{
display:block;
margin:5px 0px 8px 0px;
width:40%;
color:#0000CC;
border:1px solid #cccccc;
background-color:#f7f7f7;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-site.gif);
background-position:left center;
background-repeat:no-repeat;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.your-site:focus{
display:block;
margin:5px 0px 8px 0px;
width:40%;
border:1px solid #ccc;
background-color:#fff;
color:#0000CC;
padding:6px 6px 6px 27px;
font-size:11px;
font-weight:bold;
background-image:url(images/your-site.gif);
background-position:left center;
background-repeat:no-repeat;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.your-message{
display:block;
margin:5px 0px 8px 0px;
width:96%;
border:1px solid #cccccc;
background-color:#f7f7f7;
padding:6px;
font-size:12px;
font-weight:normal;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.your-message:focus{
display:block;
margin:5px 0px 8px 0px;
width:96%;
border:1px solid #ccc;
background-color:#fff;
padding:6px;
font-size:12px;
font-weight:normal;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.add-pic{
border:1px solid #FFCC99;
background-color:#FFFFCC;
margin:5px 0px 5px 0px; 
padding-bottom:20px;
padding-top:5px;
padding-left:8px;
padding-right:4px;
font-size:11px;
width:96%;
}
.form-l{
color:#990000;
display:inline;
width:270px;
float:right;
text-align:left;
margin:4px;
padding:0px;
}

label{
font-weight:bold;
margin:0px;
text-align:left;
font-size:11px;
padding:0px;
}
.button{
font-size:11px;
font-weight:bold;
padding:6px;
background-image:none;
background-color:#8f0b01;
border:1px solid #ffffff;
display:block;
color:#FFFFFF;
text-align:right;
}
.comment-box-submit{
font-weight:bold;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
padding:5px;
border:1px solid #cccccc;
color:#FFFFFF;
background-color:#8f0b01;
}
.comment-box-submit:hover{
font-weight:bold;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
padding:5px;
border:1px solid #cccccc;
text-decoration:underline;
color:#FFFFFF;
background-color:#333333;
}
.related-box{
overflow : hidden;
padding-top:5px;
padding-bottom:5px;
display:block;
background-color:#fff;
border-bottom:1px dotted #ccc;
}
.related-box:hover{
overflow : hidden;
padding-top:5px;
padding-bottom:5px;
display:block;
background-color:#eef5fb;
border-bottom:1px dotted #ccc;
}
.featuredcontent{
	float: left;
	margin:0px;
	display:block;
	width: 580px;
	height:210px;
	overflow:hidden;
}
.featureditem {
display:none;
margin-left:20px !important;
margin-left:8px;
background: #fff;
width:96%;
height:100%;
}
.lastedcontent{
	float: left;
	margin:0px;
	display:block;
	width: 600px;
	height:210px;
	overflow:hidden;
}
.lasteditem {
margin-left:0px;
background: #fff;
width:98%;
height:100%;
}

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
#Top-Head {
	font-weight:bold;	
	width: 950px;
	height:25px;
	font-size:11px;
	color:#CCCCCC;
}
#Top-Head a{
	color:#CCCCCC;
}	
#Top-Head a:hover{
	color:#fff;
}	
.bookmark_link{
	cursor: pointer;
}
.bookmark_link:hover{
	color:#fff;
}

#Main-Head
{	width:975px;
	height:141px;
	clear:both;
	background:url(images/headerkvs.jpg) repeat-x top;
	color:#acb3c1;
	/*border-bottom:1px solid #4a6294;
	border-top:1px solid #444;*/
	margin-bottom:10px;
}

.content-950{
	width:950px;
	position:relative;		
	border:none;
	text-align:left;
}

#nav{
	position:absolute;top:114px;
	left:0px;  text-align:left;
	list-style: none; margin: 0px; padding: 0px;
	font-size:12px;
	cursor: pointer;
}
#nav li{ padding: 0px; margin: 0px; display: inline; line-height: 14px; 
	float: left;
	height: 27px;
}

#nav li a {padding-left:10px;margin-right:5px; height:27px; color:#FFFFFF !important; font-weight:bold; background: url(images/tab-deactive-left-head.gif) no-repeat; float: left;}
#nav li a span { padding: 4px 9px 9px 0px; display: block; background: url(images/tab-deactive-right-head.gif) no-repeat right top; float: left; }
#nav li a:hover,#nav li.current_page_item a {padding-left:10px;margin-right:5px; height:27px; color:#000 !important; font-weight:bold; background: url(images/tab-active-left-head.bmp) no-repeat; float: left;}
#nav li a:hover span,#nav li.current_page_item  a span { padding: 4px 9px 9px 0px; display: block; background: url(images/tab-active-right-head.bmp) no-repeat right top; float: left; }

#nav ul{
	padding: 0;
	margin: 0;
	float:left;
	list-style: none;
}
#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	top:27px;
	padding-top:0px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:1000;	
}

#nav li ul li {
	background: url(images/topmenu-bgr.gif) repeat-x top;
	width:15em;
	border:0.5px solid #ccc;	
	padding:1px;
}
#nav li ul li a ,#nav li ul li a span,#nav li ul li a:hover,#nav li.current-cat ul li a,#nav li ul li a:hover span,#nav li.current-cat ul li a  span{background:none;margin-top:1px;}

#nav1 {float:left; }
#nav1 ul { }
#nav1 ul li {display:inline; line-height:30px;}
#nav1 ul li.current_page_item a { color:#fff; }
#nav1 ul li.current_page_item a:hover{background:transparent;color:#fff;}
#nav1 ul li a { color:#CCCCCC;float:left; padding:0 0 0 20px;}
#nav1 ul li a:hover{background:none;color:#fff; text-decoration:none;}

.homecontent {
	display:block;
	overflow:hidden;
}
.summarylinks{
	margin-top:10px !important;
	margin-top:20px;
	padding-top:0px !important;
	padding-top:5px;
	margin-bottom:0px;
	border-top:1px dotted #ccc;
}
.summarylinks li {
	list-style:square;
	padding:0px !important;
	padding:3px;
}

.contentblock {
	display:block;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px !important;
	padding-bottom:20px;
	margin-bottom:10px;
}

.author-info {
	padding:0px;
	margin:0px;
}
.author-info p {
	padding:0px;
	margin-bottom:8px;
}
.author-info h3 {
	font-size:14px;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top:1px dotted #ccc;
}
.author-photo-small {
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
	padding:1px;
	width:48px;
	height:48px;
	background-color:#FFFFFF;
	border:1px solid #ccc;
}
.author-photo-large {
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
	padding:1px;
	width:64px;
	height:64px;
	background-color:#FFFFFF;
	border:1px solid #ccc;
}
#ads {float:left;background-color:#FFFFFF;margin-left:7px;}
#ads .ad {float:left;width:120px;height:120px;margin-right:3px;margin-bottom:3px;}

.home-entry {
	height: 180px;
	padding:5px;
}
.home-post {
	width:49%;
	height:310px;
	background:#fff;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	padding:0;
}
.home-post-alt {
	width:49%;
	height:310px;
	background:#fff;
	overflow:hidden;
	float:right;
	margin-bottom:10px;
	padding:0;
}
.cat-title {color:#FFF;background:#fff;padding:1px;margin-bottom:7px;border:1px solid #dadada;line-height:20px;}
.cat-title h3 a {font-size:13px;padding-left:5px;text-transform: uppercase;color:#FFF;}
.cat-title h3 a:hover {color:#dcdcdc;}

.cat-title .red {background:#993300;} /*red */
.cat-title .orange {background:#d2691e;} /*orange*/
.cat-title .blue {background:#006bb2;} /*blue*/
.cat-title .green {background:#008000;} /*green*/
.cat-title .gray {background:#696969;} /*gray*/
.cat-title .cyan {background:#0E9C9A;} /*cyan*/
.cat-title .deepblue {background:#004B80;} /*deepblue*/

.archive {

	float: left;

	width: 250px;

	margin: 0px;

	padding: 0px;

	}