/*
Theme Name: Granite House
Author: Lan Nguyen
Version: 2.0
*/

/* Basics */

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

body{
font:0.75em Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
background:#6AA4DC 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:12px;}
blockquote span{height:0; margin:0 0 0 -.4em; padding:.2em 0 0; font-size:1.8em; font-family:Georgia, Times, "Times New Roman", serif;}
cite{font-size:0.7em; display:block;}

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

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

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

ul,ol,dl{font-size:12px;}
#content ul{margin:1em 0 1em 2em;}
#content ul {list-style-type:disc;}
#content ul ul{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,.floatleft,.alignleft{float:left;}
.right,.floatright,.alignright{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 */
.container{
background-color:#FFFFFF;
height:auto;
margin:40px auto 0;
width:960px;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
}

.header{
background:#336699 url('images/bgheader.png') repeat-x top center;
-moz-border-radius-topright: 2em;
-moz-border-radius-topleft: 2em;
-webkit-border-top-right-radius: 2em;
-webkit-border-top-left-radius: 2em;
}
.header p {
font-size:1.6em;
font-style:italic;
margin:0;
padding:1.7em 1em 0;
text-align:right;
}
.header p.tele{font-weight:bold;padding:0 1em;font-style:normal;font-size:2.4em;}
.brand{
display:block;
height:91px;
width:400px;
margin:1em .5em;
background:url('images/logo.png') no-repeat center center;
text-indent:-9999em;
float:left;
}

.menu{
min-height:38px;
background:#8e8e8e url('images/bgnav.png') repeat-x top center;
}
.menu ul li a{
cursor:pointer;
display:block;
font-weight:bold;
margin:0;
padding:0 2em;
text-decoration:none;
}
.menu ul li ul li a, .menu ul li:hover ul li a{
text-align:left;
height:100%;
padding:.7em;
margin:0;
font-size:1em;
border:0;
}
.menu .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
.menu .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
.menu a {
	display:block;
	text-decoration:none;
	padding:0 10px;
	line-height:38px;
}
.menu ul ul {
	display:none;
	position:absolute;
	top:37px;
	float:left;
	z-index: 99999;
	font-size:1em;
}
.menu ul ul ul {
	left:100%;
	top:0;
}
.menu ul ul a {
	height:auto;
	line-height:1em;
	width: 160px;
}
.menu ul li:hover > ul {
	display:block;
}
#menu-item-20 a{border-left:0;}
#menu-item-15 a{border-right:0;}

.wrap{background:url('images/bgwrap.png') repeat-x top center;border:1px solid #fff;padding:1em; line-height:1.6em; clear:left;}

.sidebar{width:23em; padding:.3em .8em;}
.sidebar li{list-style:none;}
.sidebar h6{
font-weight:bold;
font-size:1.2em;
text-transform:uppercase;
}
.sidebar div.sidebarwrap{margin-bottom:3em;}
.sidebar ul{margin:0; padding:.5em 1em; list-style:none;}

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

#content{background:url('images/divider.png') repeat-y top right;margin-right:25em;padding-right:2em;}
#content:after{content:" "; display:block; clear:left;}
#content li{margin:0 0 .6em; padding:0;}
#content p{font-size:1.2em;}

.footer{
padding: 1em 2em;
font-size:11px;
margin:0 auto;
-moz-border-radius-bottomright: 2em;
-moz-border-radius-bottomleft: 2em;
-webkit-border-bottom-right-radius: 2em;
-webkit-border-bottom-left-radius: 2em;
}
.footer p{margin:0;}
.subfoot{font-size:30px;color:#7CA4CA;font-weight:bold;border-bottom:1px solid #7CA4CA;margin:0 0 .3em;vertical-align:bottom;}
.subfoot p.right{margin-top:.3em;}
.subfoot .brandsmall{
display:block;
height:46px;
width:200px;
background:url('images/logosmall.png') no-repeat center center;
text-indent:-9999em;
}
.footernav {list-style:none;}
	.footernav li {float:left; margin:0 .3em;font-size:11px;}
	.footer a:hover{color:#fff;}

/* Blog Design */
.post-title{font-size:1.1em;}
p.post-date{margin:0;font-size:.8em;}

.post {margin: 0 0 40px;text-align: justify;}
.post hr {display: block;}
.postmetadata {clear:left;}
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;}

/* Special */
.sidebar .cform {width:210px;}
.sidebar .cform textarea, .sidebar .cform input {width:95%;}
.sidebar span.reqtxt, .sidebar span.emailreqtxt {margin:3px 0 0 3px;}
.sidebar .cform label{text-align:left;}
.sidebar #cforms3form.cform {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#34699B url("images/bgheader.png") repeat-x scroll center top;
color:#FFFFFF;
font-weight:bold;
padding:1em;
}
.sidebar #cforms3form.cform span.reqtxt, .sidebar #cforms3form.cform span.emailreqtxt {color:#ddd;}

@media screen and (-webkit-min-device-pixel-ratio:0;) {
	.sidebar .cform textarea, .sidebar .cform input {width:90%;}
}