/*

Theme Name: WPLine

Theme URI: http://wordpress.org/

Description: A clean and clear theme from Hutek.info

Version: 1.0

Author: Vu Nam Hung

Author URI: http://hutek.info/


IE*/
.feature1,.boxcaption,.ccat-r .boxcaption {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400;
}

ul,li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

img {
display:inline-block;
}

.clear {
clear:both;
}

.hidden {
overflow:hidden;
}

/*core*/
body {
background:#fceec9 url();
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
}

.wrapper {
width:980px;
margin:0 auto;
}

.main {
background:#fff;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
float:left;
width:980px;
overflow:hidden;
margin:0;
}

.header {
width:980px;
}

.logo {
float:left;
padding:15px;
}

.topbar {
float:left;
border-bottom:1px solid #ddd;
width:980px;
}

.date {
border-right:1px solid #ddd;
float:left;
padding:3px 5px;
}

/*navigation*/
.nav {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:url(http://i15.photobucket.com/albums/a355/vnamhung/nav_bg.gif) repeat-x;
width:980px;
height:60px;
position:relative;
}

.left {
float:left;
width:594px;
background:url(images/l_bg.gif) right repeat-y;
overflow:hidden;
}

.cat h2 {
background:#F7F7F7 none repeat scroll 0 0;
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
width:563px;
padding:5px 15px;
}

.m_other li {
float:left;
margin-bottom:5px;
width:178px;
background:url(images/bullet.gif) no-repeat 0 8px;
padding-left:10px;
}

.right {
float:right;
width:386px;
overflow:hidden;
}

.large_banner {
float:left;
width:356px;
height:280px;
overflow:hidden;
}

.large_banner img {
width:336px;
height:280px;
}

.feature {
float:left;
width:594px;
}

.r_feature {
float:left;
width:580px;
padding-left:14px;
}

.r_feature1 {
float:left;
width:182px;
padding:10px 10px 10px 0;
}

.r_feature2 {
float:left;
width:248px;
padding:5px 10px;
}

.l_feature {
float:left;
background:#EBF2F7;
width:563px;
border-bottom:1px solid #ddd;
padding:15px;
}

.title {
float:left;
background:#f7f7f7;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
width:563px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px 15px;
}

.w_cat {
float:left;
padding-left:15px;
}

.subcat1,.subcat2,.subcat3 {
width:178px;
float:left;
padding:10px 15px 15px 0;
}

.subbottom {
width:168px;
float:left;
padding:15px;
}

.bottom {
float:left;
border-top:1px solid #ddd;
width:980px;
}

.subbottom,.subbottom2 {
background:url(images/l_bg.gif) right repeat-y;
}

.r12 {
border-bottom:1px solid #DDD;
float:left;
}

.r2 {
background:url(images/l_bg.gif) left repeat-y;
}

.long_banner {
float:left;
display:inline-block;
width:160px;
height:600px;
overflow:hidden;
}

.long_banner img {
width:160px;
height:600px;
}

.subbottom2 {
float:left;
width:163px;
overflow:hidden;
padding:15px;
}
.r1 {
float:left;
width:236px;
overflow:hidden;
}
.r2 {
float:left;
width:150px;
overflow:hidden;
}

.subbottom ul li,.subbottom2 ul li, .r2 li {
float:left;
margin-bottom:5px;
background:url(images/bullet.gif) 0 8px no-repeat;
padding-left:10px;
width:158px;
}
.r1 ul li {
float:left;
margin-bottom:5px;
background:url(images/bullet.gif) 0 8px no-repeat;
padding-left:10px;
width:201px;
}
.footer {
float:left;
border-top:3px solid #666;
width:980px;
}

.copyright {
float:left;
font-size:11px;
color:#666;
line-height:1.4em;
width:500px;
padding:5px 15px;
}

.info {
float:right;
font-size:11px;
color:#666;
text-align:right;
line-height:1.3em;
padding:5px 15px;
}

.fmenu {
float:left;
width:970px;
border-bottom:1px solid #ddd;
background:#f7f7f7;
padding:5px;
}

/*feature*/
.boxgrid {
width:295px;
height:420px;
float:left;
overflow:hidden;
position:relative;
color:#fff;
display:inline;
margin:15px;
}

.boxgrid p {
margin:0;
padding:5px 5px 2px;
}

.boxgrid h3 {
text-transform:uppercase;
padding:5px 5px 0;
}

.boxgrid img {
position:absolute;
top:0;
left:0;
border:0;
}

.boxcaption {
float:left;
position:absolute;
background:#000;
height:200px;
width:100%;
opacity:.8;
}

.captionfull .boxcaption {
top:300px;
left:0;
}

.caption .boxcaption {
top:370px;
left:0;
}

.boxgrid span {
color:#80C43D;
font-size:11px;
}

/*typo*/
a {
color:#000;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:none;
color:#c34b9b;
}

h1,h2,h3,h4,h5 {
font-family:Tahoma, Geneva, sans-serif;
font-weight:900;
color:#145077;
}

h1 {
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
}

h4 {
font-size:12px;
}

h5 {
font-size:11px;
}

.cat_title a {
background:url(images/arrow.gif) center right no-repeat;
text-transform:uppercase;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
font-weight:400;
padding-right:15px;
}

/*tabs*/
.tabs1 {
float:left;
margin-left:1px;
border-bottom:1px solid #ddd;
}

.tab li a {
float:left;
border-right:1px solid #ddd;
text-decoration:none !important;
font-family:Tahoma, Geneva, sans-serif;
text-transform:uppercase;
font-weight:900;
padding:5px 10px;
}

.tab {
width:386px;
float:left;
background:#F7F7F7 url(http://i15.photobucket.com/albums/a355/vnamhung/catbg.jpg) bottom repeat-x;
border-top:1px solid #ddd;
}

#tabs1 ul li,#tabs2 ul li,#tabs3 ul li,.related {
float:left;
width:356px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #F2F2F2;
}

