/*
Theme Name: Susan Kelley
Theme URI: 
Author: White Radish Design
Author URI: http://whiteradishdesign.com
Description: Custom theme developed for Susan Kelley by White Radish Design
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: Susan, Kelley, White, Radish, Design, Custom

-------------------------------------------------------------- */

/* MENU MOUSEOVERS */

a.books {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Books.jpg);
	height: 23px;
	width: 253px;
}
a.books:hover {
	background-position: -253px 0;
	height: 23px;
}
a.biography {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Biograpghy.jpg);
	height: 29px;
	width: 253px;
}
a.biography:hover {
	background-position: -253px 0;
	height: 29px;
}
a.events {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Events.jpg);
	height: 29px;
	width: 253px;
}
a.events:hover {
	background-position: -253px 0;
	height: 29px;
}
a.press {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Press.jpg);
	height: 29px;
	width: 253px;
}
a.press:hover {
	background-position: -253px 0;
	height: 29px;
}
a.reviews {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Praise.jpg);
	height: 29px;
	width: 253px;
}
a.reviews:hover {
	background-position: -253px 0;
	height: 29px;
}
a.mailing {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Mailing.jpg);
	height: 29px;
	width: 253px;
}
a.mailing:hover {
	background-position: -253px 0;
	height: 29px;
}
a.blog {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Blog.jpg);
	height: 29px;
	width: 253px;
}
a.blog:hover {
	background-position: -253px 0;
	height: 29px;
}
a.contact {
	display: block;
	text-decoration: none;
	background-image: url(images/Roller/Contact.jpg);
	height: 29px;
	width: 253px;
}
a.contact:hover {
	background-position: -253px 0;
	height: 29px;
}

/* END MENU ROLLOVERS */

@font-face {
  font-family: Century Schoolbook;
  src: url(‘CenturySchoolbook.ttf’);
}
a {
	color: #632961;
}
body {
	margin: 10px;
	padding: 0px;
	background-color: #091233;
}
#footer {
	color: #CBCAC8;
	float: left;	
	size: 8px;
}
#header {
	background-image:url(images/HeaderImage.jpg);
	background-repeat: no-repeat;
	background-position:center;
	height: 100px;
	width: 100%
}
#contentwrapper {
	padding: 5px;
}
#title {
	padding: 0px;
	margin: 0px;
	font-size: 18pt;
	color: #632961;
}
#posted {
	font-size: 11pt;
	color: #2d3d46;
}
#maincontainer {
	width: 800px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
#topleft {
	background-image: url(images/TopLeftBorder.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 9px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#toprepeat {
	background-image: url(images/TopDarkGreyRepeat.jpg);
	background-repeat: repeat-x;
	/*width: 98.3%;*/
	width: 786px;
	height: 9px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#topright {
	background-image:url(images/TopRightBorder.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 9px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#leftrepeat {
	background-image: url(images/SideDarkGreyRepeat.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 7px;
	margin: 0px;
}
#leftcontent {
	background-color: #2D3B46;
	float: left;
	width: 240px;
	min-height: 600px;
	margin: 0px;
	padding: 0px;
}
#rightcontent {
	background-color: #ADAEB0;
	float: right;
	width: 546px;
	margin: 0px;
	font-family: Century Gothic;
	font-size: 12pt;
	color: #2D3D46;
}
#rightrepeat {
	background-image:url(images/SideLightGreyRepeat.jpg);
	background-repeat: repeat-y;
	float: right;
	width: 7px;
	margin: 0px;
	padding: 0px;
}
#sidebar {
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #CBCBCB;
	font-weight: bold;
	padding: 5px;
}
#menu {
	padding: 0px;
	margin: 0px;
	font-family: Century Schoolbook;
	font-size: 14pt;
	color: #CBCBCB;
}
.menu-item {
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	text-decoration: none;
	font-weight: bold;
}
.menu-item li {
	padding: 0px;
}
img {
	border: none;
	text
}
.menu-item a{
	color: #CBCBCB;
	text-decoration: none;
}
.menu-item a:hover, a:visited {
	text-decoration: none;
	color: #87D0E1;
}
#content {
	margin: 5px;
	padding-left: 20px;
	font-family: Century Gothic;
	font-size: 12px;
	color: #2d3d46;
}
#content a {
	color: #632961;
	text-decoration: none;
	border-style: none;
}
#bottomleft {
	background-image: url(images/BotoomLeftBorder.jpg);
	background-repeat: no-repeat;
	width: 7px;
	height: 9px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#bottomrepeat {
	background-image: url(images/BottomRepeat.jpg);
	background-repeat: repeat-x;
	/*width: 98.3%;*/
	width: 663px;
	height: 9px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#socialwrapper {
	float: right;
	position: relative;
	top: -15px;
}
#facebook {
	float: right;
	background-image: url(images/Facebook.jpg);
	background-repeat: no-repeat;
	width: 37px;
	height: 35px;
}
#youtube {
	float: right;
	background-image: url(images/YouTube.jpg);
	background-repeat: no-repeat;
	width: 43px;
	height: 35px;
}
#twitter {
	float: right;
	background-image: url(images/Twitter.jpg);
	background-repeat: no-repeat;
	width: 43px;
	height: 35px;
}
#bottomright {
	background-image: url(images/BottomRightBorder.jpg);
	background-repeat: repeat;
	height: 9px;
	width: 7px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#newer {
	float: left; 
	font-weight: bold;
	padding-bottom: 10px;
}
#older {
	float: right; 
	font-weight: bold;
	padding-bottom: 10px;
}
p:after {clear: both;}
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}