/*  

Theme Name: Teal

Original Theme URI: http://beccary.com/goodies/wordpress-themes/ and http://scribblescratch.com

Description: Teal

Version: 1.2

Author: Debi Robarts, based off of Dusk by Becca Wei and Teal Skirt by Teresa Jones

Author URI: http://beccary.com and http://scribblescratch.com

Modified by: Debi Robarts http://sothisislove.org

Photography by: Teresa Jones of http://scribblescratch.com & http://herbrokentoy.com

Permission to use photo for this theme ONLY.  No other use permitted without permission!



*/







/* Basics and Typography */



body {

	margin: 0;

	padding: 0;

	background: #ffffff url(images/bgskirt.png) repeat-y;

        background-repeat: repeat;
        background-attachment: fixed;

	font-size: x-small;

	font-family: Times New Roman, Arial, sans-serif;

	color: #8A9488;

	text-align: center;

	voice-family: "\"}\""; 

	voice-family: inherit;

	font-size: 0.7em;

}

html>body {

	font-size: small;

}

p {

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.2em 0;

}

ol, ul {

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.2em 0 1.2em 2em;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	margin: 1.1em 0;

	font-family: Verdana, serif;

}

h1, h2 {

	font-size: 1.1em;

}

h3 {

	font-size: 1.5em;

}

h4 {

	font-size: 1.3em;

}

h5 {

	font-size: 1.2em;

}

h6 {

	font-size: 1.1em;

}

a:link {

	color: #547E84;

}

a:visited, a:active {

	color: #547E84;

}

a:hover {	color: #000000; 

        	background-color: #f3f3f3;

		text-decoration: none;

}

input, textarea, select {

	background-color: #FFF;

	color: #808080;

	font-size: 1em;

	font-family: Arial, sans-serif;

}

blockquote {

	background-color: #F6F5F4;

	margin: 0 20px;

	padding: 0 20px;

	border-left: 1px dotted #cccccc;

	border-right: 1px dotted #cccccc;

}

code {

	font-family: monospace;

	color: #666;

}

form, img {

	margin: 0;

	padding: 0;

	border: 0;

}







/* Layout */



#wrapper {

	width: 795px;

	margin: 0 auto;

	background: #ffffff url(images/wrapper.jpg) repeat-y;

	font-size: 0.9em;

	text-align: left;

}

#header {

	width: 795px;

	height: 75px;

	background: url(images/headteal5.png) no-repeat;

}



	/* Header Styles */

	

	#title {

		float: left;

		margin: 38px 0 0 9px;

		border-bottom: 1px dotted #cccccc;

		padding: 1px;

	}

	#title h1 {

		margin: 0;

		padding: 5px 15px;

		border: 0;

		background-color: #ffffff;

		color: #547E84;

	        font-size: 0.92em;

		line-height: 32px;

		letter-spacing: 1px;

	}

	#title h1 a {

		color: #547E84;

		text-decoration: none;

	}

	

#content {

	float: left;

	width: 505px;

	padding: 5px 25px 0 25px;

	background: url(images/content.jpg) no-repeat;

	voice-family: "\"}\""; 

	voice-family: inherit;

	width: 505px;

} 

html>body #content {

	width: 505px;

}

#sidebar {

	float: left;

	width: 200px;

	padding: 18px 15px 0 15px;

	color: #8A9488;

	font-size: 0.92em;

	voice-family: "\"}\""; 

	voice-family: inherit;

	width: 200px;

} 

html>body #sidebar {

	width: 200px;

}



	/* Sidebar Styles */

	

	#sidebar h2 {

		margin: 0 0 0 0;

		border-bottom: 1px dotted #ffffff;
padding-bottom: 3px;

	        width: 200px;

                color: #ffffff;

	        background: #547E84;

		font-size: 1.1em;

	}

	#sidebar a:link {

		color: #547E84;

	}

	#sidebar a:visited, #sidebar a:active {

		color: #547E84;

	}

	#sidebar a:hover {

		color: #000000; 

		text-decoration: none;

	}

	#sidebar ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	#sidebar ul ul, #sidebar ol {

		margin: 1.2em 0 1.2em 1.3em;

	}

	#sidebar ul ul {

		list-style-type: none;

	}

	#sidebar ul ul ul {

		margin-top: 0;

		margin-bottom: 0;

	}



* html #content, * html #sidebar {

	overflow: hidden; /* For IE */

}

#footer {

	clear: both;

	padding: 1.2em 230px 1.2em 35px;

text-align: center;

}

#footer2 {

	clear: both;

	padding: 1.2em 1.2em 1.2em 35px;

text-align: center;

}



	/* Footer Styles */

	

	#footer p {

		margin: 0;

		padding: 0.6em 0;

		border-top: 1px dotted #cccccc;

		font-size: 0.92em;

	}



	



/* Blog Styles */



.posttitle {

		margin: 0 0 0.6em 0;

                color: #9e2251;

		font-size: 150%;


}

.posttitle a {

	text-decoration: none;

}

.postmeta {

	margin: 0;

	padding: 0.2em 0 0 0;

}

.postmeta, .postfeedback {

	font-size: 0.92em;

	text-align: left;

}

.pagetitle {

	margin: 0.6em 0 1.2em 0;

}

.commentauthor {

	margin: 1.2em 0 0 0;

	border-bottom: 1px dotted #cccccc;

	font-size: 1.1em;

}

.commentauthor a {

	text-decoration: none;

}

.commentmeta {

	margin: 0;

	padding: 0.2em 0 0 0;

	font-size: 0.92em;

}

#comment {

	width: 98%;

}


#nav ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

#menu {
margin:0 auto;
padding-top: 0px;
padding-bottom: 26px;
padding-right: 15px;
padding-left: 50%;
font-size: 100%; 
vertical-align: top;
}

#menu a:link {
	color: #FFFFFF; text-decoration: none; font-weight: normal; background-color: #000000;
}

#menu a:visited {
	color: #FFFFFF; text-decoration: none; font-weight: normal; background-color: #000000;
}

#menu a:hover {	color: #547E84; text-decoration: underline; font-weight: normal; background-color: #000000;
}

img.wp-smiley {border: none;}

img {border: 1px solid #000;}

.more {text-align: right;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.share {font-size: 80%;}

.line-through {text-decoration: line-through;}
