<!--
/*
Theme Name:					Mina Chang
Description:				A Wordpress theme for Mina Chang. Created by <a href="http://www.campcreativegroup.com" target="blank">Camp Creative Group</a>
Author:						Camp Creative Group
Last Edit:					10/7/09
*/

/* ------------|Defaults------------ */
body {  
	background-color:		#fff;
	font-family:			Helvetica,Arial,san-serif;
	font-size:				13px; 
	color:					#424242;
	margin:					0;
	padding:				0;
	line-height:			19px;
}


a:link, a:hover, a:visited, a:active {  
	font-family:			Helvetica,Arial,san-serif;
	font-size:				13px; 
	color:					#4eafb7;
	text-decoration:		none;
	outline:				none;
}


@font-face {
	font-family:			'Quicksand Book';
	src:					url(./fonts/Quicksand_Book.otf);
}
h2 {
	font-family:			'Quicksand Book';
	font-size:				25px;
	color:					#000;
	margin:					0 0 20px;
        font-weight: normal;
	text-transform:			lowercase;
}
h3 {
	font-family:			'Quicksand Book';
	font-size:				22px;
	color:					#000;
	margin:					0 0 6px 0;
        font-weight: normal;
	line-height:			19px;
	text-transform:			lowercase;
}
h4 {
	font-family:			'Quicksand Book';
	font-size:				18px;
	font-weight:			normal;
	color:					#4eafb7;
	margin:					20px 0 0 7px;
        font-weight: normal;
}
h5 {
	font-family:			'Quicksand Book';
	font-size:				18px;
	color:					#4eafb7;
	margin:					20px 0 0;
        font-weight: normal;
}


input {
	border:					1px solid #999;
	height:					16px;
}
input[type="text"] {
	width:					220px;
}
input[type="image"] {
	width:					auto;
	height:					auto;
}
input[type="hidden"] {
	border:					0;
}
input[type="submit"] {
	font-family:			'Quicksand Book';
	font-size:				14px;
	display:				inline;
	background-color:		#9fcccf;
	color:					#fff;
	padding:				2px 12px;
	height:					24px;
}

img {
	border:					0;
	display:				block;
}

/* ------------|Misc Classes------------ */

.nomarg {
	margin:					0;
}

.clear {
	clear:					both;
}
.cl {
	clear:					left;
}
.cr {
	clear:					right;
}

.alignright {
	float:					right;
}
.alignleft {
	float:					left;
}
.aligncenter {
	margin:					0 auto;
}
img.alignright {
	margin-left:			20px;
}

.service {
	margin-top:				80px;
}

/* ------------|Structure------------ */

.page {
	width:					85%;
	min-width:				950px;
	margin:					0 auto;
}

#top-bar {
	position:				fixed;
	background:				transparent url(./images/top-bar.png) repeat-x;
	width:					100%;
	height:					99px;
	margin-bottom:			-8px;
	z-index:				2;
}

#content-area {
	padding:				160px 0;
	min-height:				400px;
}

#bottom-bar {
	clear:					both;
	position:				fixed;
	background:				transparent url(./images/bottom-bar.png) repeat-x;
	width:					100%;
	height:					94px;
	bottom:					0;
	z-index:				2;
}

/* ------------|Backgrounds------------ */

#home #content-area {
	background: #6fafba url(./images/backgrounds/bg-home.jpg) no-repeat fixed top center;
	min-width: 950px;
}


/*
#home #content-area {
	background:				transparent url(./images/backgrounds/bg-home.jpg) no-repeat fixed 0 90px;
}
*/

#photos #content-area {
	background:				#181612 url(./images/backgrounds/bg-extra2.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#media #content-area {
	background:				#181612 url(./images/backgrounds/bg-extra2.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#music #content-area {
	background:				#181712 url(./images/backgrounds/bg-music.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#biography #content-area {
	background:				#beccd2 url(./images/backgrounds/bg-media.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#contact #content-area {
	background:				#c9c1af url(./images/backgrounds/bg-extra.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#philanthropy #content-area {
	background:				#857667 url(./images/backgrounds/bg-philanthropy.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#press #content-area {
	background:				#b6c9d1 url(./images/backgrounds/bg-press.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#business #content-area {
	background:				#181712 url(./images/backgrounds/bg-business.jpg) no-repeat fixed top center;
	min-width: 950px;
}

#share-me #content-area {
	background:				#181712 url(./images/backgrounds/bg-bio.jpg) no-repeat fixed top center;
	min-width: 950px;
}

/* ------------|Top-Bar------------ */

a#logo {
	float:					left;
	display:				block;
}
a#logo:hover {
	border:					0;
}
a#logo span {
	display:				none;
}

