/*
Theme Name: Grace
Theme URI: http://wordpress.org/
Description: Custome theme
Version: 1.0
Author: 

*/


/* baseline styles */
body, table, div, p, pre, blockquote, fieldset, form, h1, h2, h3, h4, h5, h6, pre, ul, ol, dl, address, li, dd, dt, frameset, li, tbody, td, tfoot, th, thead, tr {margin: 0; padding: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline;}
table, tbody, td, tfoot, th, thead, tr {vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: none;}
ol, ul {list-style: none;}
q: before, q: after, blockquote: before, blockquote: after {content: "";}

/* Remove dotted outline from links */
:focus {-moz-outline-style: none;}


/* Coupon Formatting */

blockquote {

	color:#555555;

	margin: 35px 0 35px 0;

	width: 450px;

	background-color: #ffffff;

	padding: 15px;

	border: 2px dashed #9f6ba2;

}

blockquote h1 {

	color:#9f6ba2;

}
blockquote h2 {

	color:#9f6ba2;

}

blockquote h3 {

	color:#9f6ba2;

}

/* Common base styles */
.hide {display: none; visibility: hidden;}
.clear {clear: both;}
.center {text-align: center;}

/* Clear fix for floated elements for compliant browsers */
.clearfix: after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	/* affects only IE7 */
.clearfix {min-width: 0;}
	/* targets only IE5-6 and hidden from lowly IEmac \*/
 * html .clearfix {height: 1%;} 

 /* end baseline styles */
 
 

body {
	background: #000 url('images/bkgd.png') top left repeat-x;
	color: #333;
	font-family:  Verdana, sans-serif;
font-size:14px;
line-height: 135%;
	margin: 0;
	padding: 0;
}

a {color: #9f6ba2; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {color: #9f6ba2; font-weight: bold;}


#container { width: 954px; height: 935px; background: transparent url(images/container-bkgd.png) top center no-repeat; margin: 0 auto; overflow: hidden; padding-bottom: 20px;}
#header { background-color: transparent; margin-top: 23px; padding: 0; text-align: center;}
#header img { margin-bottom: 0px; display: block; }

/* content area structure */
/* home and interior pages use opposite layout */
#content_box {background: transparent url(images/content-right.png) bottom right no-repeat;}
#content {float: left; background-color: transparent; width: 520px; overflow: auto; margin: 0 0 30px 35px; height: 580px; padding-right: 30px; padding-top: 40px;}
#sidebar {float: right; margin-right: 5px; width: 350px;margin-top: 10px;  height: 609px; text-align: center; position: relative;}
#tips-sidebar {background: transparent url(images/home-sidebar.png) bottom left no-repeat;}
.home #content_box {background: transparent url(images/content-right.png) top right no-repeat; height: 455px; padding: 0;}
.home #content {float: right; overflow: hidden; height: 455px; margin: 0; padding: 0; width: 600px; }
.home #sidebar {float: left; height: auto; margin-right: 0; background-position: bottom right;}
.home #content-top {height: 220px; width: 400px; margin-top: 40px; font-size: 90%; line-height: 1.0;}
.home #content-top ul {margin-left: 15px; }
.home #content-top ul li {margin-top: 5px;}
.home #content-top span {color: #9f6ba2; font-weight: bold;}
.home #testimonials {float: left; height: 185px; width: 367px; background: transparent url(images/testimonials.png) top center no-repeat;}
.home #testimonials #testimonial-content {margin: 30px 20px 20px 130px; overflow: hidden; font-size: 90%;}
.home #testimonials #testimonial-content .entry {margin-left: 0;}
.home #gallery {float: left; height: 185px; width: 214px; background: transparent url(images/gallery.png) top center no-repeat; text-align: center;}
.home #gallery img {margin: 20px auto 10px; display: block;}
.home #gallery a {text-decoration: none; color: #9f6ba2; }
.home #gallery a:hover { color: #666; }

form#newsletter { width: 320px; height: 90px; background: transparent url(images/newsletter.png) center center no-repeat; position: relative; margin: 30px auto; }
form#newsletter input {display: block; position: absolute; }
form#newsletter input[type=text] {width: 110px; border: 0; background: none;}
form#newsletter input#name {top: 45px; left: 16px;}
form#newsletter input#email {top: 45px; left: 140px;}
form#newsletter input#submit {top: 45px; left: 270px;}

 a#sidebar-tipslink {position: relative; bottom: 0; left: 0; height: 190px; width: 320px; display: block; z-index: 2;}

acronym, abbr {
	border-bottom: 1px dashed #333;
	cursor: help;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

.pagetitle {margin-bottom: 35px;}

.post {margin-bottom: 30px;}
.homeentry { margin: 0px 0 0 0;}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

/* dropdown menu system */
/* dk purple 9f6ba2 */
/* lt purple e4d9e9 */
#suckerfishnav {background:#1F3E9F url("images/navmenu.png") repeat-x; font-size:16px;width:100%;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:40px;padding:0 0 0 30px;border:0px solid #aaa;margin: 0; width:100%; z-index: 2000;}
#suckerfishnav a {display:block;color:#9f6ba2;text-decoration:none;padding:0px 10px;}
#suckerfishnav li {float:left;padding:0 5px 0 0;font: bold 100%/175%  Arial, Helvetica;text-transform: uppercase;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:1; border:0; border-top:1px solid #cccccc;	}
#suckerfishnav li li { text-transform: none;width:149px;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;font-weight:bold;font-family:verdana,sans-serif; line-height: 1.25;}
#suckerfishnav li li a {padding:4px 10px; width:130px; font-size:12px; color:#fff;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px; text-transform: none;}
#suckerfishnav li li:hover {background:#e4d9e9;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color: #fff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#666;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color: #666;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto; background:#e4d9e9;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#e4d9e9;}
.home-video {
	float: left;
	margin: 10px;
}
.homeentry p {
  line-height: 125%;
}
.slide-out-div {
	padding: 20px;
	width: 250px;
	background: #f2f2f2;
	border: #905891 2px solid;
	font-size: 16px;
}