/*
Theme Name: Jared Sherlock
Theme URI: http://jaredsherlock.com
Description: WordPress theme for Jared Sherlock's website.
Version: 1.0
Author: Shawn Plew
Author URI: http://tgfi.net
Tags: Private Template. 

	The CSS, XHTML and design is copyright Jared Sherlock:
	You may not use this theme or any of its code unless you have the express written consent of Jared Sherlock.
*/
/*---Begin CSS style reset---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Arial, sans-serif;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
padding-top: 16px;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*---End CSS style reset---*/

/*--- standard sIFR styles... do not modify ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
letter-spacing: 0;
}
/*--- Decoy styles follow ---*/
.sIFR-hasFlash h1 {
visibility: hidden;
}
/*---end sIFR headline rendering---*/

/*---General html tags---*/
body {
text-align: center;
font: 62.5% georgia, "times new roman", times;
}
h1, h2, h3, h4, p {
padding: 5px;
}
h1 {
width: 290px;
height: 36px;
padding: 7px 5px;
margin-bottom: 0px;
font-size: 2em;
line-height: 2.2em;
color: #0F1527;
margin-top: 20px;
}
h2 {
font-size: 1.75em;
color: #011733;
font-weight: bold;
}
h3 {
padding: 2px 5px;
font-size: 1.5em;
color: #222;
}
ul {
}
ol {
}
li {
}
p {
font-size: 1.35em;
line-height: 1.6em;
}
blockquote {
}
strong {
font-weight: bold;
}
form fieldset {
margin: 10px 5px;
padding: 5px;
border: 1px solid #222;
}
form fieldset legend {padding 10px;
font-weight: bold;
}
form fieldset label {
display: block;
margin-bottom: 10px;
}

a {
color: #36487B;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}

/*---Page layout---*/
#page-wrapper {
width: auto;
min-width: 980px;
max-width: 1050px;
/* height: 650px; */
margin: 0 auto;
padding: 10px;
text-shadow: #FFF 1px 1px 0px;
/* background: url("images/bg.jpg") 0 0 no-repeat; */

text-align: left;


	
font-size: 1em;
	padding-bottom: 0;
}

body.home {
	background: #FFF;
}

#page-outer {
	
}

body.home #page-outer {
	

	min-width:980px;
	margin:0 auto;
	background: #FFF url("images/bg.jpg") top center no-repeat;
}

body.home #page-wrapper {
	
	height: 650px;
}

#pageBottom {
	background: url("images/subpage-bottom.jpg") no-repeat center bottom;
	height:198px;
}

body.home #pageBottom {
	background: transparent;
}

#pageInner {

	background: url("images/bg-repeat.jpg") top center repeat-y;
/* 	background: url("images/subpage-bottom.jpg") no-repeat center bottom; */
}

body.home #pageInner {
	background: transparent;
	padding:0;
}
#pageInner2{
/* 	padding:10px; */
	background: url("images/subpage-bg.jpg") center -10px no-repeat;
	padding-bottom: 0;
	position: relative;
}
body.home #pageInner2 {
	background: transparent;
	padding:0;
}
a.logo {
display: block;
float: left;
position: relative;
z-index:10;
}