#tabs1_2 {
float:left;
width:371px;
padding:0 0 15px 15px;
}

#tabs1_2 a {
float:left;
display:inline-block;
border:1px solid #ddd;
margin:10px 8px 0 0;
padding:3px;
}

#tabs1_2 a:hover {
background:#ddd;
}

.navroll {
position:absolute;
top:36px;
left:15px;
}

.nav li {
float:left;
border-right:1px solid #fff;
}

.nav li a {
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
font-weight:bold;
}

.actived a {
color:#c34b9b !important;
}

/*fmenu*/
.fmenu li {
float:left;
border-right:1px solid #ddd;
padding:0 10px;
}

/*page navi*/
.page_navi {
text-align:center;
clear:both;
padding-top:10px;
}

.page_navi .current {
border:1px solid #ccc;
background:#E0E0E0;
margin:3px;
padding:2px 5px;
}

.page_navi a {
border:1px solid #ccc;
margin:3px;
padding:2px 5px;
}

/* Widget */
.widget3 {
float:left;
width:120px;
padding:15px;
}
.widget2 {
float:left;
width:206px;
padding:15px 15px 0;
}
.wiget_title {
text-transform:uppercase;
letter-spacing:2px;
font-size:12px;
}

/* Captions */
.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:1px solid #ccc;
text-align:center;
background:url(images/imgbg.jpg) bottom repeat-x;
padding-top:4px;
margin:2px 5px 2px 0;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
text-shadow:0 1px 0 #fff;
margin:0;
padding:0 4px 5px;
}

/* Begin Images */
p img {
max-width:100%;
padding:0;
}

img.centered,img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #ccc;
background:url(images/imgbg.jpg) bottom repeat-x;
padding:4px;
}

/*calendar*/
#calendar_wrap {
width:100%;
font-family:Verdana, Geneva, sans-serif;
margin:0 auto;
}

#wp-calendar {
width:100%;
text-align:center;
}

