@charset "utf-8";
/*
Theme Name: Volcano Lovers
Theme URI: http://www.volcanolovers.net/
Description: Volcano Lovers Theme
Version: 0.0
Author: OCTET DESIGN
Author URI: http://www.octet-design.com/
Tags: 
*/


/* colors

	iceland:	#8bb1b0
	japan:		#cf9297

*/

/* debug
*{
border:dotted 1px #f00;
}
*/

body{
	background-color:	#eee;
}



*{
	color:				#555;
	font-size:			11px;
	font-weight:		normal;
	font-family:		'Lucida Grande', Verdana, Arial, sans-serif;
	margin:				0px;
	padding:			0px;
}

h1, h2, h3, h4, h5, h6, h7{
	font-size:			12px;
	font-weight:		bold;
	font-family:		Arial, sans-serif;
	margin-top:			20px;
}

p, li{
	line-height:		18px;
}

a{
	color:				#f00;
	text-decoration:	none;
}

a:hover, a:active{
	text-decoration:	underline;
}

a:visited{
	color:				#844;
	text-decoration:	underline;
}

strong{
	font-weight:	bold;
}

img{
	border:			none;
}

img.border{
	border:			solid 1px #ccc;
}

li{
	list-style-type:	none;
}

table{
	margin:				0px 0px 20px 0px;
}

th, td{
	text-align:			left;
	vertical-align:		top;
	padding:			2px;
}

th{
	font-weight:		bold;
}


/* -- page layout --------- */
div#page{
	background-color:	#fff;
	width:				700px;
	border-left:		solid 1px #ccc;
	border-right:		solid 1px #ccc;
	border-bottom:		solid 1px #ccc;
	margin:				0px auto 60px auto;
	padding:			20px 50px 20px 50px;
}


/* -- classes --------- */
.iceland, ul.iceland li{
	color:				#8bb1b0;
}

.japan, ul.japan li{
	color:				#cf9297;
}

.clear{
	clear:				both;
}

.alignleft{
	float:				left;
}

.alignright{
	float:				right;
}

/* -- global navigation --------- */
div#globalnavi{
	border-top:			solid 1px #ccc;
	border-bottom:		solid 1px #ccc;
	padding:			5px 0px 3px 0px;
	margin:				10px 0px 60px 0px;
}

div#globalnavi ul{
	text-align:			left;
	padding-left:		10px;
}

div#globalnavi li{
	display:			inline;
	margin:				0px 15px 0px 0px;
}

div#globalnavi a{
	color:				#999;
	font-size:			12px;
	font-family:		Arial, sans-serif;
/*	font-weight:		bold;
*/
}

/* -- statement --------- */
div#statement{
}

div#statement h2{
	font-size:		14px;
	font-family:	Arial, sans-serif;
	margin:			0px 0px 60px 0px;
}

div#statement h3{
	text-align:		center;
	margin:			40px 0px 40px 0px;
}

div#statement h4{
	font-size:		11px;
	font-weight:	normal;
	text-align:		right;
	margin:			0px 0px 40px 0px;
}

div#statement p{
	text-indent:	10px;
	margin:			0px 0px 20px 0px;
}

div#statement blockquote{
	width:				460px;
/*	background-color:	#f8f8f8;
*/	border:				solid 1px #eee;
	padding:			20px;
	margin:				20px auto 20px auto;
}

div#statement blockquote p{
	font-size:		10px;
	font-family:	serif;
	line-height:	18px;
	margin:			0px 0px 10px 0px;
}

/* -- logos --------- */
table#logos{
	margin:			60px 0px 0px 0px;
}

table#logos td{
	vertical-align:		middle;
	padding:			0px 10px 0px 0px;
}

/* -- footer --------- */
div#footer{
	margin:				75px 0px 0px 0px;
}

div#footer p{
	font-size:			10px;
	text-align:			center;
}


/* -- photo and video --------- */
div.photos img{
	border:			solid 1px #ccc;
	margin:			5px;
}