ul#menu {
float: left;
position: relative;
left: -10px;
width: 640px;
}
ul#menu li {
display: inline;
margin: 0 2px;
}
ul#menu li a {
display: block;
float: left;
width: 100px;
height: 50px;
}
ul#menu li a.smicon {
width: 30px;
height: 30px;
padding: 15px 2px 5px 2px;
}
ul#menu li a em {
display: none;
}
ul#menu li.page-item-6 a {
background: url("images/menu_normal_about.png") 0 0 no-repeat;
}
ul#menu li.page-item-6 a:hover {
background: url("images/menu_hover_about.png") 0 0 no-repeat;
}
ul#menu li.page-item-6.current_page_item a {
background: url("images/menu_active_about.png") 0 0 no-repeat;
}
ul#menu li.page-item-53 a {
background: url("images/menu_normal_news.png") 0 0 no-repeat;
}
ul#menu li.page-item-53 a:hover {
background: url("images/menu_hover_news.png") 0 0 no-repeat;
}
ul#menu li.page-item-53.current_page_item a {
background: url("images/menu_active_news.png") 0 0 no-repeat;
}
ul#menu li.page-item-8 a {
background: url("images/menu_normal_artsnow.png") 0 0 no-repeat;
}
ul#menu li.page-item-8 a:hover {
background: url("images/menu_hover_artsnow.png") 0 0 no-repeat;
}
ul#menu li.page-item-8.current_page_item a {
background: url("images/menu_active_artsnow.png") 0 0 no-repeat;
}
ul#menu li.page-item-10 a {
background: url("images/menu_normal_contact.png") 0 0 no-repeat;
}
ul#menu li.page-item-10 a:hover {
background: url("images/menu_hover_contact.png") 0 0 no-repeat;
}
ul#menu li.page-item-10.current_page_item a {
background: url("images/menu_active_contact.png") 0 0 no-repeat;
}
ul#menu li.page-item-55 a {
background: url("images/menu_normal_tour.png") 0 0 no-repeat;
}
ul#menu li.page-item-55 a:hover {
background: url("images/menu_hover_tour.png") 0 0 no-repeat;
}
ul#menu li.page-item-55.current_page_item a {
background: url("images/menu_active_tour.png") 0 0 no-repeat;
}

#testimonials {
float: left;
width: 220px;
height: 100px;
margin: 5px 0 0 10px;
padding: 55px 20px 20px 20px;
background: url("images/testimonial-bg.png") 0 0 no-repeat;
overflow: hidden;
text-shadow: none;
}
#testimonials p.quote {
display: block;
width: 213px;
height: 120px;
padding: 50px 5px 0 22px;
font-size: 1.2em;
color: #FFF;
text-align: right;
}
#testimonials p.quote strong {
display: block;
padding-bottom: 1px;
font-size: 1.3em;
line-height: 1.35em;
font-weight: 400;
text-align: left;
}

#main {
float: left;
position: relative;
margin-top: -70px;
/* height: 420px; */
padding: 5px 0 10px 50px;
min-height:515px;
}
body.home #main {
	min-height:420px;
	height: 420px;
}

#main img {
border: 1px solid #CCC;
padding:4px;
background-color: #FFF;
max-width:475px;
-moz-box-shadow: 0px 0px 7px #777;
-webkit-box-shadow: 0px 0px 7px #777;
box-shadow: 0px 0px 7px #777;
}
#main a img {
border: 1px solid #3F0083;
padding:0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#main a img.wp-image-158 {
	border: 1px solid #CCC;
	padding:4px;
	background-color: #FFF;
	max-width:475px;
	-moz-box-shadow: 0px 0px 7px #777;
	-webkit-box-shadow: 0px 0px 7px #777;
	box-shadow: 0px 0px 7px #777;
}

#main .content {
float: left;
/* height: 375px; */
width: 500px;
padding:10px;
/* overflow: auto; */
/* background-color: #FFF; */
}

#main .homeContent {
float: left;
height: 375px;
width: 520px;
/* padding:10px; */
/* overflow: auto; */
/* background-color: #FFF; */
}
#main .mailing-list {
float: left;
}
#main .mailing-list a {
display: block;
position: absolute;
height: 150px;
width: 200px;
top:-95px;
left:580px;
background: url("images/mailing_list.png") 0 0 no-repeat;
}

body.home #main .mailing-list a {
margin-top: 380px;
position: relative;
left:0;
}
#main .mailing-list a em {
display: none;
}
img.main-image {
float: left;
position: relative;
top: -135px;
}

#facebook {

	background-color: #FFF;
	margin-bottom: 30px;
	right:4%;
}

