/*
Theme Name: Adana
Theme URI: http://www.vooshthemes.com
Description: A Premium Photography Theme Developed By Voosh Themes. Please look at the <a href="../wp-content/themes/adana/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/adana/instructions/instructions.html">(adana/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* Colors: Pink - #cf558e */

@import "styles/reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
.wrap { width: 960px; margin: 0 auto; }
body { font-family: sans-serif; background: url(images/main-bg.png) repeat; color: #555; }
h1 { font-size: 12px; margin: 0 0 30px 0; text-align:right; color:#e7b6b3; position:absolute; right:0; padding:5px; }
h2 { font-size: 34px; margin: 0 0 30px 0; }
h3 { font-size: 24px; margin: 40px 0 20px 0; }
h4 { font-size: 20px; margin: 30px 0 15px 0;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 14px; line-height: 1.7; margin: 0 0 15px 0; }
a { text-decoration: none; color: #cf558e; }
a:hover { color: #333; }
.hide { display: none; }
em { font-style: italic; }

/* ---------------- */
/* -- Top Banner -- */
/* ---------------- */
#top-banner { background: url(images/top-banner.png) repeat-x; }
#top-banner-wrap { width: 620px; height: 63px; margin: 0 auto; }
/*#top-banner-wrap { background: url(images/yellow-top-banner.png) no-repeat; width: 620px; height: 56px; margin: 0 auto; }*/
#top-banner p { color: #765082; font-size: 16px; padding: 18px 0 0 0; text-align: center; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { text-align: center; margin: 45px 0 0 0; }
#header h1 { font-size: 65px; margin: 0 auto; }
#header h2 { background: url(images/subtitle.png) no-repeat; width: 595px; height: 49px; text-indent: -9999px; margin: 5px auto; }

/* --------- */
/* -- Nav -- */
/* --------- */
#nav { float: left; text-align: left; width: 100%; margin: 30px 0 60px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; height: 62px; z-index: 20; position: relative; background: #FFF; }
.menu {	float: left; position: relative;  height: 21px; padding: 23px 0 23px 10px; }
.menu li { float: left; position: relative;  font-size: 25px; padding: 0 20px; font-size: 20px; font-weight: bold; }
.menu a { display: block; margin: 0; color: #777; text-decoration: none; text-transform: uppercase; }
.menu .current a, .menu li:hover > a { color: #cf558e; }
/* -- 2nd level -- */
.menu ul { background-color: #f5f5e6; display: none; margin: 0; padding: 0; width: 260px; height: auto; position: absolute; border: solid 1px #ddd; left: 20px; top: 19px; }
.menu ul li a:hover a, .menu li:hover li a { color: #777; font-size: 16px; text-transform: none; }
.menu ul a:hover { background: #cf558e !important; color: #fff !important; }
.menu li:hover > ul { display: block; }
.menu ul li { float: none; margin: 0; padding: 10px; }
.menu ul a { font-size: 16px; padding: 10px; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a { color: #cf558e; }
.menu .sub-menu li { float: left; position: static; right: 0%; font-size: 25px; padding: 0;  width: 100%; }
.menu .sub-menu li.current_page_item a { color: #cf558e; }

/* --------------- */
/* -- Frontpage -- */
/* --------------- */
#featured-photo { clear: both; background: url(images/featured-photo-bg.png) no-repeat; width: 896px; height: 417px; margin: 55px auto; padding: 0 0 33px 0;}
#featured-photo img { margin: 33px 0 0 173px; border: 1px #ddd solid; }
#details { float: left; background: url(images/details-bg.png) repeat-x; margin: 30px 0 0 0; width: 100%; }
#details #congratulations { float: left; width: 450px; }
#details #congratulations h3 { font-size: 25px; color: #666; margin: 30px 0 15px 0; padding-left: 35px; background: url(images/rose.png) no-repeat; }
#details #congratulations p { font-size: 14px; color: #666; line-height: 130%; }
#congratulations span { color: #333; }
#details #testimonials { float: right; background: url(images/testimonial-bg.png) no-repeat; width: 431px; height: 250px; margin: -22px 0 0 0; }
.testimonial-wrap { width: 350px; margin: 14px 0 0 14px; height: 168px !important; padding: 6px 30px; }
#details #testimonials li { color: #666; line-height: 22px; font-size: 14px; margin: 10px 0 0 0; }
#details #testimonials .testimonial-author { float: left; color: #333; margin-top: 15px; }
#details #testimonials img { float: right; margin: -25px -18px 0 15px;  }

/* ------------------- */
/* -- Posts / Pages -- */
/* ------------------- */
.post { margin: 40px 0 60px 0; }
.post-title { margin: 0; padding: 0; }
.post-meta { margin: 5px 0 15px 0; font-size: 20px; }
.single-post-meta { margin: 5px 0 25px 0; font-size: 20px; }
h2.title { margin-top: 0; }

/* --------------- */
/* -- Portfolio -- */
/* --------------- */
#portfolio { width: 960px; margin: 0 auto; margin-top: 70px; }
.photo-wrap { float: left; background: url(images/photo-bg.png) no-repeat; width: 300px; height: 220px; margin: 0 0 30px 30px; }
.first { margin-left: 0; }
.photo-wrap img { margin: 10px 0 0 10px; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; margin: 10px 0 0 0; width: 100%; background: #FDFAF7; }
#content { float: left; width: 500px; padding: 20px; }

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: right; width: 300px; background: url(images/input-bg.png) repeat; padding: 20px 20px 5px 20px; border: 2px #fff solid; color: #222; }
#sidebar .title { margin-top: 0; }

/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments { clear: both; width: 525px;  }
#comments h3 { padding-bottom: 0; }
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #ccc; padding: 15px; margin: 15px 0 0 0; }
.commentlist .fn { color: #555555; }
.commentlist .url { color: #cf558e; padding-bottom: 10px; display: block; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 -7px; display: block; color: #cf558e; }

/* respond form */
#respond h3 { margin-bottom: 10px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 480px; margin: 0 0 0 0; }
#commentform input { background: url(images/input-bg.png) repeat; float: left; color: #000; width: 255px; font-size: 14px; padding: 12px 12px 12px 12px; margin-bottom: 20px; font-family: Georgia, times, serif; border: 1px #ddd solid; }
#commentform textarea { background: url(images/input-bg.png) repeat; color: #000; width: 456px; height: 238px;  margin: 5px 0 0 0; font-size: 14px; padding: 12px 12px; font-family: Georgia, times, serif; border: 1px #ddd solid; line-height: 20px; }
#commentform .submit { background: url(images/button-bg.png) no-repeat; width: 190px; height: 54px; display: block; color: #fff; font-size: 14px; text-align: center; margin: 15px 0 0 -6px; border: none; cursor: pointer; }
#commentform .submit:hover { color: #333; }
#commentform label {  float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0; }
.commentlist .comment-reply-link { margin: 10px 0 0 0; color: #cf558e; font-size: 14px;  }
.commentlist .comment-reply-link:hover { color: #555; }

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-form { margin: 20px 0 0 0; }
#contact-form fieldset { border: none; }
#contact-form input { background: url(images/input-bg.png) repeat-x; border: none; padding: 12px 10px 10px 10px; font-size: 12px; color: #000; font-family: Georgia, times, serif; margin: 0 200px 15px 0; width: 275px; font-size: 14px; }
#contact-form textarea { background: url(images/input-bg.png) repeat; border: none; width: 515px; height: 249px; border: 1px #dddddd solid;  font-size: 12px; color: #333; font-family: Georgia, times, serif; line-height: 22px; margin: 0 0 15px 0; padding: 20px 20px 0 15px; width: 450px; font-size: 14px; }
#contact-form input.submit { background: url(images/button-bg.png) no-repeat; cursor: pointer; color: #fff; width: 190px; height: 54px; border: none; padding: 8px 0; margin: 5px 0 0 -6px; }
#contact-form .submit:hover { color: #333; }
#response { background: url(images/input-bg.png) repeat; border: 1px #ccc solid; padding: 15px; color: #ff0000; }

/* ------------------- */
/* -- topfootermenu -- */
/* ------------------- */

#topfootermenu { margin: 40px 0 0 0; float: left; width: 100%; }
#topfootermenu ul { margin-right: -57px; }
#topfootermenu ul li { float: left; padding-right: 57px; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer-contact-banner { float: left; background: url(images/contact-bg.png) repeat-x; margin: 50px 0 0 0; padding-bottom: 50px; width: 100%; }
#footer-contact-banner img { float: left; margin: 5px 20px 0 -10px; }
#footer-contact-banner p { font-size: 12px; line-height: 1.4; color: #FFFFFF; padding-top: 20px; }
.contact-title { color: #444;}
.contact-subtitle { color: #888; }


/* ------------ */
/* ------------ */
p {
	margin: 0;
	padding: 0;
	border: none;
}
/* ------------ */
/* ------------ */
.maT0 {
	margin-top: 0px !important;
}
.maT5 {
	margin-top: 5px !important;
}
.maT10 {
	margin-top: 10px !important;
}
.maT15 {
	margin-top: 15px !important;
}
.maT20 {
	margin-top: 20px !important;
}
.maT40 {
	margin-top: 40px !important;
}
.maT60 {
	margin-top: 60px !important;
}

.maB0 {
	margin-bottom: 0px !important;
}
.maB20 {
	margin-bottom: 20px !important;
}
/* ------------ */
.paT20 {
	padding-top: 20px !important;
}
.paT40 {
	padding-top: 40px !important;
}
.paB20 {
	padding-bottom: 20px !important;
}

/* ------------ */
/* ------------ */
.bold {
	font-weight: bold !important;
}
.font12 {
	font-size: 12px;
}
.font16 {
	font-size: 16px;
}
.lH12 {
	line-height: 1.2 !important;
}

/* ------------ */
/* ------------ */
.flL {
	float: left;
}
.flR {
	float: right;
}
.clear{
	clear: both;
}

/* -------------- */
/* - text-align - */
/* -------------- */

.taL {
	text-align: left;
}
.taC {
	text-align: center;
}
.taR {
	text-align: right;
}


/* ------------ */
/* ------------ */
h2.title {
	width: 919px;
	margin: 20px auto;
}
.container {
	width: 885px;
	margin: 0 auto;
	clear: both;
}
.boxLeft {
	float: left;
	width: 432px;
}
.boxRight {
	float: right;
	width: 432px;
}
.attachment-thumbnail,
.photo {
	background: #FFF;
	padding: 15px;
	border-top: none !important ;
	border-left: none !important ;
	border-right: solid 1px #b1afac !important ;
	border-bottom: solid 1px #b1afac !important ;
}
.photo img {
	border-top: solid 1px #b1afac ;
	border-left: solid 1px #b1afac ;
}

h3 {
	font-size: 14px;
	background: url(images/midashi_b01.png) repeat-y;
	padding: 8px 16px;
	margin: 0 auto 20px;
	font-weight: bold;
}
.pagetop {
	text-align: right;
	width: 885px;
	margin: 20px auto;
}
.pageNav {
	width: 885px;
	margin: 20px auto;
	clear: both;
	border-top: solid 2px #F7D8D5;
	border-bottom: solid 2px #F7D8D5;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.pageNav ul {
	margin: 20px 0;
	position: relative;
	left: 50%;
	float: left;
}
.pageNav li {
	float: left;
	margin: 5px;
	position: relative;
	left: -50%;
}
.pageNav a {
	display: block;
	padding: 5px 10px;
	border: solid 1px #F7D8D5;
	background: #FFF;
}

/* ------------ */
/* ------------ */
.carving01 dt {
	padding-bottom: 5px;
	border-bottom: solid 2px #F7D8D5;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.7;
}
.carving01 dd {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.7;
}
.lessonTL {
	width: 330px;
	float: left;
}
.lessonTR2 {
	width: 330px;
	float: right;
}

.lessonIn1 {
	background: #F2B6B3;
	padding: 10px;
	margin-bottom: 15px;
}
.lessonIn1 dl {
	margin-bottom: 10px;
	display: block;
	position: relative !important;
}
.lessonIn1 dt {
	font-size: 14px;
	line-height: 1.2;
	position: absolute;
}
.lessonIn1 dd {
	font-size: 14px;
	line-height: 1.2;
	position: relative;
	left: 100px;
	min-height: 47px;
	_height: auto !important;
	_height: 47px;
	padding-top: 5px;
	width: 200px;
}
.lessonTR {
	background: #FFF;
	border: solid 1px #F2B6B3;
	width: 520px;
	float: right;
}
.lessonIn2 {
	float: left;
	width: 175px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.lessonIn3 {
	float: right;
	width: 288px;
	padding: 17px 17px 17px 0px;
	min-height: 110px;
	_height: auto !important;
	_height: 110px;
}
.lessonIn4 {
	clear: both;
	padding:10px 17px 17px;
	border-top: dashed 1px #F2B6B3;
}
.lessonIn5 {
	float: left;
	width: 264px;
	line-height: 1.5;
	padding-bottom: 17px;
}
.lessonIn6 {
	float: right;
	width: 206px;
	line-height: 1.5;
}

.boxFlowerL {
	float: left;
	width: 530px;
}
.boxFlowerL .photo {
	width: 221px;
	line-height: 1.2;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	min-height: 300px;
	_height: auto !important;
	_height: 300px;
}
.boxColorL {
	float: left;
	width: 530px;
}
.boxColorL .photo {
	width: 221px;
	line-height: 1.2;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.boxFlowerL .photo img {
	margin-bottom: 5px;
}
.boxProfile {
	width: 885px;
	margin: 0 auto;
}
.boxProfile .profile {
	float: left;
	width: 630px;
	padding-top: 30px;
}
.boxProfile .photo {
	float: right;
}
.boxHistory dt {
	background: url(images/line.png) no-repeat center;
	margin-top: 10px;
	margin-bottom: 5px;
}
.boxHistory dd {
	font-size: 14px;
	line-height: 1.2;
}
.boxAccess01 {
	width: 885px;
	margin: 0 auto;
}
.boxAccess01 .photo {
	float: right;
}
.boxAccess02 {
	width: 885px;
	margin: 0 auto;
	padding-top: 10px;
}
.boxAccess02 li {
	float: left;
	margin-left: 9px;
}
.boxAccess03L {
	float: left;
}
.boxAccess03L iframe {
	border:solid 1px #653F32;
}
.boxAccess03R {
	float: right;
}
#spaceNav {
	width: 907px;
	margin: 0 0 0 17px;
	padding-top: 10px;
}
#spaceNav dl{
	width: 280px;
	float: left;
	padding-left: 20px;
}
#spaceNav dt {
	width: 280px;
	font-size: 14px;
	line-height: 1.2;
	background: #F7D8D5;
}
#spaceNav dd {
	width: 270px;
	font-size: 14px;
	line-height: 1.2;
	padding: 175px 5px 5px 5px;
	background-color: #F7D8D5;
	min-height: 70px;
	_height: auto !important;
	_height: 70px;
}
#spaceNav01 {
	background-image: url(images/photo_space0001.jpg);
	background-repeat: no-repeat;
}
#spaceNav02 {
	background-image: url(images/photo_space0002.jpg);
	background-repeat: no-repeat;
}
#spaceNav03 {
	background-image: url(images/photo_space0003.jpg);
	background-repeat: no-repeat;
}
.boxSpace01 .photo {
	text-align: center;
	width: 294px;
	padding-bottom: 5px !important;
	float: left;
}
.boxSpace02 {
	width: 907px;
	margin: 0 0 0 17px;
	clear: both;
	padding-top: 10px;
}
.boxSpace02 .photo {
	width: 251px;
	float: left;
	padding-bottom: 5px !important;
	text-align: center;
	line-height: 1.2;
	min-height: 230px;
	_height: auto !important;
	_height: 230px;
	margin-left: 20px;
}
.boxSpace02 img {
	margin-bottom: 5px;
}
.boxSpace03 {
	width: 885px;
	margin: 0 auto;
	clear: both;
	position: relative;
}
.boxSpace03 dt {
	width: 181px;
	position: absolute;
}
.boxSpace03 dd {
	height: 210px;
	position: relative;
	padding: 0 0 15px 230px;
	margin-bottom: 13px;
	border-bottom: solid 2px #F7D8D5;
}
.boxSpace03 dd p {
	position: absolute;
	top: 50%;
    margin-top: -3em;
}
.boxSpace03 dd strong {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.boxSpace04 {
	width: 885px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}
.boxSpace04L {
	float: left;
	width: 414px;
}
.boxSpace04R {
	float: right;
	width: 414px;

}
.boxSpace05 {
	width: 907px;
	margin: 0 0 0 17px;
	clear: both;
	padding-top: 10px;
}
.boxSpace05 .photo {
	width: 251px;
	float: left;
	text-align: center;
	line-height: 1.2;
	margin-left: 20px;
}
.boxSpace06 {
	width: 885px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}
.boxSpace06L {
	float: left;
	width: 432px;
}
.boxSpace06R {
	float: right;
	width: 432px;

}
.boxCustom01 {
	width: 910px;
	margin: 0 0 0 10px;
	padding-top: 20px;

}
.boxCustom01 .photo {
	width: 401px;
	float: left;
	margin-left: 23px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.boxMenuL {
	width: 500px;
	float: left;
}
.boxMenuR {
	width: 330px;
	float: right;
	
}
.boxMenuR ul {
	margin-top: 20px;
	border-top: solid 1px #F2B6B3;
	margin-bottom: 20px;
}
.boxMenuR li {
	padding: 10px;
	border-bottom: solid 1px #F2B6B3;
}

 
/*-----------------------------------------------------------*/
.tablenav {
	width: 885px;
	margin: 20px auto;
	padding:25px 0;
	clear: both;
	border-top: solid 2px #F7D8D5;
	border-bottom: solid 2px #F7D8D5;
	text-align: center;
	position: relative;
	overflow: hidden;
}

a.page-numbers, .tablenav .current {
	border: solid 1px #F7D8D5;
	background: #FFF;
	padding: 10px;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #F7D8D5;
}

.tablenav .current {
	
	background: #F7D8D5;
	border-color: #F7D8D5;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border: solid 1px #F7D8D5;
	background:#FFF;
	padding: 10px;
	text-decoration:none;
	font-size:smaller;
}
.container.link ul {
overflow:hidden;
margin-bottom:50px;
}

.container.link li {
float:left;
background:url(images/arrow.png) no-repeat 0 5px;
padding-left:12px;
line-height:1.2em;
margin-right:10px;
}
.container.link li a {
color:#000;
text-decoration:underline;
}

.contactTable {
	width: 885px;
	margin: 0 auto 20px;
	border-collapse: collapse;
}
.contactTable th {
	border: solid 1px #CCC;
	padding: 10px;
	background: #F7D8D5;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
}
.contactTable td {
	border: solid 1px #CCC;
	padding: 10px;
	background: #FFF;
	font-size: 14px;
}
.soushin {
	padding: 5px;
	width: 150px;
	margin-left: 10px;
}
.boxThailandL {
	float: left;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 1.2;
}


#project-image-large {
	display: none;
}


#pfprint {
	display: none;
}