/*
Theme Name: EJT Music
Theme URI: http://ejtmusic.com/
Description: Theme for EJT Music
Version: 1.2
Author: Highway 1 Design
Author URI: http://hwy1design.com/
Tags: custom
*/

body {
	background: #ebfafd;
	font-family:"Helvetica Neue","Helvetica",sans-serif;
	font-size:15px;
	line-height: 21px;
	color: #111;
	margin: 0;
	padding: 0;
}

h2 {
	font-size:30px;
	font-weight:bold;
	padding: 5px 0 5px 0;
	line-height: 34px;
	letter-spacing: -1px;
	text-shadow: #fff 1px 1px 0;
}

h2 span.head_link {
	font-size:14px;
	color:#fff;
	letter-spacing: 0;
}

h2 span.head_link a {
	font-weight: normal;
}

h2 a {
	text-decoration:none;
	font-weight: bold;
}

h2 a:hover {
	color: #43e412;
}

h3 {
	color:#111;
	text-shadow: #fff 1px 1px 0;
	font-size:24px;
	font-weight: bold;
	letter-spacing:-1px;
	padding:10px 0;
}

h4 {
	margin:0;
	text-shadow: #fff 1px 1px 0;
	color: #329414;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
}

p {
	padding:7px 0;
}

p.see_more {
	text-align: center;
}

p.see_more a {
	font-weight: bold;
	display: block;
	width: 100%;
	padding: 8px 0;
	background-color: #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

p.see_more a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

p.personnel {
	
}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	font-size: 70%;
	bottom: 0.5em;
	padding-left: 1px;
	font-weight: bold;
}

sup a {
	text-decoration: none;
}

div.cal {
	margin: 14px 0;
}

div.cal h4 {
	font-size: 16px;
}

div.cal p {
	margin: 0;
	padding: 0;
}

div.lastcal {
	border: none;
}

a {
	color:#329414;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

blockquote, #player, .playerlike {
	background:#e0f8fd;
	padding:7px 10px;
	margin-top: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

blockquote a { color: #111; }

cite {
	font-style:normal;
	font-weight: bold;
	color:#333;
	display:block;
	font-size:12px;
	text-align:right;
}

img {
	border: none;
	text-decoration: none;
}

acronym {
	border-bottom: 1px dotted #666;
	cursor: pointer;
}

hr {
	color: #9c9c9c;
	background-color: #9c9c9c;
	border: none;
	height: 1px;
}

ol {
	list-style-type: decimal;
	margin-left: 30px;
	padding-bottom: 20px;
}

ol li {
	padding-bottom: 12px;
}

ol li:last-child {
	padding-bottom: 0;
}

ol.footnotes {
	font-size: 12px;
	color: #444;
}

ol.code {
	background: #666;
	overflow: auto;
	font-family: "Courier New",Courier,mono;
	margin: 0;
	margin-bottom: 14px;
	padding: 0 0 0 2.8em;
	color :#fff;
	font-size: 12px;
	white-space: pre;
	line-height: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ol.code li { 	
	padding: 8px;
	margin: 0;
	line-height: 100%;
}

ol.code li:nth-child(odd) { 
	background-color: #333;
}

ol.code li:nth-child(even) {
	background-color: #222;
}

ol.code code { 
	margin: 0;
	padding: 0;
	color: #0d0;
}

ol.code code.indent {
	padding-left: 19px;
}

.entry p {
	padding-bottom: 21px;
}

#masthead img {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#nav {
	padding: 15px 0;
	font-weight: bold;
}

#nav li {
	display:inline;
	list-style-type: none;
	padding: 8px 4px 15px 0;
	text-shadow: #fff 1px 1px 0;
	text-transform: uppercase;
}

#nav a {
	font-size: 16px;
	text-decoration: none;
	color: #329414;
	text-align: center;
	margin: 0;
	padding: 4px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: #fff 1px 1px 0;
}

#nav a:hover {
	color: #43e412;
	background-color: transparent;
}

#nav a.active {
	background-color: #329414;
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
}

#nav #full_home { display: inline; }
#nav #iphone_home { display: none; }

#wrapper {
	padding:60px 0;
	color:#333;
}

.content, .sidebar {
	padding: 10px 0 19px 0;
	margin: 0;
	margin-top:10px;
	margin-bottom: 5px;
	clear: both;
}