#wp-calendar th {
text-align:center;
font-weight:900;
}

#wp-calendar td {
padding:2px 0;
}

#wp-calendar td a {
padding:2px 6px;
}

#wp-calendar td a:hover {
background:#ccc;
border:1px solid #999;
padding:1px 5px;
}

#wp-calendar caption {
text-shadow:0 1px 0 #fff;
text-transform:uppercase;
color:#464646;
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:900;
text-align:center;
letter-spacing:5px;
}

/*single*/
.single {
padding:15px;
}

.single p {
padding-bottom:15px;
}

/*ping list*/
.pinglist li {
list-style:decimal;
margin-left:20px;
}

/*comment list*/
.c_title {
float:left;
background:#f7f7f7;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
text-transform:uppercase;
width:573px;
overflow:hidden;
padding:5px 10px;
}

.cancel-comment-reply small {
float:left !important;
}

.bypostauthor {
background:#EFEFEF url(images/ribbon.jpg) top right no-repeat !important;
}

.commentwrap {
float:left;
width:564px;
overflow:hidden;
padding:0 15px 15px;
}

#respond {
float:left;
width:564px;
overflow:hidden;
padding:0 15px 15px;
}

.commentlist {
float:left;
width:564px;
position:relative;
}

.commentlist li {
float:left;
margin-top:15px;
width:564px;
}

.commentlist li .comclass {
float:left;
width:564px;
position:relative;
background:url(images/say.gif) no-repeat 90px 30px;
}

.commentlist li .avatar {
border:1px solid #ddd;
padding:4px !important;
}

.commentlist li ul li .avatar {
width:40px;
height:40px;
float:right;
padding:2px !important;
}

.commentlist li .comment-author {
float:left;
width:90px;
}

.commentlist li .comment {
float:right;
width:405px;
min-height:70px;
background:#efefef;
overflow:hidden;
padding:20px 20px 60px;
}

.commentlist p {
margin-bottom:10px;
}

.commentlist li .reply {
position:absolute;
bottom:20px;
left:140px;
float:left;
}

.commentlist li .reply a {
font-family:Verdana, Geneva, sans-serif;
}

.commentlist li .reply a:visited {
border:none;
font-style:normal;
}

.commentlist li .comment-edit-link {
position:absolute;
bottom:20px;
left:205px;
float:left;
width:100px;
}

.reply,.comment-edit-link {
text-shadow:0 1px 0 #fff;
text-transform:uppercase;
letter-spacing:3px;
font-size:10px;
font-weight:900;
}

.fn,.fn a {
font-family:Tahoma, Geneva, sans-serif;
}

.fn a {
color:#960;
}

.fn a:visited {
border:none;
}

/*level 2*/
.commentlist li ul li {
background:url(images/libg2.gif) no-repeat 120px 0;
float:left;
margin-top:10px;
}

.commentlist li ul li .comclass {
background:url(images/libg.gif) 120px 30px no-repeat;
}

.commentlist li ul li .comment {
float:right;
width:380px;
background:#efefef;
}

.commentlist li ul li .reply {
left:160px;
}

.commentlist li ul li .comment-author {
position:absolute;
bottom:10px;
right:20px;
width:300px;
}

.commentlist li ul li .fn,.commentlist li ul li small {
float:right;
padding-right:5px;
text-shadow:0 1px 0 #fff;
}

/*level 3*/
.commentlist li ul li ul li {
background:url(images/libg2.gif) no-repeat 143px 0;
float:left;
margin-top:10px;
}

.commentlist li ul li ul li .comclass {
background:url(images/libg.gif) 143px 30px no-repeat;
}

.commentlist li ul li ul li .comment {
float:right;
width:360px;
background:#efefef;
}

.commentlist li ul li ul li .reply {
left:180px;
}

.commentlist li ul li ul li .comment-edit-link {
left:235px;
}

/*level 4*/
.commentlist li ul li ul li ul li {
background:url(images/libg2.gif) no-repeat 163px 0;
float:left;
margin-top:10px;
}

