/*

Theme Name: Senior Dating

Theme URI: 

Description: Created for the Senior Dating Website

Version: 1.0

Author: Stephen Angell and Craig Forsyth

Author URI: http://www.x50.com

Tags: 

*/



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,

b, u, i, center,

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-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

	background-color: #252525;

	text-align: center;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



#wrapper #pageBody {

	float: left;

	width: 980px;

	position: relative;

}



#wrapper #pageBody #header {

	float: left;

	margin: 10px 0 0px 0;

	width: 980px;

	position: relative;

}



#wrapper #pageBody #header img {

	float: left;

	position: relative;

	width: 241px;

	height: 79px;

}



#wrapper #pageBody #header span#topAdvert {

	float: left;

	width: 728px;

	height: 90px;

	

	margin-left: 5px;

	position: relative;

}



#wrapper #pageBody #redHeader {

	float: left;

	width: 998px;
	margin: -59px -7px 11px -11px;

	height: 197px;

	background: url(img/red_header2.jpg) top left no-repeat;


}



#wrapper #pageBody #redHeader h2 {

	float: left;

	font: normal 22px Arial, Helvetica, sans-serif;

	width: 820px;

	margin: 75px 0 25px 140px;

	padding: 0;

	color: #fff;

}



#wrapper #pageBody #content {

	float: left;

	width: 980px;

	margin-bottom: 20px;

	padding: 30px 0;

	background: #fff url(img/white_bg_top.gif) top left no-repeat;

}



#wrapper #pageBody #content #leftCol {

	float: left;

	width: 580px;

	margin: 0 0 0 30px;

}



#wrapper #pageBody #content #rightCol {

	float: left;

	width: 320px;

	margin: 0 0 0 30px;

}



#wrapper #pageBody #content #rightCol #kathyBox {

	float: left;

	width: 320px;

	min-height: 258px;

	margin-bottom: 20px;

	background: #e1e1e2 url(img/grey_box_bottom.gif) bottom left no-repeat;

}



#wrapper #pageBody #content #rightCol #kathyBox p {

  float: left;

	background: url(img/grey_box_top.gif) top left no-repeat;

	margin: 0 0 12px 0;

	padding: 12px 18px 12px 12px;

	font: normal 14px Helvetica, Arial, sans-serif;

	position: relative;

}



#wrapper #pageBody #content #rightCol #kathyBox p img {

	float: left;

	margin: 0 10px 0 0;

}



#wrapper #pageBody #content #rightCol #callToAction {

	float: left;

	margin-bottom: 20px;

	width: 320px;

	height: 163px;

	background: #fbcd31 url(img/yellow_advert_bg.gif) top left no-repeat;

}



#wrapper #pageBody #content #rightCol #callToAction p {

	float: right;

	margin: 20px 5px 10px 10px;

	width: 200px;

	font: normal 20px Helvetica, Arial, sans-serif;

	color: #000000;

	text-align: center;

}



#wrapper #pageBody #content #rightCol #callToAction p a:hover {

	color: #f44b2c;

}



#wrapper #pageBody #content #rightCol #blogRoll {

	float: left;

	margin-bottom: 20px;

	background: #fdeae4 url(img/pink_box_bottom.gif) bottom left no-repeat;

	width: 320px;

	min-height: 220px;

}



#wrapper #pageBody #content #rightCol #blogRoll h2 {

	float: left;

	color: #790000;

	font: normal 24px Helvetica, Arial, sans-serif;

	padding: 15px 0 5px 58px;

	width: 262px;

	position: relative;

	background: #fdeae4 url(img/pink_box_top.gif) top left no-repeat;

}



#wrapper #pageBody #content #rightCol #blogRoll ul {

	float: left;

	margin: 10px 20px 20px 20px;

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #790000;

	list-style-type: disc;

	padding: 0 10px 0 25px;

}



#wrapper #pageBody #content #rightCol #blogRoll ul li {

	margin: 5px 0;

	line-height: 16px;

}



#wrapper #pageBody #content #rightCol #blogRoll ul a {

	color: #790000;

	text-decoration: none;

}



#wrapper #pageBody #content #rightCol #blogRoll ul a:hover {

	background-color: #e7d1c6;

}



#wrapper #pageBody #content #rightCol #googleAd {

	float: left;

	width: 320px;

	min-height: 300px;

	margin: 0;

}



#wrapper #pageBody #content #rightCol #googleAd h2 {

	padding: 5px 0 10px 45px;

	font: normal 24px Helvetica, Arial, sans-serif;

	color: #790000;

	background: url(img/heart_white_bg.gif) top left no-repeat;

	width: 100%;

	float: left;

	position: relative;

}



#wrapper #pageBody #contentBottom {

	float: left;

	width: 980px;

	padding: 15px 0;

	margin-bottom: 20px;

	background: #ffffff url(img/white_bg_bottom.gif) bottom left no-repeat;

}



