/*
Theme Name: HTC
Theme URI: http://www.thehappytimecafe.com
Description: Blog theme for the Happy Time Cafe
Author: Cynthia Enciso
Author URI: http://www.thehappytimecafe.com
Version: 1.0
.
Any part of this theme cannot be used without permission.
.
*/

/* reset styles */

html{ 
	overflow: -moz-scrollbars-vertical !important; }

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

ul { list-style:none;
}

/* end - reset styles */

body {
	background-color:#1a7e84;
	color:#5c5c5c;
	font-family: "Helvetica", Arial, sans-serif;
	font-size:13px;
	line-height:23px;
}



h1 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:48px;
	font-weight:700;
	letter-spacing:-2px;
	}
	

	
h2 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:35px;
	font-weight:400;
	letter-spacing:-1px;
	line-height:42px;
	}
	
	
h3 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:35px;
	letter-spacing:-1px;
	line-height:42px;
	font-weight: 200;
	}

	
h4 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:23px;
	font-weight:900;
	letter-spacing:-1px;
	}
	
h5 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:23px;
	font-weight: 400;
	letter-spacing:-1px;
	}
	
h6 {
	font-weight:bold;
	font-size:14px;
	color:#457f72;
	
	}
	
h7 {
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#5c5c5c;
	font-size:15px;
	font-weight: 400;
	letter-spacing:-1px;
	}
	
.g {
	color:#457f72;
	}
	
.w {
	color:#eee;
}
	
.center {
	text-align:center;
    }
	
a { text-decoration:none;
	color:#457f72;
}

a:hover {
	color:#49c1a6;
	}


hr {
	height:6px;
	background:#363;
	background-position:center;
	background-image:url(images/hr.jpg);
	background-repeat:repeat-x;
	background:url(images/hr.jpg);
	border:none;
	}
	
p.large {
	font-size:16px;
	line-height:30px;
}

p.light {
	color:#9e9e9e;
		}


.center {
	text-align:center;
}




	
/* header  */

#head-container {
		width:100%;
		height:620px;
		background-color:#1a7e84;
		background-image:url(images/header-bg.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-attachment:scroll;
		}

#header {
	width:940px;
	height:620px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	margin:auto;

		}
	
#logo {
	width:280px;
	height:261px;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top left;
	}
	
#logo p {
	text-indent: -9999em;
	color:#1a7e84;
	}
	

	
#nav {	
		width:940px;
		padding-left:100px;
		padding-top:285px;
		}
		
#nav li{	
		display:inline;
		float:left;
		font-size:26px;
		
		}
		
#nav li a{	
		font-family:"Georgia", Times New Roman, Times, serif;
		display:block;
		font-size:26px;
		padding-left:30px;
		padding-right:30px;
		color:#5c5c5c;
		font-weight:200;
		
		}
		
#nav li a:hover {	
		color: #49c1a6;
		}

		
	
/* main content  */

#main-container {
	width:100%;
	background-color:#eeeeee;
	float:left;
	}
	
#content {
	width:940px;
	padding:10px;
	margin:auto;
	padding:20px 10px 60px 10px;
	clear:both;
	height:100%;
	}
	
#wk #content {
	height:850px;
	}
	
#ct #content {
	height:680px;
	}
	
#sub-nav {	
		width:940px;
		padding-left:0px;
		}
		
#sub-nav li{	
		display:inline;
		float:left;
		
		}
		
#sub-nav li a{	
		display:block;
		padding-right:50px;
		font-family: "Georgia", Times New Roman, Times, serif;
		font-size:27px;
		letter-spacing:-1px;
		font-weight:900;
		
		}
		

#sub-nav li a.current{ 
		color: #49c1a6;
		}
		
#work {	
		height:91px;
		}
		
#work li{	
		display:inline;
		float:left;
		
		}
		
#work li a{	
		width:140px;
		height:91px;
		padding-right:20px;
		}
				