.content h3 {
	color:#329414;
}

ul.bulleted {
	list-style-type: square;
	margin-left: 16px;
}

ul.bulleted li {
	padding:6px 0;
	padding-bottom:6px;
	color: #329414;
	font-weight: bold;
}

ul.bulleted li span {
	color: #333;
	font-weight: normal;
}

.sidebar, #calendar {
	font-size: 14px;
	margin-bottom: 0;
}

p.personnel {
	font-size: 12px;
}

.a_post {
	margin-bottom: 42px;
}

.epk {
	background:none;
	padding-top:0;
}

.left_epk_img {
	float: left;
}

.right_epk_img {
	float: right;
}

.sidebar h2, #calendar h2 {
	color:#329414;
}

.sidebar h3, #calendar h3 {
	padding:15px 3px 0 0;
	color:#329414;
}

.sidebar h3 a, #calendar h3 a {
	color: #329414;
	text-decoration: none;
}

.sidebar .title, #calendar .title {
	font-weight: bold;
	color:#329414;
}

.post-img {
	text-align: center;
	padding-top: 10px;
}

.post-img img, .post-img embed {
	border: 4px solid #e0f8fd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

.post-img img.multi {
	margin-left:5px;
	margin-right:5px;
}

.post-img img:hover, .post-img embed:hover, .post-img a:hover {
	text-decoration: none;
	background-color: transparent;
}

.more {
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}

.small {
	font-size: 16px;
}

.more .right {
	float:right;
}

p.last {
	margin-bottom:0;
}

p.links {
	color: #999;
}

/*
	DATE
*/
.date {
	color:#777;
	line-height:17px;
	xfont-size: 12px;
}

.date_home {
	xfont-size: 14px;
	color: #666;
	padding-bottom: 20px;
}


/*
	FOOTER
*/
#footer {
	color:#333;
	font-size:12px;
}

#footer p {
	padding: 10px 0;
}

#footer_right {
	text-align: right;
}

#rss_img {
	margin-left: 5px;
	height: 10px;
	width: 10px;
	background-image: url('images/rss-icon_white.png');
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: -10px;
}

#rss_link:hover #rss_img {
	background-position-y: 0;
	cursor: pointer;
}

/*
	EPK
*/
#player {
	padding: 10px 15px;
}


#player p span {
	font-style:italic;
	font-size:12px;
}

h2 span {
	font-size:14px;
}

.image {
	text-align:center;
}

.image img, .bordered {
	border:6px solid #111;
}

.image img:hover {
	border:6px solid #222;
	cursor:pointer;
	text-decoration: none;
}

/*
	MAILING LIST
*/
fieldset, form {
	border: none;
	padding: 0;
	margin: 0;
}

#order_field {
	margin-top: 10px;
}

#order_field dl {
	margin-bottom: 10px;
	font-size: 12px;
}

#order_field dt {
	font-weight: bold;
}

.anchored {
	display: inline;
	float: left;
	font-size: 20px;
	padding: 5px 3px 0 0;
}

div.button {
	text-align: center;
}

button {
	padding: 6px 15px;
	border: 0;
	font-size: 14px;
	margin: 0;
	width: 100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: bold;
	background-color: #ccc;
	color: #329414;
}

button.sale {
	margin-top: 15px;
	background: #063;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	text-shadow: #030 1px 1px 0;
}

button.sale:hover {
	background: #393;
	cursor: pointer;
	color: #fff;
	text-shadow: #063 1px 1px 0;
}


button:hover {
	background: #329414;
	cursor: pointer;
	color: #fff;
}

button small {
	display: block;
	font-size: 11px;
	font-style: italic;
	line-height:normal;
	padding-top: 4px;
}

#mailing-list dl {
	padding: 4px 0;
	position: relative;
}

#mailing-list dt {
	display: none;
}

#golh-golh, .order_field {
	width: 100%;
	font-weight: normal;
	display: block;
	color: #666;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 0 0 8px 4px;
}

.order_field {
	font-size: 20px;
	padding: 4px;
	color: #111;
	font-family:"Helvetica Neue","Helvetica",sans-serif;
	letter-spacing: 1px;
}

.order_select {
	width: 30%;
}

#order_amount {
	width: 70%;
}

.card-expiry-month {
	width: 60%;
	margin-right: 8px;
}

.card-cvc {
	width: 25%;
}

