/*
Theme Name: Dynasty
Theme URI: http://www.vietism.com/
Description: 
Version: 1.1
Author: Le Tung Lam
Author URI: http://www.vietism.com/
*/


/* -------------------------------------------------------------- 
   Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
}

body { 
  	line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
table img,
img.alignnone { background: #838180; padding:5px; border: none}

/* --------------------------------------------------------------
   Grid
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:950px; margin:0; }


/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* -------------------------------------------------------------- 
   Body  
-------------------------------------------------------------- */
body{
	font: 12px/140% Arial, Helvetica, sans-serif;
	color: #fff;
	background: #4b4746;
}
a{
	color: #ffffcc;
	text-decoration: none;
}
.client{
	height: 350px;
	background: url(images/client.jpg) no-repeat 0 0;
}

/* -------------------------------------------------------------- 
  Header
-------------------------------------------------------------- */
#header{
	padding: 30px 0 20px	
}
#headerimg h1 {
	height:81px;
	overflow:hidden;
	width:229px;
}
#headerimg h1 a {
	background: url(images/logo.gif) no-repeat scroll 0 0;
	display:block;
	height:81px;
	overflow:hidden;
	text-indent:-9999px;
	width:229px;
}
#searchform{
	padding: 40px 0 0;
	text-align: right;
	background: url(images/search.gif) no-repeat scroll bottom right;
	overflow: hidden;
}
	#searchform input{
		background: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #c0c0c0;
		height:16px;
		padding:5px 5px 5px 30px;
		width:160px;
		border: 0;
	}
.description {
	color: #c0c0c0;
	line-height: 22px;
	padding: 6px 0;
}
.block{
	border-bottom: 1px solid #5f5b5a;
	border-top: 1px solid #5f5b5a;
	padding: 0 0 11px;
	height: 70px;
	overflow: hidden;
}
.home #content{
	background: url(images/banner-home.gif) no-repeat scroll 0 -25px;
	padding: 260px 0 0;
}
.category #content .pagetitle,
.single #content .pagetitle,
.page #content .pagetitle,
.search-results #content .pagetitle{
	background: url(images/banner-news.gif) no-repeat scroll 0 0;
	height: 152px;
	display: block;
	float: none;	
	border-bottom: 1px solid #5F5B5A;
	font-size: 72px;
	line-height: 70px; 
	font-weight: bold;
	color: #c0c0c0;
}
.category #content .pagetitle a,
.single #content .pagetitle a,
.page #content .pagetitle a,
.search-results #content .pagetitle a{
	color: #c0c0c0;
}
.client{
	padding: 10px 0 5px;
}

/* -------------------------------------------------------------- 
  Blog
-------------------------------------------------------------- */
#main{
	padding: 0 0 30px; 
}
.post{ padding: 0 0 5px;}
 
#latest-news .post{ padding: 10px 0 5px;} 
#news-list .post{ padding: 10px 0 5px;} 
.search-results #news-list .post,
.search-results #news-list .page {border-bottom:1px dotted #666666;padding:10px 0 5px;}

.post-sum{ padding: 20px 0; border-bottom:1px dotted #666666;}
.inner{ padding: 0 10px 0 0; height:50px;overflow:hidden; color: #c0c0c0;overflow: hidden; margin: 0 0 15px 0 }

h3{ border-bottom: 1px solid #5f5b5a;border-top: 1px solid #5f5b5a;padding: 8px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px}
h2 { font-size: 24px; font-weight: bold; color:#ffffcc; display: block; padding: 0 0 10px; line-height: 28px;}
h4 { font-weight: bold;}

p           { margin: 0 0 1.5em;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

.post-sum small{ color: #999}
small{ font-size: 11px; color: #c0c0c0}

.navigation { padding: 10px 0;}
.alignleft,
.alignleft a{ float: left; display: block; padding: 10px 0}
.alignright,
.alignright a { float: right; display: block; padding: 10px 0}
.alignleft a,
.alignright a { border: 1px dotted #666; padding: 2px 5px;}
.alignleft a:hover,
.alignright a:hover { background: #ffffcc; color: #000}

.entry img{
	border: 5px solid #838180;
	padding: 0;
	margin: 0 5px 5px 0;
}
.post-sum .entry{
	height: 80px;
	overflow: hidden;
}
h4.cat{
	border-bottom:1px solid #666666;
	display:block;
	font-size:18px;
	font-weight:normal;
	padding:0 0 8px;
	margin: 0 0 10px;
}
h4.cat a{
	color: #CCC;
}


/* -------------------------------------------------------------- 
  Navigation
-------------------------------------------------------------- */
.nav{ font-size: 14px; color: #666666; line-height: 23px;}
.nav a{ color: #fff;}
.nav a:hover{ color: #ffffcc;}
.nav ul { display: none; }
.nav .current-cat ul a{ font-weight: bold; color:#ffffcc }
.nav .current-cat ul,
.nav .current_page_item ul,
.nav .current_page_parent ul,
.nav .current-cat-parent ul,
.nav .used-cat-parent ul { display: block; font-size: 12px; line-height: 20px; padding: 5px 0 10px}
.nav .current-cat a,
.nav .current_page_item a,
.nav .current_page_parent a,
.nav .current-cat-parent a,
.nav .used-cat-parent a  {color: #ffffcc; font-weight: bold;} 
.nav .current-cat ul a,
.nav .current_page_item ul a,
.nav .current_page_parent ul a,
.nav .current-cat-parent ul a,
.nav .used-cat-parent ul a{color: #c0c0c0; font-weight: normal;}
.nav .current_page_parent ul .current_page_item a,
.nav .current-cat-parent ul .current-cat a,
.nav .used-cat-parent ul .current-cat a{color: #ffffcc; font-weight: bold;}  


/* -------------------------------------------------------------- 
  Footer
-------------------------------------------------------------- */
#footer{ padding: 10px 0; color: #999; font-size: 11px; border-top: 1px solid #555}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }

/*	modified by npbtrac 2010/07/20	*/
.dynasty-client {}

a.small-banner, a.large-banner { text-indent: -9999px; float:left;}
a.small-banner { display: block; width: 140px; height: 75px; border: 3px solid #66615e; margin: 10px 0 0 18px;}
a.large-banner { display: block; width: 304px; height: 75px; border: 3px solid #66615e; margin: 10px 0 0 18px;}
a.small-banner:hover, a.large-banner:hover { border: 3px solid #f90;}

a.ho-tram { background: url('./images/bn-ho-tram.png') no-repeat;}
a.bohdi-tree { background: url('./images/bn-bohdi-tree.png') no-repeat;}
a.sre { background: url('./images/bn-saigon-river-express.png') no-repeat;}
a.srt { background: url('./images/bn-saigon-river-taxis.png') no-repeat;}
a.thao-dien { background: url('./images/bn-village-thao-dien.png') no-repeat;}
a.spa-authentic { background: url('./images/bn-spa-authentic.png') no-repeat;}
a.villa-romain { background: url('./images/bn-villa-romain.png') no-repeat;}
a.tpl { background: url('./images/bn-tech-propulsion-labs.png') no-repeat;}