#work li a.last{	
		width:140px;
		height:91px;
		padding-right:0;
		}
		
#work-container{
	width:940px;
	}
	
#wc-left{
	width:300px;
	padding-right:20px;
	float:left;
	text-align:right;
	color:#9e9e9e;
	
	}
	
#wc-left ul li span{
		font-weight:bold;
		font-size:14px;
		color:#5c5c5c;
	}

#wc-left p.vs{
		font-weight:bold;
		font-size:14px;
		font-style:italic;
	}
	
#wc-right{ 
	width:620px;
	float:right;
	}
	
#about #content p img {
	padding-left:20px;
	padding-bottom:10px;
	clear:both;
	}
	


#blog-content {
	width:540px;
	padding-right:20px;
	padding-left:160px;
	float:left;
	
	}

	
#post {
	width:700px;
	padding-bottom:10px;
	float:left;
	clear:both;
	}
	
.title {
	padding-left:160px;
	padding-bottom:15px;
	}
	
#date {
	width:140px;
	text-align:right;
	float:left;
	padding-right:20px;
	}
	
#post-text{
	width:525px;
	padding-left:160px;
	padding-right:15px;
	color:#9e9e9e;
	padding-bottom:15px;
	text-align:left;
}

#post-text p {
	padding-bottom:16px;
}


	
#post-bottom {
	padding-left:160px;
	padding-bottom:30px;
	clear:both;
	}
	
#page-text {
	width:650px;
	padding-right:15px;
	color:#9e9e9e;
	padding-bottom:15px;
	padding-top:15px;
}

/* image  */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	
/* right side bar  */


#right-bar {
	width:220px;
	float:right;
	}
	
#right-bar ul li h4{
	padding-left:15px;
	}
	
#right-bar ul li ul {
	padding-left:35px;
	padding-bottom:15px;
	}
	

	
#right-bar ul li h4.rss {
	padding-left:40px;
	padding-bottom:10px;
	background-image: url(images/rss.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
}

	
/* comment */


ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ol#comments li {
	margin:0px;
	padding:0px;
	position:relative;
	padding-left:60px;
	list-style:none;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
ol#comments .avatar {
	position:absolute;
	top:0px;
	left:0px;
}
ol#comments small a {
	font-weight:normal;
	color:#999999;
}



ul.commentlist {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist li {
	margin-bottom:20px;
	padding:15px 25px 25px 110px;
	position:relative;
	list-style:none;
	-moz-border-radius: 15px;  
	-khtml-border-radius: 15px;  
	-webkit-border-radius: 15px;
	background-color:#cfcfcf;
	background-position:1px 1px;
	min-height:120px;
}
ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
}
ul.commentlist .commentmetadata {
	display:none;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}

ul.commentlist cite, ul.commentlist cite a
	{
	font-family: "Georgia", Times New Roman, Times, serif;
	color:#457f72;
	font-size:23px;
	font-weight: 400;
	letter-spacing:-1px;
	font-style:normal;
	}

ul.commentlist cite a:hover {
	color:#49c1a6;
	}
	

	
#form-sm {
	margin-top:20px;
	padding:20px;
	width:500px;
	-moz-border-radius: 15px;  
	-khtml-border-radius: 15px;  
	-webkit-border-radius: 15px;
	background-color:#cfcfcf;
	float:left;
}


#leave-comment input, #leave-comment textarea {
	margin-top:10px;
	margin-bottom:10px;
	width: 480px;
	height:30px;
	font-family: Helvetica, sans-serif;
	font-size:15px;
	border: 2px solid #ccc;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 10px;  
	-khtml-border-radius: 10px;  
	-webkit-border-radius: 10px;
}



#leave-comment input.submit-button {
	width: 100px;
	height:50px;
	float: left;
	padding:0px;
	background-color:#333;
	font-size:18px;
	font-weight:bold;
	color:#CCC;
	-moz-border-radius: 10px;  
	-khtml-border-radius: 10px;  
	-webkit-border-radius: 10px;
}
#leave-comment textarea {
	width:480px;
	height:150px;
	-moz-border-radius: 10px;  
	-khtml-border-radius: 10px;  
	-webkit-border-radius: 10px;
}

