/*

Theme Name: WordPress TerroirSelection

Theme URI: http://www.terroir-selection.com

Description: Terroir Selection is a unique wine and spirits import and export consulting firm based in Seoul. We work with importers in Asia and connect them with vintners and suppliers.
We act as a marketing and sales agent and help vintners with exporting wines into Asia.
Terroir Selection is also a specialized wine school, academy and events company. We pride ourselves as a leader in promoting the wine culture in South Korea and Asia.
Japan, China, Taiwan, Hong Kong, Macau, Singapore, Malaysia, Vietnam, Thailand, India, Philippines

Version: 1.0

Author: S�bastien Brossolasco

Author URI:

Tags: wine, courses, terroir, selection,wine export consulting, wine import consulting, marketing and sales agent, Asia representative wine school, academy, events, promotion South Korea, Japan, China, Taiwan, Hong Kong, Macau, Singapore, Malaysia, Thailand, Vietnam, India, Philippines






	TerroirSelection v1.6



	This theme was designed and built by S�bastien Brossolasco

*/



/*

Colors:



menu-light: #78927d

menu-dark: #5a485d

menu-text: #fff

menu-text-selected: #bb3926

submenu-light: #a0b7b0

submenu-dark: #dfd9d9

submenu-text: #4f474e



*/





/* Begin Typography & Colors */

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'doutum', Verdana, Arial, Sans-Serif;
/*멘인 뒷배경컬러 가장자리 */
    background: #eeebec; /*#693e51;*/ /*url('images/background.jpg');*/

	color: #4f474e;

	text-align: center;

	}


#line{
	float:right;
        }
#page {

	text-align: left;
        	}



#content {

  	font-size: 1.2em

	}



.widecolumn .entry p {

	font-size: 3;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.alt {

	background-color: #a4f1d5;

	border-top: 0px solid #ddd;

	border-bottom: 0px solid #ddd;

	}



#footer {

	border: none;

	}



small {

	font-family: 'dotum';

	font-size: 1.2em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: 'dotum';

	font-weight: bold;

	}



h1 {

	font-size: 4em;

	text-align: center;

	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}



h2 {

	font-size: 1.6em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: 'dotum', Verdana, Sans-Serif;

	font-style: italic;

	font-size: 1.4em;

	}



h3 {

	font-size: 1.3em;

	}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	color: white;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #901540;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	/*color: #ffffff;*/

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar {

	float: right;

	border: 0px 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;

	}



#sidebar {

	font: 1.1em 'dotum', Verdana, Arial, Sans-Serif;

	}/*사이드바 폰트사이즈*/



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #777;

	}



code {

	font: 1.4em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #901540;
         text-decoration: none;

	
	}

/*사이드바 마우스오버 컬러-------*/

a:hover {

	color: #901540;

	text-decoration: none;

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0px auto;

	padding: 0;

	width: 745px;

}



#body {

    background: url('images/body_bg.png') repeat-y;

    border: 1px solid #e6dfe0;

    width: 745px;

}





#page {

    width: 745px;

    float: left;

    padding-left: 0px;

    min-height: 400px;

}



#header {

	margin: 0px auto;

	padding: 0;

	width: 745px;

	}



#headerimg {

    background: url('images/banner.jpg');

	margin: 0;

	height: 180px;

	width: 745px;

	cursor: hand;

}



.menu {

    margin: 0;

    width: 745px;

    clear: left;

}



.menu ul {

    margin: 0;

	padding: 0;

	margin-left: auto;

	margin-right: auto;

}



.menu ul li {

    float: left;

    margin: 0;

	padding: 0;

	display: inline;

}



.menu ul li a {

	float: left;

	text-align: center;

	text-decoration: none;

	color: #fff;

	margin-top: 2px;

	margin-left: 5px;

    padding: 2px 10px 3px 10px;

}

/*원뎁스 마우스오버시 색깔*/

.menu ul li a:hover, .menu ul li a:active {

	color: #faefca;

}



.menu ul li#current a,

.menu .current_page_parent a,

.menu .current_page_item a

{

    background: #d8ccd0;  /*원뎁스 클릭시 글자주위배경색*/

    border-top: 0px solid #818178;

    border-left: 0px solid #818178;

    border-right: 0px solid #f8f8ca;

    color: #901540;/*클릭상태 글자색*/

}



#menu ul {

    background: #901540;  /*원뎁스 메뉴바 컬러*/

    height: 22px;

    border-bottom: 4px solid #d8ccd0; /* 원뎁스 메뉴바 아래 작은 바*/

}

/*메뉴바 사이즈 */

#menu ul li a {

    font-weight: bold;

	font-size: 1.2em;

}


/*3뎁스메뉴바*/
#submenu {

    background: #efeaec;

    height: 24px;

}



#submenu ul {

	padding: 2px 0 0 20px;

}



#submenu ul li a {

    color: #4f474e;

	font-size: 1.2em;

}



#submenu ul li#current a,

#submenu .current_page_parent a,

#submenu .current_page_item a

{

    border-top: 0px solid #dfd9d9;

    border-left: 0px solid #dfd9d9;

    border-right: 0px solid #dfd9d9;

    background: #fff;

    color: #901540;

}





.narrowcolumn {

	float: left;

	padding: 0 0 20px 45px;

	margin: 0px 0 0;

	width: 480px;

	}



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 480px;

	}



.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: left;

}



.clear {

	clear: both;

}



#footer {

    background: url('images/body_bottom.png') no-repeat right bottom;

    height: 219px;

	text-align: left;

	padding: 0;

	margin: 0;

	clear: both;

}



