/*
Theme Name: Grosse Pointe South Choir Boosters
Description: The original GPSCB theme.
Version: 1.0
Author: Dean Duncan Jones, Trademark Productions
Tags: mantle color, variable width, two columns, widgets

*/


@import url('reset.css');
/*------------------------------------------------------------
Trademark Productions - DDJ 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
}
	
img.right, img.alignright {
  	float: right;
  	clear: left;
  	margin: 5px 0 5px 5px;
}

img.left, img.alignleft {
  	float: left;
  	clear: right;
  	margin: 5px 5px 5px 0;
}

img.alignright, img.alignleft {
	clear:none;
}

body { 
	margin: 0 auto;
	background: #8896A9 url(images/body-bg.jpg) repeat-x top left;
	text-align: center;
	font: 10px/1.2 Arial, Helvetica, sans-serif;
}

/* =Typography
-------------------------------------------------------------*/
p, li {
	text-align: left;
	font-size: 120%;
}

p {
	line-height: 1.4em;
	margin: .5em 0;
}


/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	margin-bottom: .5em;
}

h1 {
	font-size: 24px;
	color:#4e71a0;
}


h2 {
	font-size: 18px;
}


h3 {
	font-size: 14px;
}

h2.blogTitle {
	color:#036;
	font-size:20px;
}

ul#widgets h3 {
	font-weight:bold;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color: #036;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* =Layout
-------------------------------------------------------------*/
div#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#container {
	width: 1000px;
	float: left;
	margin-top: 6px;
	background-color: #fff;
}

div#mast {
	float: left;
	width: 1000px;
	height: 80px;
	background-color: #eee;
	margin-bottom: 10px;
}

div#banner {
	float: left;
	width: 1000px;
	height: 191px;
	background: #eee url(images/banner.jpg) no-repeat top left;
	position: relative;
}

div#content {
	width: 1000px;
	float: left;
	margin: 20px 0;
}

div#sidebar {
	width: 240px;
	padding: 5px;
	float: left;
	background-color: #eee;
}

div#noSidebar {
	background: none;
	border: none;
	float:left;
	margin: 10px;
	padding: 5px 10px;
	position:relative;
	width: 170px;
}

div#main {
	float: left;
	margin-left: 50px;
	width: 900px;
	padding-bpttom: 5px;
	background-color: #fff;
	border: solid 1px #ccc;
}

div#mainInternal {
	float: left;
	margin-left: 50px;
	width: 900px;
	background-color: #fff;
	border: solid 1px #ccc;
}

div#news {
	float: left;
	width: 850px;
	padding: 15px 23px;
	background-color: #fff;
}

div#footer {
	float: left;
	width: 100%;
	padding: 10px 0;
	background-color: #464646;
	height:30px;
}

div#mainLeft {
	background:transparent url(images/calendar-bg.jpg) no-repeat scroll left top;
	float:left;
	height: 115px;
	padding:5px 10px 10px 120px;
	position:relative;
	width: 300px;
	margin:10px 0 0 20px;
}

div#mainRight {
	background:transparent url(images/media-bg.jpg) no-repeat scroll left top;
	float:left;
	height: 115px;
	margin-left:5px;
	padding:5px 10px 10px 120px;
	position:relative;
	width: 300px;
	margin-top:10px;
}

div#donate {
	margin-left:8px;
}

div#announcement {
	float:left;
	width:475px;
}

div#newsPhoto {
	float:left;
	width:360px;
	padding-left:15px;
}

div#sideLeft {
	background:#FFF url(images/side-nav.gif) repeat-x scroll left bottom;
	float:left;
	margin: 10px;
	padding: 5px 10px;
	position:relative;
	width: 170px;
	border: solid 1px #ccc;
}

div#internalRight {
	float:left;
	margin: 10px 10px 10px 0;
	padding: 10px;
	position:relative;
	width: 655px;
	border: solid 1px #ccc;
}

div#footerWrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
	
/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
a#homeLink {
	display: block;
	width: 900px;
	height: 130px;
	position: absolute;
	margin-left: 50px;
	margin-top: 15px;
	text-decoration: none;
}

ul#mastnav {
	background: url(images/mast-bg.jpg) repeat scroll 0 0;
	margin: 161px 42px;
}

ul#mastnav li {
	color:#6D3332;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:23px;
	padding-left:8px;
	text-decoration:none;
}

ul#mastnav li a:hover, ul#mastnav li a.current {
	background: url(images/li-bg-hov.jpg) repeat scroll 0 0;
	color: #1e3047;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

