/*
Theme Name: Cosmedica
Author: Lan Nguyen
Version: 1.0
*/

@import url('css/cosmedica-colors.css');

/* Basics */

*{margin:0 auto;padding:0;}

body{
font:0.625em Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
background:#336799 url('images/bg.png') repeat-x top center;
}

a{outline:none; text-decoration:none;}
.sidebar a, #content a, .footer a{padding:0 .2em;}
h2 a{border-bottom:none !important;}

abbr, acronym{cursor:help; border-bottom:.1em dotted;}

p{margin:0 0 1em; padding:0;}
h1 + p, h2 + p{font-size:1.2em;}

blockquote{margin:.5em 0; padding:.4em 8em .2em 2em; font-size:1.2em;}
blockquote span{float:left; height:0; margin:0 0 0 -.4em; padding:.2em 0 0; font-size:4em; font-family:Georgia, Times, "Times New Roman", serif;}
cite{font-size:0.7em; display:block;}

h1,h2,h3,h4,h5,h6{margin:0 0 1em; padding:0; line-height:1.2em;}
h1{
font:bold 1.8em Arial, Helvetica, sans-serif;
}
h2{font:bold 1.4em Arial, Helvetica, sans-serif; text-transform:capitalize;}
h3{
text-transform:uppercase;
padding:.2em .5em;
font:bold 1.2em Arial, Helvetica, sans-serif;
}
h4{font-size:1.1em;text-transform:capitalize;margin:0 0 .3em;}
h5,h6{font-size:1.2em;margin:0;}

table, img{border:none;}
td{vertical-align:top;}

textarea{font:1em Arial, Helvetica, sans-serif;}

ul{list-style:none;font-size:1.2em;}
#content ul{margin-left:20px; font-size:14px;}
#content ul, ul.disc{list-style-type:disc;}
#content ul ul, ul.circle{list-style-type:circle;}

