/*
	Name: Kyashii
	Date: December 2008
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
		line-height: 1.4;
	    font-size: 81.25%; /* 100% = 16px */
	    color: #fff;
	    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    background: #090909 url('../images/bg.png') repeat-x top left;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 107.69%}
	h3 {font-size: 100%}
	h4 {font-size: 100%}
	h5 {font-size: 100%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {margin-bottom: 10px; line-height: 1.2;}
	.title {background: url('../images/k.gif') no-repeat 3px 0; padding-left: 35px; margin-bottom: 20px;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fff; text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
	a.button {background: #0c0c0c url('../images/button-top.png') no-repeat top left; display: block; padding: 3px 0 0 8px; margin-bottom: 1em;}
	a.button span {display: block; background: url('../images/button-bot.png') no-repeat bottom right; padding: 0 8px 3px 0;}
	a.button img {margin-right: 10px;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Quotes */
blockquote {background: #444; font-style: italic; padding: 20px; margin: 1.5em; color: #fff; font-family: georgia, times, serif; -moz-border-radius: 10px; -webkit-border-radius: 10px}
blockquote p{margin-bottom: .5em}
	
/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #333}

thead th {background: #333; color: #fff; text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}
tbody .alt td {background: #1f1f1f}

/***** Layout *****/
.limit {width: 900px; margin: 0 auto}

/* Header */
#header {font-family: arial, verdana, sans-serif;}
#header .limit {overflow: hidden; height: 1%;}

	/* Logo */
	#logo {float: left; margin: 10px 10px 10px 0;}
	
	#slogan {float: left; margin: 40px 0 0 0;} 

	/* Quote */
	#header #quote {float: right; margin: 20px 0 0 0; text-align: right; width: 200px;}
	#header blockquote {margin: 0; background: none; font-style: normal; padding: 0;}
	#header #quote blockquote p {margin: 0 0 5px 0; text-align: right;}

/* Menu */
#menu {width: 896px; border: 2px solid #515050; height: 249px; background: url('../images/headers/header1.jpg'); margin-bottom: 40px;}
#menu.home {height: 329px;}
#menu ul {margin: 0 auto; height: 40px; list-style: none; background: url('../images/menu-bg.png') no-repeat top left; line-height: 40px; text-align: left;}
#menu ul li {display: inline; padding: 0 1.4em;}

/* Body */
#body .limit {background: url('../images/footer-bg.png') no-repeat bottom center; padding-bottom: 20px; overflow: hidden; height: 1%; margin-bottom: 10px;}

	/* Content */
	#content {width: 675px; float: left; margin-bottom: 15px;}
	
	#content.men-land {width: 575px; margin-left: 26px; font-size: .85em;}
	#content.men-land .button {float: right; width: 140px;}
	
	/* Sidebar */
	#sidebar {width: 199px; float: left; margin-bottom: 15px}
	
	#sidebar h2 {font-size: 1em; margin-bottom: 10px;}
	#sidebar ul {margin: 0 0 0 .5em; list-style: none;}
	
	#sidebar .box {background: url('../images/button-top.png') no-repeat top left; padding: 15px 15px 0 15px; margin-bottom: 15px;}
	#sidebar .box .box-end {margin: 0 -15px; height: 20px; background: url('../images/button-bot.png') no-repeat bottom right; position: relative;}
	
	#sidebar a.button span {background-image: url('../images/button-bot.png') ;}

	#sidebar.right {margin-left: 26px;}
	#sidebar.left {margin-right: 26px;}
	#sidebar.men-land {width: 297px; background: #101010 url('../images/land-side-bg.png') no-repeat bottom right;}
	
	#sidebar.men-land ul {margin: 20px; list-style: none; font-size: .85em;} 
	#sidebar.men-land ul li {padding-left: 15px; background: url('../images/icons/arrow.gif') no-repeat 0 4px; margin-bottom: .3em;} 

/* Footer */
#footer {width: 900px;margin: 0 auto;padding-bottom: 20px;text-align: center}
	
/***** Sections *****/
.buttons {overflow: hidden; height: 1%; margin-bottom: .5em;}
/* Homepage */
#hour-info {background: url('../images/footer-bg.png') no-repeat top center; padding-top: 35px; clear: both;}
#hour-info .info {width: 300px; float: left; margin-right: 15px;}

#hour-info .info div {width: 49.8%; float: left; margin-bottom: 20px;}
#hour-info .button {clear: both; width: 200px;}

#hour-info #gal-imgs {float: left; margin: 0; list-style: none;}
#hour-info #gal-imgs li {float: left; margin: 0 8px;}

/* Blog Index */
#post-list {margin: 0; padding: 0; list-style: none}
.post {padding-bottom: 20px; margin-bottom: 20px}
.title {font-size: 1.3em; margin-bottom: 15px}

.post .meta {display: block; background: #333; padding: 8px; overflow: hidden; height: 1%; color: #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px}

/* Comments */
#comments ol {margin: 0 0 30px 0; list-style: none;}
#comments cite {display: block; margin-bottom: 5px;}
#comments blockquote {margin: 0 0 20px 0; background: #444;}

/* Comments Form */
#comment-form {font-size: 1.2em; font-family: georgia, times, serif; padding: 20px; margin: 1.5em 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#comment-form label {display: block; width: 100px; float: left; clear: left; margin-bottom: 10px;}

#comment-form .text, #comment-form textarea {
	border: 1px solid #dadada;
	background: #fff;
	float: left;
	color: #666;
	font-family: inherit;
	font-size: inherit;
	padding: 3px;
	margin-bottom: 10px;
	width: 480px
}
#comment-form textarea {height: 150px}
#comment-form .button {
	border: 0;
	background: #333;
	color: #fff;
	padding: 5px 15px;
	float: right;
	font-size: 1.2em;
	font-family: inherit;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 45px 0 0;
}