ul#mastnav li a {
	background: url(images/li-bg.jpg) repeat scroll 0 0;
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	height:21px;
	padding-left:4px;
	text-decoration:none;
	width:89px;
	text-align: center;
	padding-top: 8px;
	color: #fff;
	text-transform:uppercase;
}

ul#mastnav li a.practice {
	padding-top:1px;
	height:28px;
}

/* =Main Content Styles
-------------------------------------------------------------*/
h3.alumni {
	text-indent:51px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#656565;
}

h3.alumni a {
	color:#3d577b;
	font-size:18px;
}

div#mainRight h3 a, div#mainLeft h3 a {
	font-size:27px;
	color:#FFF;
	font-weight:bold;
	letter-spacing: -.02em;
	display:block;
	height:103px;
	margin:0 0 0 -117px;
	padding:18px 0 0 118px;
	width:298px;
}

p.subtitle {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	margin:-80px 0 0 1px;
}

div#news h1 {
	font-size:27px;
	color:#07be05;
	font-weight:bold;
}

div#announcement div p {
	float:left;
	width:398px;
	color:#757575;
	font-size:12px;
	margin-top:2px;
}

div#announcement blockquote p {
	float:left;
	width:50px;
	color:#006efe;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-right: 12px;
	margin:0;
}

ul#widgets div {
	padding-top:20px;
}

/* =Secondary Content Styles
-------------------------------------------------------------*/
p.meta, p.postmetadata {
	padding: 2px 0;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
}

img.follow {
	margin-top:-5px;
}

/* =Sidebar Content Styles
-------------------------------------------------------------*/
ul#sideNav li {
	font-weight:bold;
	border-bottom:solid 1px #4e71a0;
	line-height:19px;
	padding:6px 0;
}
ul#sideNav a {
	color:#4e71a0;
}

/* =Footer Styles
-------------------------------------------------------------*/
div#footer span {
	color:#FFF;
	float:left;
	line-height:30px;
	padding-left:20px;
}

div#footer a {
	color:#87abdb;
	float:right;
	line-height:30px;
	padding-right:20px;
}

/* =Main Navigation Styles
-------------------------------------------------------------*/


/* =Secondary Navigation Styles
-------------------------------------------------------------*/


/* =Form Styles
-------------------------------------------------------------*/
form table tr td.contact {
	font-size:10px;
	padding:5px 10px 15px 0;
	vertical-align:text-top;
}

form table tr td input, form table tr td select, form table tr td textarea, form#commentform input, form#commentform textarea {
	background-color:#C9CFD8;
	border:1px solid #000;
	padding: 3px 8px;
	-moz-border-radius: 3px;
}

form table tr td input.submit, form#commentform input#submit {
	float:right;
	width:auto;
	background-color: #5F9CED;
	border: 2px solid #000;
	padding: 3px 8px;
	-moz-border-radius: 3px;
}

form table tr td input {
	width: 220px;
}

form table tr td select {
	width: 238px;
}

form table tr td textarea {
	margin-top:4px;
}

form table tr td img {
	padding:5px 8px 0 0;
	margin-bottom:-8px;
}

div#newsletterContainer {
	margin: 15px 75px;
}

form#subscribe fieldset {
	float: left;
}

form#subscribe fieldset input {
	padding: 5px 10px;
	width: 150px;
	font-size: 14px;
	margin-right: 20px;
	border: 1px solid #000;
	-moz-border-radius: 3px;
}

form#subscribe fieldset input.submit {
	background-color: #5F9CED;
	border: 2px solid #000;
	padding: 3px 8px;
}

form#subscribe fieldset label {
	font-size: 14px;
	padding-right: 10px;
	color: #fff;
	font-weight: bold;
}

.security {
	padding-top:5px;
}

form#commentform textarea {
	width:637px;
}

/* =Table Styles
-------------------------------------------------------------*/
table { 
  border-spacing: 0;
	border-collapse: collapse;
	}

td {
  text-align: left;
	font-weight: normal;
	vertical-align: middle;
	}

/* =Miscellaneous Styles
-------------------------------------------------------------*/
.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.notice {
                background: #fffbcc url(/wp-content/themes/grossepointe/images/icons/exclamation.png) 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url(/wp-content/themes/grossepointe/images/icons/information.png);
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url(/wp-content/themes/grossepointe/images/icons/tick_circle.png);
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url(/wp-content/themes/grossepointe/images/icons/cross_circle.png);
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}
				
/* Calendar Styles */
.day-with-date, .day-without-date {
	height: 80px;
}

/* =Print Styles
-------------------------------------------------------------*/
@media print { 

}