#footermenu {

    padding-top: 80px;

    margin-left: 10px;

    width: 540px;

    text-align: left;

}



#footermenu ul {

    margin: 0;

    border-top: 1px solid #4f474e;

	padding: 10px 0 0 10px;

}



#footermenu ul li {

    margin: 0 0 0 -1px;

	padding: 0 5px;

	display: inline;

}

/*푸터 폰트크기 스타일*/

#footermenu ul li a {

    font-size: 1.1em;

    font-weight:Italic ;

}



#footer p {

    font-size: 0.9em;

	margin: 30px 0 10px 30px;

	padding: 20px;

	clear: left;

	text-align: center;

}



/* End Structure */







/*	Begin Headers */

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}




/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



#sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar -------------------------------------------------------------------------------*/

#sidebar

{

	padding: 20px 5px 10px 0px;

	margin-left: auto;

	margin-right: 0px;

	width: 160px;
         

}



#sidebar form {

	margin: 0;

	}



#sidebar span {

    text-align: left;

    display: block;

}



#sidebar span.vignette {

    margin-left: 5px;

    width: 150px;

    height: 60px;

    display: block;

    cursor: hand;

    border: 0px solid #fff;

}



#sidebar span.vignette:hover {

    border: 0px solid #a2a27b;

}

span#sidebar-team {

    background: url( "images/sidebar-team.jpg" );

}



span#sidebar-school {

    background: url( "images/sidebar-school.jpg" );

}



span#sidebar-building {

    background: url( "images/sidebar-building.jpg" );

}



span#sidebar-chuseok {

    background: url( "images/sidebar-chuseok.jpg" );

}



span#sidebar-check {

    background: url( "images/sidebar-check.jpg" );

}

/* End Sidebar */







/* Begin Calendar */



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 130px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */



/* Begin Contact */



#contact {

    background: #f9f4d0;

    width: 100%;

    padding: 10px 0;

    text-align: center;

    filter:alpha(opacity=70);

    -moz-opacity:0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

}



#contact h1 {

    padding: 0;

    text-transform: uppercase;

    color: #901540;

    font-size: 1.7em;

}



#contact p {

    font-style: italic;

    font-size: 1.3em;

}



#contact p .phone {

    font-family: Georgia, Garamond, Serif;

    font-size: 1.5em;

    font-weight: bold;

}



/* End Contact */



/* Begin Lang */



#lang ul {

    float: right;

    padding: 0 10px 0 0;

    display: inline;

}



#lang ul li a {

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    filter: alpha( opacity=80 );

    opacity: 0.8;

    -moz-opacity: 0.8;

}



#lang ul li a:hover {

    filter: alpha( opacity=100 );

    opacity: 1;

    -moz-opacity: 1;

}



#lang ul li span {

    display: none;

}



#lang ul li#fr a {

    background: url( 'images/flag_fr.png' ) no-repeat center;

}



#lang ul li#en a {

    background: url( 'images/flag_en.png' ) no-repeat center;

}



#lang ul li#kr a {

    background: url( 'images/flag_kr.png' ) no-repeat center;

}



#lang ul li#jp a {

    background: url( 'images/flag_jp.png' ) no-repeat center;

}



/* End Lang */



/* Begin Calendar */



.calendar {

    border: 1px solid #5f3557;

    margin: 20px 0 20px 0;

    border-spacing: 0px;

    border-collapse: collapse;

}



.calendar th {

    color: #5f3557;

    background: #e6dfe0;

    white-space: nowrap;

    border: 1px solid #5f3557;

    padding: 5px;

    text-align: center;

}



.calendar td {

    border: 1px solid #5f3557;

    padding: 5px;

    text-align: center;

}



.calendar .title {

    text-align: left;

}



/* End Calendar */



/* Begin Courses */



.course ul li {

    list-style-type: square;

    padding-left: 10px;

}



.course ul.desc {

    background: #e6dfe0;

    border: 2px solid #5f3557;

    margin: 20px 0px 5px 20px;

    padding: 2px;

    float: right;

    color: #5f3557;

}



.course ul.desc > li {

    padding: 0 10px 0 5px;

    list-style-type: none;

}



.course ul.desc ul li

{

    font-style: italic;

}



.course h2 {

    clear: right;

}

/*

.course h3.content {

    clear: left;

}

*/

.course p.note {

    font-style: italic;

}



/* End Courses */



/* Begin Booking form */

/* $$$ move to separate css*/



#eventbooker label

{

    display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

    width: 90px;

    font-weight: bold;

	vertical-align: top;

	text-align: right;

}



#eventbooker fieldset

{

    background: #e6dfe0;

    border: 2px solid #5f3557;

    width: 350px;

}



#eventbooker legend

{

    color: #5f3557;

    font-size: 1.3em;

    font-weight: bold;

}



#eventbooker label span

{

    display: block;

    width: 90px;

    color: #5f3557;

}



input, #eventbooker textarea

{

    padding: 2px;

	margin: 0;

    font-size: 0.8em;

    border: 1px solid #adadad;

	border-left-color: #ececec;

	border-top-color: #ececec;

}



input

{

    width: 100px;

    background: url( "images/button-bg.gif" ) repeat-x;

}



#eventbooker textarea

{

    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

    font-size: 0.9em;

    width: 200px;

}



input:focus, #eventbooker textarea:focus

{

    border: 1px solid #5f3557;

    background: #fffeeb;

}



#eventbooker p.message, p.message

{

    background: #fffeeb;

    border: 1px solid #cccccc;

    padding: 5px;

}



/* End Booking form*/



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/