#leave-comment textarea:focus, #leave-comment input:focus {
	border: 2px solid #49c1a6;
}


	
	
/* footer  */

#foot-container{
	width:100%;
	height:620px;
	background-color:#1a7e84;
	background-image:url(images/foot-containter-bg.jpg);
	background-repeat:repeat-x;
	float:left;
	}
	
#footer {
	width:100%;
	height:620px;
	background-image:url(images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:scroll;
	float:left;
	}
	
#footer-content {
	width:940px;
	height:620px;
	margin:auto;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	}

#f-left {
		width:270px;
		height: 398px;
		margin: 164px 20px 0 0;
		padding:20px 15px 20px 15px;
		float:left;
		text-align:center;
	}
	
#f-left ul {
	text-align:left;
	padding-left:20px;
	}
	
#f-left ul li{
	font-size:30px;
	}
	
	
#f-left ul li a{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:33px;
	letter-spacing:-2px;
	line-height:50px;
	word-spacing:-1px;
	font-weight:400;
	}
	

	
	
#f-middle {
		width:270px;
		height: 398px;
		margin: 164px 20px 0 0;
		padding:20px 15px 20px 15px;
		float:left;
		text-align:center;
	}
	
#f-middle img{
	padding-right:10px;
	}
	
#f-right {
		width:270px;
		height: 398px;
		margin: 164px 0 0 0;
		padding:20px 15px 20px 15px;
		float:left;
		text-align:center;
	}
	
#footer hr {
	height:6px;
	background-position:center;
	background-image:url(images/bt-hr.png);
	background-repeat:repeat-x;
	background:url(images/bt-hr.png);
	border:none;
	}



	
#flickr_badge_uber_wrapper {
	text-align:center; 
	width:270px; 
	height:170px;
	
	}
	
#flickr_badge_wrapper {
	text-align:center;
	width:262px; 
	height:170px;
	padding-left:8px;
	}
	
.flickr_badge_image {
	margin:0 5px 5px 0; 
	float:left;
	}
	
.flickr_badge_image img {
	border: 3px solid #666 !important;
	}
	
	
#flickr_badge_source {
	text-align:left; 
	margin:0 10px 0 10px; 
	float:left;
	}
	
#flickr_badge_icon {
	float:left; 
	margin-right:3px;
	}
	

	
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color:#990099;
	}
	
#flickr_badge_wrapper {
	border: solid 0px #FF6666
	}
	
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#3300FF !important;
	}
	
#f-right .top a{ 	
	display:block;
	height:31px;
	width:140px;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	float:none;
	padding-right:30px;
	padding-left:50px;
	line-height:31px;
	}
	
#f-right .top a:hover{ 	
	background-image:url(images/arrow-hover.png);
	}
	
#f-right p{ 	
	background-image:url(images/thc-sm.png);
	background-position:left center;
	background-repeat:no-repeat;
	height:61px;
	line-height:61px;
	margin-left:25px;
	font-size:15px;
	}


/*  form   */	

#contact-area {
	width: 940px;
	margin-top: 25px;
}

#form-l {
	width:470px;
	float:left;
}
#form-r {
	width:470px;
	float:right;
}




#contact-area input, #contact-area textarea {
	margin-top:10px;
	margin-bottom:10px;
	width: 430px;
	height:30px;
	font-family: Helvetica, sans-serif;
	font-size:15px;
	border: 2px solid #ccc;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}



#contact-area input.submit-button {
	width: 100px;
	height:50px;
	float: left;
	padding:0px;
	background-color:#ccc;
	font-size:18px;
	font-weight:bold;
	color:#5c5c5c;
}
#contact-area textarea {
	width:900px;
	height:200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #49c1a6;
}



.form {
	padding-left:60px;
	}