.commentlist li ul li ul li ul li .comclass {
background:url(images/libg.gif) 163px 30px no-repeat;
}

.commentlist li ul li ul li ul li .comment {
float:right;
width:340px;
background:#efefef;
}

.commentlist li ul li ul li ul li .reply {
left:200px;
}

.commentlist li ul li ul li ul li .comment-edit-link {
left:255px;
}

/*level 5*/
.commentlist li ul li ul li ul li ul li {
background:url(images/libg2.gif) no-repeat 183px 0;
float:left;
margin-top:10px;
}

.commentlist li ul li ul li ul li ul li .comclass {
background:url(images/libg.gif) 183px 30px no-repeat;
}

.commentlist li ul li ul li ul li ul li .comment {
float:right;
width:320px;
background:#efefef;
}

.commentlist li ul li ul li ul li ul li .comment-edit-link {
left:270px;
}

/*comment form*/
#commentform p {
border:1px solid #ccc;
width:100%;
float:left;
margin:5px 0;
padding:5px 0;
}

#commentform p span {
width:15%;
padding-right:2%;
float:left;
text-align:right;
}

#commentform input,#commentform textarea {
border:none;
border-left:1px solid #ccc;
float:left;
width:78%;
padding:0 5px;
}

#commentform input#submit {
background:#fff;
border:none;
text-align:center;
margin-left:220px;
display:inline-block;
width:170px;
text-transform:uppercase;
letter-spacing:3px;
}

/*level 1-5*/
.commentlist li #respond {
width:427px;
margin-left:120px;
}

.commentlist li #commentform input#submit {
margin-left:140px;
}

.commentlist li ul li #respond {
width:407px;
margin-left:140px;
}

.commentlist li ul li #commentform input#submit {
margin-left:130px;
}

.commentlist li ul li ul li #respond {
width:387px;
margin-left:160px;
}

.commentlist li ul li ul li #commentform input#submit {
margin-left:120px;
}

.commentlist li ul li ul li ul li #respond {
width:367px;
margin-left:180px;
}

.commentlist li ul li ul li ul li #commentform input#submit {
margin-left:110px;
}

/*misc*/
.thumb {
float:right;
display:inline;
margin:5px 0 0 3px;
}

.thumb2 {
float:left;
display:inline;
margin: 3px 5px 5px 0;
}
.thumb0 {
float:left;
display:inline;
margin: 3px 5px 5px 0;
background: url(http://i15.photobucket.com/albums/a355/vnamhung/shadow.gif) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

.thumb3 {
float:left;
display:inline;
border:1px solid #ddd;
margin:3px 0 5px;
padding:3px;
}

.thumb4 {
float:left;
display:inline;
border:1px solid #ddd;
margin:3px 5px 0 0;
padding:3px;
}

.icon_comment {
background:url(images/icon-comment.gif) no-repeat left;
padding-left:18px;
margin-left:5px;
display:inline;
font-weight:400;
}

.other li {
float:left;
margin-bottom:5px;
background:url(images/bullet.gif) 0 8px no-repeat;
padding-left:10px;
width:168px;
font-size:11px;
}

.more {
float:left;
margin-top:5px;
font-size:11px;
text-transform:uppercase;
color:#666;
clear:both;
}

small {
font-size:11px;
color:#999;
}

.user_comments .avatar {
float:left;
border:1px solid #ddd;
display:inline;
margin:2px 5px 0 0;
padding:3px;
}

#latest {
float:left;
width:450px;
height:17px;
overflow:hidden;
margin-left:5px;
}

.headline {
float:left;
font-size:13px;
color:#999;
padding:3px 5px;
}

.rss {
float:left;
border-left:1px solid #ddd;
padding:3px 8px;
}

#him_auto,#him_telex,#him_off {
width:10px !important;
float:none !important;
border:none !important;
}

.wp-avim-options {
border:none !important;
}