#twitter {
	width:185px;
	right:23%;
	background-color: transparent;
	text-shadow: none;
}

.twtr-tweet-text p {
	font-size: 1em;
} 

.social {
	position: absolute;
/* 	float: left; */
/* 	margin-right: 126px; */
	margin-top: 92px;
	background-color: #FFF;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 0px 6px #666;
	-webkit-box-shadow: 0px 0px 6px #666;
	box-shadow: 0px 0px 6px #666;
/* 		background-color: red; */
/* 	width:120px; */
}

#main .events .overlay {
position: absolute;
top: 60px;
left: 50px;
height: 375px;
/* width: 480px; */
background: #859FDD;
opacity: 0.30;
-moz-opacity: 0.20;
filter: alpha(opacity=20);
}
#main .events .overlay em {
display: none;
}
#main .events .eventContent {
position: relative;
width: 480px;
}
#main .events h2 {
width: 475px;
padding: 3px 5px 3px 0;
margin: 0;
border-bottom: 2px solid #AAA;
}
#main .events h3 {
/* width: 470px; */
margin: 3px 5px;
padding: 2px 0;
font: 1.3em verdana, arial, sans-serif;
border-bottom: 1px solid #EEE;
}

#footer {
position: relative;
top: 20px;
margin: 0 120px 0 50px;
color: #222;
}
#footer p {
font-size: 1em;
line-height: 1.2em;
}
#footer img {
position: relative;
top: 15px;
}


#form-response {
display: none;
width: 90%;
margin: 5px auto;
text-align: center;
margin: 10px;
font: 1.1em verdana, arial, sans-serif;
}
#form-response p {
width: 800px;
margin: 0 auto;
padding: 10px;
border: 1px solid #999;
background: #DDD;
}
#form-response p strong {
display: block;
margin: 5px;
font-size: 1.2em;
}
#form-response p.mailFail {
border: 1px solid #900;
}
#form-response p.mailFail strong {
color: #900;
}

/*---Misc. Styles---*/
#video {
width: 470px;
height: 335px;
padding: 36px 17px 4px 23px;
background: url("images/video-bg.png") 0 0 no-repeat;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
img.alignleft {
position: relative;
top: 8px;
float: left;
margin: 0 12px 12px 0;
}
img.alignright {
position: relative;
top: 8px;
float: right;
margin: 0 0 2px 5px;
}
#mailing-list {
display: none;
}

.newsItem {
	padding:20px 0;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #FFF;
}

.wp-paginate {padding:0; margin:0;margin-top:16px;font-size:13px;text-shadow: none;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
	
.fbLike {
	position: absolute;
	right:10px;
	top:10px;
	z-index:2;
}

#current-events {
	font-size: 13px;
	margin-bottom: 12px;
}

#current-events th {
	font-weight: bold;
}

#current-events tr {

}

#current-events td {
	padding:16px 0;
	vertical-align: top;
	border-bottom: 1px solid #BBB;
	border-top: 1px solid #FFF;
}

#current-events .eventListTitle {
	font-weight: bold;
	font-size: 17px;
	display: block;
	padding-bottom: 4px;
}

#current-events .eventListLocation {
	color:#777;
	padding-right: 8px;
	font-size: 12px;
}
.eventListingDate {
	display: block;
	color:#333;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}

.eventListingTime {
	color:#666666;
	
}

.ticketsLink {
	display: block;
	float:left;
	width:32px;
	height:32px;
	color:#999;
	margin-left: 3px;
	
	font: 10px verdana, arial, sans-serif;
	background: url(_Assets/images/ticket.png) no-repeat center;
}

.tweetLink {
	background: url(_Assets/images/tweet.png) no-repeat center;
}

.ticketsLink:hover {
	background-position: center top;
}

#em-wrapper {
	color:#333;
}

.em-location-map {
	padding:6px;
	background-color: #FFF;
	border: 5px solid #FFF;
}