#cc {
	border:1px solid #ccc;
	background-color:#fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.order_error, #general_order_error {
	text-align: center;
	padding: 4px;
	margin: 4px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #f33;
	color: #fff;
	display: block;
	font-weight: bold;
	width: 100%;
	font-size: 12px;
	display: none;
	text-shadow: #900 1px 1px 0;
}

#general_order_error {
	font-size: 16px;
	display: block;
	line-height: 20px;
	padding: 10px;
}

/*
	CUSTOM FANCY BOX STYLES
*/
#fancybox-title {
	font-size: 14px;
	color: #329414;
	font-family:"Helvetica Neue","Helvetica",sans-serif;
}

.fancybox-title-inside {
	
}

/*----------------------------------------------------
RESPONSIVE CSS
----------------------------------------------------*/

/* iPhone */
@media only screen and (max-device-width: 480px) {
	body {
		background-image: none;
		margin: 0;
		padding: 0;
		font-size: 20px;
		line-height: 26px;
	}
	
	img {
		border: none;
	}
	
	#nav {
		margin-left: 30px;
	}
	
	#nav li {
		
		width: 33%;
		padding: 8px 4px;
		text-align: center;
	}
	
	#nav li a {
		font-size: 12px;
		margin-bottom: 5px;
		line-height: 24px;
		width: 100%;
	}
	
	.content, .sidebar {
		padding: 5px 0;
		font-size: 20px;
		line-height: 26px;
		clear: none;
		float: none;
		margin: 0;
	}

	.entry {
		margin: 0;
		padding: 0;
	}
	
	#wrapper {
		padding: 10px;
		width: 100%;
		margin: 0;
	}
	
	#sidebar {
		display: none;
	}
	
	.container_12 {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.container_12 .suffix_1,
	.container_12 .suffix_2,
	.container_12 .suffix_3,
	.container_12 .suffix_4,
	.container_12 .suffix_5,
	.container_12 .suffix_6,
	.container_12 .suffix_7,
	.container_12 .suffix_8,
	.container_12 .suffix_9,
	.container_12 .suffix_10,
	.container_12 .suffix_11,
	.container_12 .prefix_1,
	.container_12 .prefix_2,
	.container_12 .prefix_3,
	.container_12 .prefix_4,
	.container_12 .prefix_5,
	.container_12 .prefix_6,
	.container_12 .prefix_7,
	.container_12 .prefix_8,
	.container_12 .prefix_9,
	.container_12 .prefix_10,
	.container_12 .prefix_11 {
		padding: 0;
		margin: 0;
	}
	
	.content, .sidebar {
		width: 100%;
		float: none;
	}
	
	.entry h2 {
		padding: 0;
		margin: 0;
	}
	
	#masthead { padding: 0 10px; width: 100%; float: none; }
	
	#masthead img {
		height: auto;
		width: 100%;
		-webkit-border-radius: 0;
	}
	
	#nav img, .content img, .entry img, .left_epk_img img, .right_epk_img img { width: 100%; height: auto; border: none; float: none; -webkit-border-radius: 0; }
	#nav img, iframe { width: 100%; text-align: center; height: auto; }
	#iphone_home a, #iphone_home a:hover { text-decoration:none; border: none; }
	
	#nav #full_home { display: none; }
	#nav #iphone_home { display: inline; }
	
	#cc { display: none; }
	
	#footer {
		width: 100%;
		margin: 0;
		padding: 10px 10px 0 10px;
		font-size:16px;
		line-height: 22px;
	}
	
	#footer p {
		padding: 0;
		color: #777;
	}
	
	#footer_left, #footer_right {
		padding: 0 10px;
		float: none;
	}
	
	#footer_right {
		display: none;
	}
	
	h2 {
		padding:0;
	}

	#footer {
		font-size:16px;
		line-height: 22px;
	}
	
	cite {
		font-size:16px;
		text-align: left;
	}

	.date {
		margin-top: 20px;
	}
	
	#bottom_nav {
		margin: 20px 0;
	}
	
	.more {
		padding: 0;
		width: 100%;
	}
	
	.more a {
		margin-left: 10px;
	}
	
	.more .right {
		float: none;
	}
	
	.left_epk_img, .right_epk_img {
		float: none;
	}
	
}

/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#nav #full_home { display: none; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	#nav #full_home { display: none; }
}