/*
Theme Name: Kallisto Salon and Spa
Theme URI: http://www.wearegiant.com.com
Description: Designed by WeAreGiant
Version: 1.0
Author: Derrick Tran of WeAreGiant
Author URI: http://www.wearegiant.com/

*/

/* 
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.                             
  May not be duplicated or reproduced.
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */
body { background-color: #000000; color: #000000; margin: 0px; padding: 0px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center;  }
a { color: #d53700; }
h1,h2,h3,h4,h5,h6 { color: #ffffff; font-size: 20px; font-weight: bold; font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
textarea, input, table { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }
.bluebold { color: #1cb0b3; font-weight: bold; }
.imgright, .alignright { margin: 5px 0px 5px 15px; float: right; }
.imgleft, .alignleft { margin: 5px 15px 5px 0px; float: left; }
.narrowcolumn { padding-top: 8px; }
.entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
.article_link { font-size: 12px; font-weight: bold; }
.arrow { background: url(images/bullet_arrow.gif) no-repeat 0px 5px; padding: 0px 0px 0px 11px; font-size: 11px; text-decoration: none; background-color: #000000; }
.gray { color: #c6c6c6; font-weight: bold; }
i, em { overflow: hidden; width: 100%; }
.wp-caption { background-color: #e7e7e7; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px; }
	.wp-caption-text { margin: 0px; padding: 2px 10px 5px 10px; text-align: center; }

/* framework
 * ------------------------------------------------------------------------- */
#container_wrap { background: url(images/bg_tile.gif) top center; width: 100%; }
#top_bar { width: 100%; background: url(images/top_bg.png) repeat-x; height: 180px; position: absolute; top: 0px; left: 0px; z-index: 500; }
	#top_area { width: 990px; height: 180px; background: url(images/top_logo.png) top center no-repeat; margin: 0px auto 0px auto; padding: 0px; text-align: left; }
		#top_left { width: 412px; float: left; }
			#nav_left { width: 363px; height: 27px; position: relative;  margin: 94px 0px 0px 10px; }
				#nav_left li { list-style: none; padding: 0px; margin: 0px; position: absolute; }
				#nav_left li, #nav_left a { height: 27px; display: block; }
				#nav_left span { display: none;}
				#nav_1 { width: 63px; left: 0px; }
				#nav_2 { width: 91px; left: 63px; }
				#nav_3 { width: 129px; left: 154px; }
				#nav_4 { width: 80px; left: 283px; }
				
				#nav_1 a:hover { background: transparent url(images/top_logo.png) -10px -98px no-repeat;}
				#nav_2 a:hover { background: transparent url(images/top_logo.png) -73px -98px no-repeat;}
				#nav_3 a:hover { background: transparent url(images/top_logo.png) -164px -98px no-repeat;}
				#nav_4 a:hover { background: transparent url(images/top_logo.png) -293px -98px no-repeat;}
		#top_middle { width: 168px; height: 159px; float: left; }
			#top_middle h1, #top_middle a { display: block; height: 168px; height: 159px; }
			#top_middle span { display: none; }
		#top_right { width: 410px; float: left; }
			#nav_right { width: 383px; height: 27px; position: relative;  margin: 94px 0px 0px 17px; }
				#nav_right li { list-style: none; padding: 0px; margin: 0px; position: absolute; }
				#nav_right li, #nav_right a { height: 27px; display: block; }
				#nav_right span { display: none;}
				#nav_5 { width: 88px; left: 0px; }
				#nav_6 { width: 97px; left: 88px; }
				#nav_7 { width: 118px; left: 185px; }
				#nav_8 { width: 80px; left: 303px; }
				
				#nav_5 a:hover { background: transparent url(images/top_logo.png) -597px -98px no-repeat;}
				#nav_6 a:hover { background: transparent url(images/top_logo.png) -685px -98px no-repeat;}
				#nav_7 a:hover { background: transparent url(images/top_logo.png) -782px -98px no-repeat;}
				#nav_8 a:hover { background: transparent url(images/top_logo.png) -900px -98px no-repeat;}
		
#container_page { width: 990px; margin: 0px auto 0px auto; padding: 134px 0px 0px 0px; background: url(images/bg_page.gif) top center repeat-y; text-align: left; }
#container_wrap:after, #container_page:after, #content_area:after, #home_content_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#home_loader { width: 990px; height: 617px; background: url(images/loader.gif) 650px 265px no-repeat; }
	#home_content_area { width: 990px; height: 617px; background: url(images/main_image.jpg) top left no-repeat; color: #dddddd; }
		#home_content_container { height: 617px; width: 385px; background: url(images/transparent.png); }
		#home_content_area .info_pod { width: 385px; padding: 25px 0px 0px 0px; }
			#home_content_area h1, #home_content_area h2 { padding: 10px 25px 15px 25px; text-transform:uppercase; }
			#home_content_area p { padding: 0px 25px 15px 25px; line-height: 16px; }
			#home_content_area a { text-decoration: none; }
			#home_content_area span { background-color: #000000;}
				#home_content_area a:hover { text-decoration: underline; }
			.tease_article { margin: 0px 0px 10px 0px; }	
				.title { color: #cebc3c; font-weight: bold; }
					.title a { color: #ffffff; }
				.date { background-color: #000000; font-size: 10px; color: #999999; }
	#content_area { width: 990px; color: #f3dbd3; background: url(images/subside_bg.jpg) top right repeat-y; padding: 0px 0px 30px 0px; line-height: 18px; }
		#content_area h1 { margin: 0px 0px 15px 0px; font-size: 26px; font-weight: bold; letter-spacing: -1px; text-transform:uppercase; }
		#content_area h2 { margin: 15px 0px 5px 0px; font-size: 18px; font-weight: bold; letter-spacing: -1px; text-transform:uppercase;}
		#content_area h3 { margin: 8px 0px 15px 0px; font-size: 18px; font-weight: bold; letter-spacing: -1px; text-transform:uppercase;}
		#content_area p { margin: 0px 0px 15px 0px; }
			#content_area a { color: #ffffff; }
			#content_area a:hover { text-decoration: none; background-color: #000000; }
			#content_area ul { margin: 0px 0px 15px 0px; }
		#content_right { width: 742px; float: left; }
			#content_right .info_pod { padding: 50px 25px 25px 25px; font-size: 12px; }
				#content_right a { color: #ffffff; }
				#content_right li  { background: url(images/bullet_red.gif) no-repeat 0px 7px; padding: 0px 0px 0px 11px; font-size: 11px; text-decoration: none; }
					#content_right li a { text-decoration: none; }
					#content_right li a:hover { background-color: #000000; }
					#content_right table { width: 692px; color: #ffffff; font-size: 12px; margin: 0px 0px 20px 0px; }
						.table_head { font-weight: bold; background: url(images/subside_bg.jpg); font-size: 13px; text-transform: uppercase; }
						#content_right table td { border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #ed5526; padding: 5px; vertical-align: top; line-height: 16px; }
						#content_right table .note { border: none; font-size: 11px; }
						#content_right table span { font-size: 11px; color: #ecc5b7 }
						.table_left { width: 80%; }
						.table_right { width: 10%;  } 
						.alt_row { background: url(images/transparent_20.png); }
						
		#content_left { width: 248px; padding: 25px 0px 0px 0px; float: left; }
			#content_left .info_pod { padding: 25px 25px 0px 25px; font-size: 11px; color: #aaaaaa; }
				#content_left li  { background: url(images/bullet_arrow.gif) no-repeat 0px 7px; padding: 0px 0px 0px 11px; font-size: 11px; text-decoration: none; }
					#content_left li a { text-decoration: none; }
					#content_left li a:hover { color: #ffffff; background-color: #000000; }
				#address_box { background: url(images/logo_sml.gif) no-repeat top left; padding: 0px 0px 0px 55px; }

#footer_container { width: 100%; background: url(images/bottom_bg.png) top repeat-x; position: relative; top: -10px; }
	#footer_area {  width: 990px; height: 150px; background: url(images/footer.gif) 0px 10px no-repeat; color: #414141; line-height: 16px; margin: 0px auto 0px auto; padding: 70px 0px 0px 0px; text-align: left; font-size: 11px; line-height: 16px; }
	#footer_area a { color: #555555; text-decoration: none; }
	#footer_area p { padding: 10px 25px 8px 25px; }
		#footer_area .highlight { color: #555555; }

/* wp comments */
.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;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	}
/* End Form Elements */



/* Begin Comments*/
.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;
	}
/* End Comments */