/*
Theme Name: Sherri Brooks Vinton Theme
Description: Custom theme developed by Blackwave Creative.
Author: Blackwave Creative
Author URI: http://blackwave.net/
Version: 1.0
*/

* {padding: 0; margin: 0; line-height: 1.5em;}

/* -----BODY STUFF----- */

body {height:auto; width:auto; font-family:Serif; color:#000; background: url(images/bg_tile.jpg) repeat; }

#accent {background: url(images/wrapper_bg.png) repeat-x bottom left; width: 100%; height: 268px; position: fixed; bottom: 0; left: 0; z-index: -1;}

.red {color: #a82e1d; }

/* -----A TAG STUFF----- */
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}

p {font-size: 14px; color: #675a49;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #a82e1d; font-weight: normal;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none; color: #a82e1d;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration:underline;}

/* -----PAGE STUFF----- */
#wrapperContainer {width: 100%;}
#wrapper {margin: 0 auto;  width:987px;}
#content {width:100%; margin-top: 278px;}
#main {
	width:650px; 
	min-height: 480px;
	float: left; 
	background: url(images/content_bg.jpg) repeat-y; 
	padding: 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

/*---------HEADER STUFF-----------*/
#headerContainer {width:100%; background: url(images/header_tile.png) repeat-x top left; position: absolute; top: 0; left: 0}
#header {margin: 0 auto;  width:1025px; position: relative; height: 289px;}

#eventBox {float: right; height: 178px; width: 337px; background: url(images/event_box.png) no-repeat; overflow: hidden; padding: 40px 75px 0 55px; position: relative;}
#eventBox p {color: #fff;}
#eventBox p.customDate {color: #d7a675; font-style: italic;}
#eventBox h2 {font-style: italic; line-height: normal;}
#eventBox h2,
#eventBox a {color: #e8c886; line-height: 20px; font-size: 16px;}
#eventBox a#moreEvents {display: block; width: 125px; height: 71px; background: url(images/moreEvents_bg.png) no-repeat top left; text-indent: -999px; overflow: hidden; position: absolute; bottom: -5px; right: 25px;}
#eventBox a#moreEvents:hover {background: url(images/moreEvents_bg.png) no-repeat bottom left;}

#logo {height: 210px; width: 548px; padding: 10px 0 0;}
#logo a {height: 100%; width: 100%; display: block; background: url(images/logo-trans.png) no-repeat; text-indent: -9999px; overflow: hidden;}

/*---------ANYTHING SLIDER--------*/
.anythingSlider 						{ width: 660px; height: 253px; position: relative; color: #fff; margin:0 0 15px -10px;}
.anythingSlider .wrapper                { width: 660px; height: 253px; overflow: hidden; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul.wrapperul   { width: 660px; list-style: none; position: absolute; top: 0; left: 0;}
.anythingSlider ul li.wrapperli         {width: 660px; height: 253px; display: block; float: left; padding: 0; margin: 0; position: relative;}	
.sliderContent 							{ width: 660px;}
.sliderContent h1,
.sliderContent h2,
.sliderContent h3, 
.sliderContent h4, 
.sliderContent h5, 
.sliderContent h6 						{ }
.sliderContent a 						{ color: #000;}

a.readMore {display: block; width: 119px; height: 64px; background: url(images/readMore.png) no-repeat top left; text-indent: -999px; overflow: hidden; margin: 5px 0 0;}
a.readMore:hover {background: url(images/readMore.png) no-repeat bottom left;}

/*--------HOME STUFF----------*/
#videoClips {width: 330px; float: left; position: relative;}
#videoClips h2 a {display:block; line-height: 38px; background: url(images/youtube.png) no-repeat center left; padding-left: 45px; margin-bottom: 5px;}
#videoClips #moreVideos {display: block; position: absolute; top: 0; right: 0; z-index: 100; height: 65px; width: 123px; background: url(images/moreVideos.png) no-repeat top left; text-indent: -999px; overflow: hidden;}
#videoClips #moreVideos:hover {background: url(images/moreVideos.png) no-repeat bottom left;}
#videoClips div.video {position: relative; z-index: 0;}

#latestPosts {width: 290px; float: right; position: relative;}
#latestPosts .homePost -49px
#latestPosts .homePost a {text-decoration: underline;}
#latestPosts h2 a {display:block;line-height: 38px; background: url(images/rss.png) no-repeat center left; padding-left: 45px; margin-bottom: 5px;}
#latestPosts #moreNews {display: block; position: absolute; bottom: -65px; right: 0; z-index: 10; height: 64px; width: 119px; background: url(images/moreNews.png) no-repeat top left; text-indent: -999px; overflow: hidden;}
#latestPosts #moreNews:hover {background: url(images/moreNews.png) no-repeat bottom left;}


/*--------FOOTER STUFF--------*/
#footer {clear:both; width:100%; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.8); position: relative;}
#footer a {color: #fff;}
#footer #copyright {font-size: 12px; padding-bottom: 20px;}
#footerNav ul {list-style: none; padding: 20px 0 10px;}
#footerNav ul li {display: inline; margin: 0 5px; font-size: 14px; border-left: 1px solid #fff; padding-left: 12px;}
#footerNav ul li:first-child {border-left: none; padding-left:0;}
#footerNav ul li a {text-decoration: none;}
#footerNav ul li a:hover,
#footerNav ul li.current_page_item a, #footerNav ul li.current-cat a {color: #e7c886;}

#footer #connect {height: 97px; width: 135px; background: url(images/connect_bg.png) no-repeat; position: absolute; right: 0; bottom: 0; padding: 35px 17px 0 110px; }
#footer #connect a.socialicon {display: block; height: 26px; float: left; background-image: url(images/connect_icons.png); background-repeat: no-repeat;}
#footer #connect a#facebook {width: 31px; background-position: 0 0;}
#footer #connect a#rss {width: 30px; background-position: -31px 0;}
#footer #connect a#email {width: 31px; background-position: -61px 0;}
#footer #connect a#twitter {background: transparent url(images/twitter_icon.png) no-repeat center top; width: 26px; margin-left: 7px;}

#footer #connect a#twitter:hover {background-position: center bottom;}
#footer #connect a#facebook:hover {background-position: 0 -26px;}
#footer #connect a#rss:hover {background-position: -31px -26px;}
#footer #connect a#email:hover {background-position: -61px -26px;}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation {padding: 11px 0 0 30px;}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none;   position:relative; float: left; line-height: 20px;}
#dropmenu li a { display: block; line-height: 20px;}
#dropmenu li a:hover {text-decoration: none;}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:200px; z-index:300; top:20px; left: 0;}
#dropmenu li ul li {position:relative;}
#dropmenu li ul li a {line-height: 20px;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:200px;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}

.navLink a {display: block; float: left; height: 48px; background-image: url(images/nav.png); background-repeat: no-repeat; overflow: hidden; text-indent: -999px;}
#homeLink a {width: 87px; background-position: 0 0;}
#aboutLink a {width: 121px; background-position: -87px 0;}
#scheduleLink a {width: 136px; background-position: -208px 0;}
#blogLink a {width: 157px; background-position: -344px 0;}
#booksLink a {width: 110px; background-position: -501px 0;}
#pressLink a {width: 105px; background-position: -611px 0;}
#resourcesLink a {width: 145px; background-position: -716px 0;}
#contactLink a {width: 109px; background-position: -861px 0;}

li#homeLink.current_page_item a,
#homeLink a:hover {background-position: 0 -49px;}
li#aboutLink.current_page_item a,
#aboutLink a:hover {background-position: -87px -49px;}
li#scheduleLink.current_page_item a,
#scheduleLink a:hover {background-position: -208px -49px;}
li#blogLink.current_page_item a,
#blogLink a:hover {background-position: -344px -49px;}
li#booksLink.current_page_item a,
#booksLink a:hover {background-position: -501px -49px;}
li#pressLink.current_page_item a,
#pressLink a:hover {background-position: -611px -49px;}
li#resourcesLink.current_page_item a,
#resourcesLink a:hover {background-position: -716px -49px;}
li#contactLink.current_page_item a,
#contactLink a:hover {background-position: -861px -49px;}

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #000; 
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: 0;
	border-radius-topleft: 0; 
	border:1px solid #fff;
}

/* -----SEARCH STUFF----- */
#searchform #s {width:200px; padding: 5px;}
#searchform #searchsubmit {cursor: pointer; padding:5px;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listing .post {margin: 0 0 30px;}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

a.red {text-decoration: underline;}
.eventContent {padding-left: 270px;}
.eventData {padding-bottom: 3px;}
.eventData span {font-style: italic;}

img.aboutImg {float: left; margin: 0 20px 20px 0;}

/*--- POST THUMBNAIL STUFF ---*/
.thumb {float: left; display: block;  margin:0 20px 20px 0; height: 174px; width: 250px; background: url(images/thumb_bg.png) no-repeat;}
.thumb .postThumb { margin: 18px 0 0 18px; background-color: #FFFFFF;}

.homeThumb {
	float: left; 
	display: block;  
	margin:10px 20px 20px 10px; 
	width: 339px; 
	height: 233px; 
	background: url(images/home_books.png) no-repeat;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	rotation: -3deg;
}
.homeThumb .postThumb { padding: 22px 0 0 22px;}

.eventthumb {float: left; display: block;  margin:0 15px 15px 0; height: 128px; width: 126px; background: url(images/topEvent_bg.png) no-repeat;}
.eventthumb .postThumb { padding: 12px 0 0 13px;}


/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {float:left; font-size:14px; width: 100%;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}

/*-----SIDEBAR STUFF----*/
#sidebar {float: right; width: 287px; padding-top: 20px;}
#sidebar > ul {/*background: transparent url(images/archives_bg.png) repeat center top;*/ color: #fff; padding: 0; margin: 0;}
#sidebar > ul a {color: #fff;}
#sidebar ul li.widget {list-style: none; padding: 20px; margin-bottom: 40px; font-size: 12px;}
#sidebar ul li.widget h2.widgettitle {color: #fff;}
#sidebar ul li.widget ul li {list-style-type:disc; list-style-position: inside;}
#sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

#sidebar ul li#categoryposts-3 {background: transparent url(images/archives_bg.png) repeat center top;}

.sideBox {background: url(images/sidebar_bg.png) top right; height: 188px; width: 223px; padding: 20px 32px 20px 32px; color: #000; position: relative;}
.sideBox p {color: #000;}

img#smallAbout {margin: -12px 5px 0 -18px; float: left;}
img#aboutMeImg {position: absolute; top: 25px; right: 30px; width: 122px; height: 38px; z-index: 1;}
p.aboutmsg {padding: 50px 0 0; font-size: 13px;}

h2.newsWidgetTitle {padding-top: 15px;}
h2.newsWidgetTitle a {color: #000; font-size: 18px;}

/* -----CONSTANT CONTACT WIDGET ----- */
#sidebar ul li#constant-contact {background: url(images/sidebar_bg.png) top right; height: 188px; width: 223px; padding: 20px 32px 20px 32px; color: #000; position: relative;}
#sidebar ul li#constant-contact h2 {width: 208px; height: 46px; text-indent: -9999px; background: transparent url(images/getnewsletter.gif) no-repeat 0 0; margin: 5px 0 0 0;}
#sidebar ul li#constant-contact p {color: #000000;}
#sidebar ul li#constant-contact > p {display: none;}

#sidebar ul li#constant-contact form {margin: 5px 0 0 0;}

#sidebar ul li#constant-contact fieldset {border: 0 none;}

#sidebar ul li#constant-contact input[type="text"] {margin: 15px 0 5px 0;}

#sidebar ul li#constant-contact button {cursor: pointer; width: 92px; height: 53px; background: url(images/signup.png) no-repeat top left;border: none; text-indent: -999px; overflow: hidden; display: block; font-size: 0px; line-height: 0px; float: right;}
#sidebar ul li#constant-contact button:hover {background: url(images/signup.png) no-repeat bottom left;}

/* -----COMMENT STUFF----- */
#commentsection {width:90%;   font-size: 12px;}
.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}
.commentlist li img.avatar {float:left;border:1px solid #999;background:#bbb;margin-right:15px;padding:3px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 83px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {text-align:justify;padding:0 0 40px;}
.nocomments {text-align:center;}

/*---FORM STUFF---*/
input[type="text"],
input[type="password"] {
	padding: 5px; 
	width:170px; 
	margin:5px 0 0 0; 
	background: #8e7a5e; 
	border: 1px inset #8e7a5e; 
	color:  #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
}
textarea {
	padding: 4px; 
	width:90%; 
	font-family: Arial; 
	font-size: 12px; 
	background: #8e7a5e; 
	border: 1px inset #8e7a5e; 
	color:  #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
}
#commentform input[type="submit"], 
input[type="submit"] {cursor: pointer; width: 91px; height: 63px; background: url(images/send_bg.png) no-repeat top left;border: none; text-indent: -999px; overflow: hidden; display: block; font-size: 0px; line-height: 0px;}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover {background: url(images/send_bg.png) no-repeat bottom left;}

#sidebar #searchform {padding: 0 0 10px;}
#sidebar input, #sidebar textarea {padding:3px}
#sidebar input[type="submit"]{cursor:pointer;}

#newletterform input[type="submit"] {cursor: pointer; width: 92px; height: 53px; background: url(images/signup.png) no-repeat top left;border: none; text-indent: -999px; overflow: hidden; display: block; font-size: 0px; line-height: 0px; float: right;}
#newletterform input[type="submit"]:hover {background: url(images/signup.png) no-repeat bottom left;}

form.wpcf7-form {width: 385px; float: right;}
form.wpcf7-form textarea {height: 100px; }
form.wpcf7-form {width: 385px; float: right;}
form.wpcf7-form input[type="submit"] {float: right;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}

/* --- BOOK PAGE --- */

.book-thumbnail {float: left; width: 250px; height: 174px; margin: 0 20px 20px 0;}
.book-thumbnail a.thumb {float: none; margin: 0;}

.book-post-body {float: left; width: 380px;}

