/*
Theme Name: Center Site
Theme URI: http://www.sarahcare.com
Description: A custom theme for Sarahcare
Author: Joseph Carrington
Author URI: http://www.josephcarrinton.com
Version: 1
*/


/* Gradient / Drop Shadow Interplay */


body
{
	background-image: url('images/drop_shadow.png');
	background-position: center;
	background-repeat: repeat-y;
}
div#navigation_top
{
	background-image: url('images/header_bottom.png');
	background-position: -20px top;
	background-repeat: no-repeat;
	text-align: right;
	min-height: 100px;
}

div#page
{
	background-image: url('images/gradient.png');
	background-position: top;
	background-repeat: repeat-x;
	height: auto;
	display: block;
}

div#container
{
	background-image: url('images/drop_shadow_gradient.png');
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 650px;
	padding: 0 25px;
}

/* Gross hack for header image */
#header a
{
	display: block;
}

/* navigation ul mucking aboutwith */
ul.navigation_ul 
{
	list-style-type: square;
	margin-bottom:0px;
}
	ul.navigation_ul li
	{
		display: inline;
		background-image: url('images/bullet_bg.png');
		background-position: center left;
		background-repeat: no-repeat;
		padding: 0px 10px;
		width: 15em;
	}
		ul.navigation_ul li a
		{
			text-decoration: none;
			font-size: 16px;
			color: #006600;
			font-weight: 300;
		}

	/* ROLLOVA! */
	ul.navigation_ul ul li
	{
		width: 15em;
		display: block;
		background-color: #006600;
		background-image: none;
		border-bottom: thin white solid;
	}
	ul.navigation_ul ul li a
	{
		color: white;
	}
	ul.navigation_ul ul
	{
		position: absolute;
		width: 12em;
		left: -999em;
		display: inline;
	}

	ul.navigation_ul li:hover ul
	{
		left: inherit;
		margin: inherit;

	}

	ul ul li:hover
	{
		background-color: white;
	}
	ul ul li:hover a
	{
		color: #006600;
	}
	
		
/* Footer Styling */
div#footer
{
	text-align: center;
}

	div#footer p
	{
		color: #006600;
		font-size: 10px;
	}

	div#footer a
	{
		text-decoration: none;
		color: #006600;
		padding: 0 10px;
	}

/* Redeclarations */
hr
{
	color: #006600;
	background-color: #006600;
}
p
{
	margin: 0;
}

ul
{
	list-style-image: url('images/bullet_bg.png');
}
li
{
	font-size: 1.3em;
}

/* CMS font classes */
h1
{
	font-size: 4em;
	color: #007114;
}
h2
{
	color: #007114;
}
h2, h3
{
	font-size: 3em;
}

h3
{
	color: white;
	background-color: #007114;
	padding-bottom: 5px;
}

/* For acurate floating on inlne images */
p img.floatLeft, p img.floatRight
{
	margin: 20px 20px 20px 10px;
}
/* Crappy utils */
.center
{
	text-align: center;
}

/* the box */
.box
{
	background-color: #f2f7d5;
}

.myBox
{
	padding: 10px;
	margin-bottom: 10px;
	
}

.myBox strong
{
	color: #006600;
}
.myBorder
{
	border: thin solid #BBB;
	background-image: url(images/box_background.png);
	background-position: top;
	background-repeat: repeat-x;
}

.leftHalf
{
	margin-left: +28px;
}
.rightHalf
{
	margin-left: +20px;
}
p
{
	font-family: arial, sans-serif;
	font-size: 14px;
}
html
{
	font-family: arial, sans-serif;
	font-size: 14px;
}


.paddingFix
{
	padding-left: 15px;
}

/* FOrm stuff */
form input, form label, form textbox
{
	display: block;
}

ul.greenBullet, ul.hackyBullet
{
	list-style-type: none;
}
	ul.greenBullet li
	{
		padding: 5px 10px;
		background-image: url('images/bullet_bg.png');
		background-position: 190px;
		background-repeat: no-repeat;
	}

	/* Disgusting greenbullet hack */

	ul.greenBullet li.hack
	{
		background-position: left center;
	}

ul.hackyBullet li
{
		padding: 5px 10px;
		background-image: url('images/bullet_bg.png');
		background-position: left center;
		background-repeat: no-repeat;
}

/* Blog Styling */

ul#blog
{
	list-style-type: none;
	margin: 0;
}
ul#blog li
{
	/* background-color: #EEE; */
}

ul#blog li h3
{
	margin-bottom: 0;
}
/* Dropshadow stuff */
div.shadow
{
	background-image: url(images/bottom_shadow.png);
	background-repeat: repeat-x;
	margin-top: -10px;
	background-position: top right;
}
div.shadow img
{
	left: 0px;
	top: 0px;
}


/* Center Site Contact Info Styling */
/*
.contactTable
{
	border-collapse: collapse;
	color: #730000;
	margin-bottom: 0;
}
.bottomRow
{
	border: thin solid #730000;
}
.bottomRow td
{
	border-right: thin solid #730000;
}
.contactTable td
{
	width: 50%;
	text-align: center;
}
tr.topRow
{
	font-size: 2em;
	line-height: .8;
}

td.tab
{
	background-color: #730000;
	color: white;
	background-image: url(images/tab_right.png);
	background-repeat: no-repeat;
	background-position: top right;
	border-left: thin solid #730000;
}
*/
div#contactInfo
{
	font-size: 1.3em;
	color: #333;
	font-style: italic;
}

/* Making the left floated inages in post have more padding, manually forcing left float */
.alignleft
{
	margin: 0 10px 0px 0;
	float: left !important;
}

/* change header inage to background image so that we can have the name of the center overlayed */
div#header
{
	background-image: url('images/header.png');
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 165px;
	width: 886px;
}
div#header a
{
	text-decoration: none;
	position: relative;
	padding: 60px 0 15px 270px;
	width: 615px;
}
div#header a h4
{
	color: #2a2525;
	font-size: 3em;
	font-family: times new roman, serif;
	font-style: italic;
}



/* Quotations Styling */
hr
{
	margin-bottom: 30px;
}

td.current-day, td.day-with-date
{
	font-size: 2em;
}

/* Form Stuff */
#contact_form input, #contact_form select
{
	font-size: 1.5em;
}
.contactform { padding:20px;border:1px solid #ddd;}

.wpcf7 textarea {width:300px;height:150px;}