#wrapper #pageBody #contentBottom h1 {

	color: #790000;

	font: normal 24px Helvetica, Arial, sans-serif;

	margin-left: 20px;

}



#wrapper #pageBody #contentBottom p {

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #666666;

	margin: 5px 20px;

}



#wrapper #pageBody span#bottomAdvert{

	float: left;

	width: 728px;

	height: 0px;

	background-color: ;

	margin: 0 126px 20px 126px;

}



#wrapper #pageBody #footer {

  float: left;

	text-align: center;

  width: 728px;

	margin: 0 126px 20px 126px;

}



#wrapper #pageBody #footer p {

  font: normal 12px Helvetica, Arial, sans-serif;

	color: #ffffff;

	position: relative;

	clear: both;

}



#wrapper #pageBody #footer ul {

  float: left;

  width: 100%;

	list-style: none;

	color: #ffffff;

	text-align: center;

	margin: 0 0 20px 100px;

}



#wrapper #pageBody #footer ul li {

	float: left;

	margin: 0 5px;

}



#wrapper #pageBody #footer ul li a {

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #ffffff;

	text-decoration: none;

}





/*-------------------------------/CONTENT/-----------------------------------------*/





.story {

	float: left;

	width: 580px;

	padding-bottom: 20px;

	border-bottom: 1px solid #e1e1e1;

  margin-bottom: 20px;

}





.story .left {

	float: left;

  width: 50px;

}



.story .right {

	float: left;

	margin: 0 0 0 10px;

	width: 520px;

}



.story .right h1, .story .right h1 a, .story .right h2 a {

	float: left;

	font: bold 30px Helvetica, Arial, sans-serif;

	color: #790000;

	margin-bottom: 5px;

	text-decoration: none;

  width: 100%;

}



.story .right h3 {

	float: left;

	font: normal 20px Helvetica, Arial, sans-serif;

	color: #666666;

	margin-bottom:  10px;

	width: 100%;

}



.story .right p {

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #000; /*was 666666*/

	margin: 10px 0;

}

/*

.story .right p img {

	float: left;

	margin-right: 10px;

}

*/

.story .right a.more-link {

	float: right;

	margin: 10px 10px 0 10px;

	font: bold 14px Helvetica, Arial, sans-serif;

	color: #790000;

	text-decoration: none;

}



.entry {

	clear:both;

}



.comments-template h3#comments {

	float: left;

	margin: 25px 0 10px 0;

	color: #790000;

}



.comment-body {

	float: left;

	width: 500px;

        /*margin-left:20px; */ 

}



.comment-body p {

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #333333;

	width: 100%;

        padding-left:36px;

}

.comment-author {

	/*float: left;*/

}



.fn, .says {

	font: bold 14px Helvetica, Arial, sans-serif;

	color: #333333;

}



.comment-meta {

	/*float: left;*/

	width: 520px;

	margin: 10px 0;

	font: normal 12px Helvetica, Arial, sans-serif;

}



.comment-meta a {

	color: #790000;

}



.reply {

	float: left;

	margin: 10px 0;

	width: 520px;

	background-color: #f9f9f9;

}



#respond {

	float: left;

	margin: 10px 0;

	width: 520px;

}



#respond h3 {

	color: #790000;

}



#respond input {

	width: 200px;

	border: 1px solid #cccccc;

	padding: 2px;

	margin: 5px 0;

}



#respond textarea {

	float: left;

	width: 520px;

	border: 1px solid #cccccc;

}



#respond label {

	color: #790000;

}



.commentbubble a {

	font: normal 14px Helvetica, Arial, sans-serif;

	color: #790000;

}



.postnav a {

	font: bold 14px Helvetica, Arial, sans-serif;

	color: #790000;

}


.navigation {
	height: 20px;
	clear: both;
}
.navigation a {

font: bold 14px Helvetica, Arial, sans-serif;

       color: #790000;

}



/*added by sa - aligns */



.alignleft {

	float: left;

	margin: 0px 10px 10px 0;

}



.alignright {

	float: right;

	margin: 0px 0 10px 10px;

}



.aligncenter {

	display: block;

	margin: 0 auto 10px auto;

}



.alignnone {

	margin: 0;

}

/*sa - end aligns */



/* homepage call to action */
.calltoaction {
	background: #a80101 url("/img/calltoaction-bg2.png") no-repeat;
	height: 113px;
	float: left;
	width: 320px;
        margin-bottom: 20px;
	margin-top: 20px;
	font-family:Helvetica,Arial,sans-serif;
}
	.calltoaction p {
		font-size: 18px;
		margin: 54px 25px 10px 21px;
		line-height: 22px;
	}
	.calltoaction a {
		color: #fffbd2;
	}
	.calltoaction a:hover {
		color: #ffef3a;
	}
#googleAd {
	display: none;
}