#top-bar ul {
	display:				inline;
	float:					right;
	margin:					30px 0 0;
	padding:				0;
	list-style:				none;
}
#top-bar ul li {
	display:				inline;
	float:					left;
}
#top-bar ul li a {
	display:				inline;
	float:					left;
	padding:				5px 9px;
	border-right:			1px solid #cdcdcd;
	border-bottom:			0;
	font-family:			'Quicksand Book';
	font-size:				14px;
	color:					#737474;
	text-decoration:		none;
	text-transform:			lowercase;
}
#top-bar ul li.page-item-11 a {
	border:					0;
}
#top-bar ul li a:hover {
	color:					#000;
}

/* ------------|Content Etc------------ */

.box {
	background-color:		#fff;
	width:					640px;
	margin:					0 0 30px 56px;
	padding:				30px;
	filter:					alpha(opacity=95);
	-moz-opacity:			0.95;
	-khtml-opacity:			0.95;
	opacity:				0.95;
	box-shadow:				4px 4px 10px #666;
	-webkit-box-shadow:		4px 4px 10px #666;
	-moz-box-shadow:		4px 4px 10px #666;
	border-right:			1px solid #999;
	border-bottom:			1px solid #999;
}
.box h4 a {
	font-family:			'Quicksand Book';
	font-size:				18px;
	font-weight:			normal;
	color:					#4eafb7;
}
.box a {
	padding-bottom:			1px;
	border-bottom:			1px solid #cdcdcd;
}
.box a:hover {
	border-bottom:			1px solid #666;
}

#home #video {
	display:				inline;
	float:					left;
	position:				relative;
	background-color:		#fff;
	margin:					0 auto 34px;
	padding:				4px;
	width:					320px;
	text-align:				center;
	z-index:				0;
}
#links {
	display:				table;
	height:					70px;
	margin-top:				10px;
}
.link {
	display:				inline-block;
	vertical-align:			middle;
}
.link img {
	float:					left;
	display:				inline;
	margin-right:			5px;
}

#home #content .post, #contact .top {
	display:				inline;
	float:					left;
	width:					310px;
}
#home #content .wide {
	width:					650px;
}
#contact .top {
	border-right:			1px solid #cdcdcd;
}
#home #content .entry, #contact .info {
	margin-left:			15px;
	padding:				0 16px 0 1px;
}
#contact .info p {
	margin-top:				2px;
}

#share-me #content img.space {
	float:					left;
	margin:					5px;
}

#music ul.songlist, #music ul.songlist ul {
	list-style:				none;
	margin:					0;
	padding:				0;
}
#music ul.songlist ul {
	margin:					10px 0 5px 35px;
}
#music ul.songlist li a.accord-head {
	display:				block;
	background:				transparent url(./images/downarrow.png) no-repeat 99% 11px;
	font-family:			'Quicksand Book';
	font-size:				15px;
	color:					#000;
	width:					560px;
	margin:					5px 0 0 22px;
	padding:				6px 0;
	border-bottom:			1px solid #999;
	cursor:					pointer;
}

#biography .ngg-gallery-thumbnail-box {
	width:					210px;
	height:					250px;
	text-align:				center;
}
#biography .ngg-gallery-thumbnail-box h4 {
	margin:					5px 0 0;
}
#biography .ngg-gallery-thumbnail-box img {
	margin:					0 auto;
}

form {
	margin-left:			10px;
}

form label {
	float:					left;
	width:					64px;
}
form label.wide {
	width:					150px;
}
form label.narrow {
	width:					40px;
	margin-left:			10px;
}
form span.wpcf7-list-item span {
	margin-right:			30px;
}
form .comments textarea {
	width:					100%;
}

#booking {
	display:				inline;
	float:					left;
	width:					285px;
	margin-left:			30px;
}
#news-letter p {
	width:					310px;
	margin-left:			0;
}
#news-letter .newsletterContainer {
	float:					left;
	display:				inline;
	margin:					18px 0 0 25px;
	width:					280px;
}
#news-letter .newsletterTextInput {
	display:				inline;
	float:					left;
	padding:				3px;
	width:					180px;
}

/* ------------|Bottom-Bar------------ */

#bottom-bar p {
	float:					left;
	background:				transparent url(./images/footer-logo.png) no-repeat;
	font-size:				10px;
	height:					53px;
	margin-top:				26px;
	padding:				8px 0 0 55px;
	color:					#666;
}
#bottom-bar a {
	font-size:				10px;
	color:					#666;
	text-decoration:		none;
	border-bottom:			0;
}
#bottom-bar a:hover {
	text-decoration:		underline;
}

#bottom-bar .alignright {
	margin:					30px 0 0 34px;
}

//-->