.subbottom3 {
float:left;
width:163px;
padding:15px;
}

.counter {
float:right;
padding:3px 5px;
}

.archive ul li {
margin-bottom:15px;
}

.link {
float:left;
width:371px;
padding:15px 0 15px 15px;
}

.link ul li {
float:left;
padding-right:10px;
width:170px;
}

.aktt_tweets ul li {
float:left;
width:100%;
border-bottom:1px solid #f2f2f2;
padding-bottom:3px;
margin-bottom:3px;
}

#searchform {
float:left;
width:150px;
border-left:1px solid #ddd;
overflow:hidden;
}

#s {
border:none;
background:url(images/search.gif) 5px 7px no-repeat;
font-size:11px;
color:#666;
line-height:15px;
padding:6px 0 4px 21px;
}

.gtalk {
border-left:1px solid #ddd;
float:left;
padding:3px 10px;
}

.edg_count {
color:#676768;
float:left;
font-size:12px;
font-weight:900;
margin-bottom:5px;
margin-right:5px;
}

.edg_button {
background:url(images/thank.gif) no-repeat 0 1px;
color:#A59C53;
float:left;
font-size:11px;
height:18px;
padding-bottom:3px;
text-align:center;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
width:65px;
}

.edg_button span {
cursor:pointer;
}

.memepress-item {
padding-bottom:3px;
border-bottom:1px solid #f7f7f7;
margin-bottom:3px;
}

.ar_title {
border-bottom:1px solid #ddd;
font-size:20px;
margin-bottom:15px;
font-family:Times,serif;
font-weight:900;
text-transform:uppercase;
letter-spacing:2px;
padding:15px;
}

.archive {
float:left;
padding:0 0 15px 15px;
}

.entry {
float:left;
width:269px;
padding-right:15px;
}

#gallery-1 img {
border:1px solid #CFCFCF !important;
width:100px;
margin:0 10px;
padding:3px;
}

.main1 {
float:left;
width:370px;
margin-bottom:15px;
padding:10px 15px;
}

.m_other {
float:left;
width:178px;
padding:15px 0;
}

.top_ad {
float:right;
padding:15px;
}

fieldset,img,abbr,acronym {
border:0;
}

.fl,.cat,.cat_2,.tab li,.alignleft {
float:left;
}

.fr,.alignright {
float:right;
}

.selected,.current-cat {
background:#fff;
}

#tabs1,#tabs2,#tabs3,#tabs4,#tabs2_2,.widget4 {
float:left;
width:356px;
padding:15px;
}
.widget1 {
float:left;
width:336px;
padding:15px 25px;
}
#tabs1_3,#tabs2_3,.widget4 {
border-bottom:1px solid #ddd;
}

img.alignright,img.alignleft {
display:inline;
border:1px solid #ccc;
background:url(images/imgbg.jpg) bottom repeat-x;
margin:0 10px 10px 0;
padding:4px;
}

.commentlist li ul li .comment-edit-link,.commentlist li ul li ul li ul li ul li .reply {
left:220px;
}

.aktt_tweet_time,#commentform {
float:left;
clear:both;
}
.main_title {
	float:left;
	background:url(http://i15.photobucket.com/albums/a355/vnamhung/catbg.jpg) repeat-x;
	height:30px;
	width:593px;
overflow:hidden;
}
.main_title span{
	float:left;
	margin:7px 5px 0 15px;
	border:1px solid #ccc;
	padding:2px 5px 2px 5px;
	border-bottom:none;
	background:#fff;
	text-transform:uppercase;
	font-weight:900;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.main_title ul li {
	float:left;
	padding:2px 5px 3px 5px;
	margin-right:5px;
	border-right:1px solid #ccc;
	line-height:11px;
	margin-top:9px;
}
.feature span {
color:#80C43D;
}
#tabs4 a {
padding:0 5px;
}
.single a {text-decoration:underline;}
.top_single_ad {margin-bottom:15px;text-align:center;}