@charset "utf-8";
/* Theme Name: Ca Dao Version 2.0
Author: Yvy Truong
Author URI: http://www.misstruong.com */

a:link {
	color: #05525A;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #34AA5E;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
a:active {
	text-decoration: none;
}

img {
border: none;
}


body {
	margin: 0;
	padding: 0;
	background-color: #1e1e1e;
	background-image: url(/wp-content/themes/tapchicadao/images/bg.jpg);
	background-repeat: no-repeat;
}

#wrapper {
	background-image: url(/wp-content/themes/tapchicadao/images/contentbg.jpg);
	background-repeat: repeat-y;
	width: 1013px;
	margin: 0 auto;
}
#topbar {
	background-color: #1e1e1e;
	height: 43px;
	width: 100%;
	position: relative;
}
#header {
	background-image: url(/wp-content/themes/tapchicadao/images/cd_r2_c1_s1.jpg);
	background-repeat: no-repeat;
	height: 112px;
	width: 1013px;
	position: relative;
}

#rssrow {
	height: 139px;
	width: 1013px;
}

.floaters {
	float: left;
}



#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image: url(/wp-content/themes/tapchicadao/images/cd_r4_c1_s1.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 45px;
	padding-left: 40px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/wp-content/themes/tapchicadao/images/cd_r5_c1_s1.jpg);
	background-repeat: no-repeat;
	height: 91px;
	width: 1013px;
	position: relative;
	font-weight: bold;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTENTS DIVS CONTENT DIVS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTENTS DIVS CONTENT DIVS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#maincontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
	float: left;
	width: 597px;
}

#sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	float: right;
	width: 320px;
	margin-right: 5px;
}

.clearing {
	clear: both;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SIDE BOXES SIDE BOXES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SIDE BOXES SIDE BOXES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.sbbox {
	background-color: #e2e2e2;
	height: auto;
	width: 100%;
	padding-top: 13px;
	padding-right: 4px;
	padding-bottom: 13px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
	color: #1E1E1E;
	border: 1px solid #dbd8d8;
	line-height: 16px;
}


.sbheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23pt;
	font-weight: bolder;
	color: #828181;
	width: 100%;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbebe;
	margin-bottom: 5px;
	padding-top: 7px;
	font-variant: small-caps;

}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Content POSTS CONTENT POSTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Content POSTS CONTENT POSTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.ftposts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1e1e1e;
	background-color: #E2E2E2;
	clear: both;
	width: 566px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #05525A;
	padding: 5px;
	line-height: 16px;
	position: relative;
}

.ftposts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1e1e1e;
	background-color: #E2E2E2;
	clear: both;
	width: 566px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #05525A;
	padding: 5px;
	line-height: 16px;
	position: relative;
}


.cattitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	background-color: #05525A;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 25px;
	height: 35px;
	width: 566px;
	font-weight: 900;
	font-variant: small-caps;
	text-align: center;
	color: #FFF;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #1d1d1d;
	clear: both;
}

.posts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #45494D;
	padding: 5px;
	float: left;
	height: 370px;
	width: 182px;
	background-color: #E2E2E2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dbd8d8;
	border-right-color: #dbd8d8;
	border-bottom-color: #dbd8d8;
	border-left-color: #dbd8d8;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0px;
	position: relative;
}


.posts .read {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	padding: 5px;
	height: 20px;
	width: 182px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBD8D8;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
}
.posts .category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #1D1D1D;
	padding: 5px;
	height: 20px;
	width: 182px;
	position: absolute;
	left: 0px;
	font-weight: 900;
	font-variant: small-caps;
	text-align: left;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	top: 0px;
}
.posts .category a {
	color: #FFF;
	text-decoration: none;
}
.posts .category a:visited {
	color: #FFF;
	text-decoration: none;
}
.posts .category a:hover {
	color: #1D1D1D;
	background-color: #FFF;
}
.posts .read a {
	color: #45494D;
	text-decoration: none;
}
.posts .read a:visited {
	color: #45494D;
	text-decoration: none;
	font-style: normal;
}

.posts .read a:hover {
	color: #FFF;
	background-color: #45494D;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SINGLE POSTS TEMPLATE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SINGLE POSTS TEMPLATE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.singleposts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1e1e1e;
	background-color: #ffffff;
	clear: both;
	width: 566px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #05525A;
	padding: 5px;
	padding-top: 100px;
	padding-bottom: 50px;
	position: relative;
	line-height: 18px;

}

.singleposts .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	background-color: #1D1D1D;
	padding: 5px;
	padding-top: 20px;
	height: 35px;
	width: 566px;
	position: absolute;
	left: 0px;
	font-weight: 900;
	font-variant: small-caps;
	text-align: left;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	top: 0px;
}

