/*
Theme Name: Osaka Design 2010
Theme URI: http://osaka-design.com/
Description: Custom theme for Osaka Design
Version: 0.8
Author: Rob Hori
Tags: mantle color, fixed width, two columns, widgets
*/

/**
 |
 | Eric Meyer's CSS 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;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

body
{
	line-height: 1;
	color: black;
	background: white;
}

/* Modified - removed OL */
ul
{
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the 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: "" "";
}

/**
 |
 | End CSS Reset
 | Begin custom styles
 |
 */
 
/* Block level */
body
{
	background: #fff url(./css/images/bg-menu.png) repeat-x;
	color: rgb(32,32,32);
	font: 14px Verdana, Tahoma, 'Nimbus Sans L', sans-serif;
	line-height: 20px;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, address, blockquote, pre
{
	margin-bottom: 20px;
}

h1, h2, h3, h4
{
	color: rgb(234,74,35);
	font-family: 'Trebuchet MS', Helvetica, Arial, 'URW Gothic L', sans-serif;
	text-transform: uppercase;
}
	h1 a, h2 a, h3 a, h4 a
	{
		text-decoration: none;
	}

h1, h2
{
	line-height: 40px;
}

h1
{
	font-size: 36px;
}

h2
{
	font-size: 28px;
}

h3
{
	font-size: 20px;
}

h4
{
	font-size: 16px;
}

li
{
	background: url(./css/images/bg-li.png) left top no-repeat;
	padding-left: 20px;
}

	li ul
	{
		margin-bottom: 0;
	}

blockquote
{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	quotes: '"' '"' "'" "'";
}

/* Inline */
a
{
	color: rgb(75,36,235);
	text-decoration: underline;
}

	a:hover
	{
		color: rgb(234,74,35);
	}

abbr, acronym
{
	border-bottom: dotted 1px rgb(32,32,32);
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

/* Forms */
.txt, textarea
{
	border: 1px solid rgb(100,100,100);
	font-size: 14px;
	padding: 0 2px;
}

.txt
{
	height: 18px;
}

label, .pseudo-label
{
	font-size: 16px;
}

.required label
{
	color: rgb(234,74,35);
	font-size: 20px;
	font-weight: bold;
}

.required .txt
{
	font-size: 28px;
	height: 38px;
}

/**
 |
 | 
 |
 */
#wrapper
{
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
	width: 960px;
}

#head
{
	float: right;
	width: 240px;
}

	#head h1
	{
		position: absolute;
		top: -1000px;
	}
	
	#head h2
	{
		font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
	}


#content
{
	float: left;
	width: 700px;
}

	#content blockquote
	{
		margin: 0 20px;
	}

.clear
{
	clear: both;
}

	hr.clear
	{
		border: 0;
		height: 0;
		visibility: hidden;
	}

.external
{
	background: url(./css/images/bg-link-ext-blue.png) right center no-repeat;
	padding-right: 20px;
}

	.external:hover
	{
		background-image: url(./css/images/bg-link-ext-red.png);
	}

.intro
{
	background: url(./css/images/bg-manekineko.jpg) left top no-repeat;
	border-bottom: 2px solid rgb(32,32,32);
	font-size: 28px;
	min-height: 220px;
	line-height: 40px;
	margin-bottom: 18px;
	padding-left: 300px;
}

.col-left, .col-right
{
	width: 340px;
}

.col-left
{
	float: left;
	margin-left: 20px;
}

.col-right
{
	float: right;
}

.first-col
{
	margin-left: 0;
}

#menu
{
	font: 20px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	height: 40px;
	left: 0;
	letter-spacing: 1px;
	line-height: 40px;
	overflow: hidden;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	width: 960px;
}

	#menu a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#menu .current_page_item a, #menu .current_page_parent a
	{
		color: rgb(234,74,35);
	}

.strike
{
	text-decoration: line-through;
}

.navigation
{
	display: block;
	float: left;
}
	
	.navigation li
	{
		background: transparent;
		display: inline;
		padding: 0 20px 0 0;
	}

.language
{
	font-family: Osaka, 'MS PGothic', 'MS Gothic', sans-serif;
	float: right;
}

	.language a
	{
		background: url(./css/images/bg-lang-switch.png) left center no-repeat;
		padding-left: 25px;
	}

#footer
{
	border-top: solid 2px rgb(32,32,32);
	clear: both;
	padding-top: 18px;
}

	#footer .col-left, #footer .col-right
	{
		width: 225px;
	}
	
	#footer .posts
	{
		margin-bottom: 0;
	}
	
		#footer .posts li
		{
			background: transparent;
			margin-bottom: 10px;
			padding: 0;
		}

.up
{
	background: url(./css/images/bg-arrow-up.png) top left no-repeat;
	padding-left: 20px;
}

.fine-print
{
	border-top: 2px solid rgb(32,32,32);
	padding-top: 18px;
	font-size: 12px;
}