ol.A{list-style-type:upper-latin;}
ol.a{list-style-type:lower-latin;}
ol.I{list-style-type:upper-roman;}
ol.i{list-style-type:lower-roman;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.justify{text-align:justify;}

.clear{clear:both;}
.clearright{clear:right;}
.clearleft{clear:left;}

.underline{text-decoration:underline;}

.access{height:0; text-indent:-9999em; display:none;}
	
/* Formatting */
.containerwrap {background:url('images/bg2.png') no-repeat top center;}
.container{
width:961px;
font-size:1.2em; /* Sets default to 12px */
}
.header{padding:1.5em 0 0; background-image:url('images/bg-header.png'); background-repeat:no-repeat; background-position: top center;width:961px;height:215px;}

.brand{
display:block;
height:70px;
width:250px;
margin:8em 0 0 3em;
text-indent:-9999em;
float:left;
}
.num {
float:left;
font-size:1.6em;
margin:7.5em 0 0 8em;
color:#206CAE;
}

.nav{
}
.nav ul{
list-style:none;
}
.nav ul li {float:left;}
.nav ul li a{
display:block;
cursor:pointer;
text-decoration:none;
margin:0 .9em;
padding:.5em 1em;
font-size:1.2em;
}
.nav ul li ul li a, .nav ul li:hover ul li a{
text-align:left;
height:100%;
padding:.7em;
margin:0;
}
.nav .nav-header,
div.nav {
	margin-left: 12px;
}
.nav .nav-header ul,
div.nav ul {
	list-style: none;
	margin: 0;
}
.nav .nav-header li,
div.nav li {
	float:left;
	position: relative;
}
.nav ul ul {
	display:none;
	position:absolute;
	top:35px;
	left:7px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
	font-size:1em;
}
.nav ul ul li {
	min-width: 180px;	
}
.nav ul ul ul {
	left:100%;
	top:0;
}
.nav ul ul a {
	background:#2C5689;
	height:auto;
	line-height:1em;
	font-size:1em;
	width: 160px;
}
/* .nav ul li a:hover, .nav li:hover > a,
.nav ul ul :hover > a {
} */
.nav ul li:hover > ul {
	display:block;
}
.nav ul li.current_page_item > a,
.nav ul li.current-menu-ancestor > a,
.nav ul li.current-menu-item > a,
.nav ul li.current-menu-parent > a {
	color: #fff;
}

* html .nav ul li.current_page_item a,
* html .nav ul li.current-menu-ancestor a,
* html .nav ul li.current-menu-item a,
* html .nav ul li.current-menu-parent a,
* html .nav ul li a:hover {
	color:#fff;
}

.wrap{padding:1em; line-height:1.6em;font-size:14px; clear:left;background:#EADCAC url('images/bg-content-top.png') no-repeat top center;}

.sidebar{width:16em; padding:.3em .8em;}
.sidebar li{list-style:none;}
.sidebar ul{margin:0; padding:.5em 1em; list-style:none;}

.sidebar img, #content img{margin:.5em;border:10px solid #b9a870;}

#content{/* margin-right:25em; */float:left; width: 618px; font-size:.9em;}
#content:after{content:" "; display:block; clear:left;}
#content li{margin:0 0 .6em; padding:0;}
#content p{font-size:1.2em;}

.footer{
background:#EADCAC url("images/bg-footer.png") no-repeat scroll center bottom;
padding:2em;
font-size:12px;
margin:0 auto;
min-height:220px;
text-align:center;
}
.footer .disclaimer{border-bottom:1px dotted #978341;padding:0 0 1em;}
.footer .navFooter {margin:.5em 0 0; padding:0; float:left; font-weight:bold;}
.footer li{list-style:none; display:inline; padding:0 .5em .15em; border-right:.1em solid;}
.footer .end{border-right:0;}
.footer li ul{display:none;}
.footer p.right,.footer p.left{margin:.5em 0; padding:0; text-align:right; font-weight:bold}

/* Blog Design */
.post {
	margin: 0 0 30px;
	padding: 0 0 20px;
	text-align: justify;
	border-bottom: 1px dotted #C1A871;
}
.post h2.entry-title {
	margin: 0 0 5px;
	padding: 0 0 10px;
}
.post .entry-meta {
	margin-bottom: 10px;
}

p img {padding: 0;max-width: 100%;}

img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.wp-caption {text-align: center;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

.sticky {background:#f7f7f7;padding:0 10px 10px;}
.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}

#searchform {
	margin: 0 auto 3em;
	text-align: center;
}
.searchform {
	padding: 10px;
	background: #D2C490;
}
.searchform input[type="text"] {
	padding: 3px;
}

.sidebar .textwidget{margin-bottom:2em;}

/* Contact */
.wpcf7-form p {margin:0 0 .5em;font-weight:bold;font-size:12px;}
.wpcf7-form .wpcf7-submit {border:0;padding:0;margin:0 2em;text-indent:-999px;background:url('images/button-send.png') no-repeat top center;width:187px;height:24px;cursor:pointer;}
.sidebar .wpcf7-form-control-wrap textarea,.sidebar .wpcf7-text {width:200px;}

/* Special */
.boxwrap{background:#336699 url('images/bg-main-box.png') no-repeat top left;width:666px;min-height:253px;margin-bottom:3em;}
.boxwrapbottom{background:url('images/bg-main-box-bottom.png') no-repeat bottom left;width:666px;height:20px;margin:-1.55em 0 0;}
.box {float:left;width:222px;font-size:11px;color:#EADCAC;}
.box h3{color:#EADCAC;font-size:16px;margin:0;padding:0.3em 0 0.05em;text-align:center;text-transform:capitalize;}
.box .textwidget p{padding:.5em 1em 0;}
#content .box img{margin:0;padding:0;border:0;}
.box a.more{background:url('images/button-more.png') no-repeat top center;text-indent:-9999px;text-align:left;width:101px;height:21px;cursor:pointer;display:block;}

.feature{text-align:center;background-color:#c6b680;height:70px;}
.feature img{margin:0 .8em;}

.slideshowlink {display:none;}

.wp-pagenavi {margin: 2em auto;text-align:center;}