.singleposts .catdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #e2e2e2;
	padding: 5px;
	height: 20px;
	width: 566px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBD8D8;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
}

.singleposts .cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #e2e2e2;
	padding: 5px;
	height: 20px;
	width: 566px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DBD8D8;
	position: absolute;
	left: 0px;
	top: 62px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX HEADINGS AND FONTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX HEADINGS AND FONTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #05525A;
	text-decoration: none;
	padding-top: 125px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;	
	color: #05525A;
	text-decoration: none;
	font-style: bold;
	padding-bottom: 5px;
	border-bottom: dashed 1px #05525A;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FEATURE POST LIST XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FEATURE POST LIST XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.ftlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	color: #1e1e1e;
	clear: both;
	width: 591px;
	padding-top: 5px;
	line-height: 16px;
	position: relative;
	margin-top: 5px;
	background-color: #f1fcf6;
}

.ftlistul {
	margin-left: 0px;
	padding-left: 0px;
	width: 613px;
	list-style: none;
}

.ftlistul li a {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 14px;
	float: left;
	width: 44%;
	margin: 1px;
	border: solid 1px #f4fef9;
	border-left: solid 9px #63bf8c;
	border-right: solid 9px #63bf8c;
	padding: 3px;
	background: #f8fdfa;
}

.ftlistul li a:hover {
	border-left: solid 9px #1d1d1d;
	border-right: solid 9px #1d1d1d;
	background: #63bf8c;
	width: 44%;
	color: #ffffff;
	text-align: right;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX THUMBNAILS FOR EXCERPTS AND IMAGES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX THUMBNAILS FOR EXCERPTS AND IMAGES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.thumbnail a:link, .thumbnail a:visited {
display:block; background:#E2E2E2; width:192px; height:90px; position: absolute; left: 0px; top: 31px;
}
.thumbnail a:hover, .thumbnail a:active {background:#1d1d1d;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SEARCH BAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SEARCH BAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#searchform {

	height: 33px;


}
 

 
#searchform input#s {
	background: url(/wp-content/themes/tapchicadao/images/searchbar.jpg) no-repeat 0 0;
	color: #777;
	font: 18px Arial, Helvetica, sans-serif;
	height: 33px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 2px;
	width: 253px;
	border: none;
	float: left;
}
 
 
 
#searchform input#searchsubmit {
	width: 40px;
	height: 33px;
	float: left;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SEARCH BAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SEARCH BAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.searchposts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1e1e1e;
	clear: both;
	width: 566px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #05525A;
	border-bottom: solid 1px #1d1d1d;
	padding: 5px;
	line-height: 16px;
	margin-bottom: 20px;

}

.searchtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #05525A;
}

.searchmetas {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size:11px;
	color: #05525A;
}

.pagetitle {
	font-size: 25px;
	color: #05525A;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX NAVIGATION PAGINATION XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX NAVIGATION PAGINATION XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.navigation {
	clear: both;
	padding-top: 20px;
	text-align: center;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SIDEBAR UL XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SIDEBAR UL XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#sidebar ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#sidebar li a {
	border-left: 15px solid #828181;
	padding-left: 5px;
}

#sidebar li a:hover {
	border-left: 30px solid #1e1e1e;
	padding-left: 5px;
	
}

#sidebar li ul a {
	border-left: 15px solid #828181;
	padding-left: 5px;
	margin-left: 20px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX WIDGET CALENDAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX WIDGET CALENDAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#wp-calendar th {/* The colours of the days of the week can be altered by adding to this */
font-style: normal;
text-transform: capitalize;
font-size: 14px;
} 


#wp-calendar td {/* To alter the numbers, you need this part */
letter-spacing: normal;
text-align: center;
padding: 2px 0;
}

#wp-calendar a:hover { /* To change the colour of the text, and the colour of the highlight box that appears when a date you have posted is hovered */
background: #1d1d1d;
color: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {/* To change the colour of the highlight box that appears when any date is hovered, alter the top line in the css below.
To change the colour of the text that appears in the highlighted box when it is hovered, alter the second line below.
 */
background: #eee;
color: #05525A;
}

#wp-calendar {/* The colour of the border that surrounds the calendar is controlled by */
border: 1px solid #fff;
empty-cells: show;
font-size: 13px;
margin: 0;
width: 100%;
} 	


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX WIDGET RANDOM POST XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX WIDGET RANDOM POST XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.feat {
	background: #f5f5f5;
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	line-height: 16px;
	border: 1px solid #dbd8d8;
}

.lititle {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 14px;
	text-align: center;
	list-style: none;
}