/*
Theme Name: TealZine Theme
Author: WPThemeDesigner.com
Author URI: http://www.wpthemedesigner.com/
*/

* { margin: 0; padding: 0; }
html { background: url(images/bg-wallpaper.jpg) }

body {
	text-align: center;
	font-size: 62.5%; font-family: Georgia, 'Trebuchet MS', Verdana, 'Lucida Grande',  sans-serif; line-height; 1.5;
	color: #333333;
	background: url(images/background.gif) repeat-x 0 0;
}

h1, h2, , h4, h5, h6, p, blockquote { padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; color: #58595b; }
h1 { display:block; }
#further-reading { padding-top: 20px; }
#further-reading .post { border-bottom: 1px dashed #ccc;  margin-bottom: 1em;}
#further-reading .post:last-child { border-bottom: none;  }
#further-reading h3 { color: #1F5053; font-weight: normal; margin-bottom: .5em; }
#further-reading .details { margin-bottom: 0;  }

a { text-decoration: none; color: #1F5053; }
a:hover { text-decoration: underline; color: #657877; }
img { border: 0; }

.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center; }
.hidden { display: none; }

/** BEGIN wrapper **/
.wrapper { width: 950px; margin: auto auto; text-align: left; }

/** BEGIN header **/
#header { height: 146px; }
	#header ul { list-style-type: none; height: 32px; }
		#header ul li { float: left; text-transform: uppercase; font-size: 0.9em; padding-left: 1px; background: url(images/divider.gif) no-repeat 0 10px; }
		#header ul li.f { background: none; }
			#header ul li.f a { padding-left: 0; }
		#header ul li a { color: #ffffff; display: block; padding: 8px 15px; }
		#header ul li a:hover { color: #656461; text-decoration: none; }
	
	#header .subscribe {
		float: right;
		margin-top: -25px;
		font-size: 0.9em;
		color: #656461;
		padding-top: 2px;
		font-family: Arial;
	}
		#header .subscribe a { color: #ffffff; margin: 0 9px; }
		#header .subscribe a:hover { color: #2C8871; text-decoration: none; }
		
	#header .logo { float: left; }
		#header .logo h1 { font-size: 0; padding: 0; }
			#header .logo h1 a {
				display: block;
				width: 450px; height: 100px;
				background: url(images/h1-logo.gif) no-repeat 0 0;
				text-indent: -9999px;
				outline: none;
				position: relative;
				top: 30px; left: -25px;
			}
			#header .logo p { font-size: 0.9em; color: #C1BEB3; padding-left: 2px; }

/** END header **/

#intro .frame { position: relative; top: 20px; right: -20px; background: transparent url(images/frame-big.png) no-repeat top left; width: 461px; height: 258px; float: right; }
	#intro .frame img { position: relative; top: 22px; left: 17px; }	

/** BEGIN content **/
#content { width: 605px; float: left; padding: 15px 0; margin-top: -20px; }
	#content .latest { padding: 0 30px 15px 0; border-bottom: 1px solid #ccc; margin-bottom: 15px;} 
		#content h2 { margin-bottom: 1em; font-size: 2em; margin: 0; color: #7A8A88; font-weight: normal; }
			#content h2 a { color: #7A8A88; }
			.details { color: #666666; font-size: 0.8em; }
			.details a { color: #666666; text-decoration: none; }
			.details a:hover { color: #A71E14; text-decoration: none; }
		#content p { line-height: 1.5; }
		#content p:first-child { margin-right: 100px;  }
	#content .post { clear: both; padding: 0; }
		#content .post img { border: double 3px #e5dfd3; margin: 0 10px 1em 10px; padding: 3px; background: #fff; }
		#content .single img { border: double 3px #e5dfd3; margin: 0 10px 1em 10px; padding: 3px; background: #fff; }
	#content .single { border: 0; }
		#content .single h2 {  }
	#content p { margin-bottom: 1em; line-height: 1.5;}
	#content ul { margin: 0 0 10px 16px; }
	#content ol { margin: 0 0 10px 18px; }
	#content li { line-height: 1.3em; padding: 2px 0; }
	#content  { font-size: 1.5em; font-weight: normal; }
	#content blockquote { padding: 10px 10px 0; border: 1px solid #cccccc; background-color: #eeeeee; font-weight: bold; margin-bottom: 10px; }

/** BEGIN sidebar **/
#sidebar { width: 318px; float: right;  padding: 30px 0; margin-top: 0px;}
	#sidebar h2 {color: #1F5053; font-weight: normal; margin-bottom: 1em; }
	#sidebar ul { list-style-type: none; padding-bottom: 10px; }
		#sidebar ul li { border-bottom: 1px dotted #DDDDDD; padding: 5px 0; }
		#sidebar ul li a { color: #68645A; }
		#sidebar ul li a:hover { color: #A71E14;} 
	#sidebar .box { padding: 10px 5px; margin-bottom: 15px; }
	#sidebar .l { float: left; width: 145px; }
	#sidebar .r { float: right; width: 145px; }
	#sidebar .l ul li, #sidebar .r ul li { font-size: 1.2em; }
	#sidebar .flckr { text-align: center; }
		#sidebar .flckr img { margin: 6px; }
	#sidebar .video { padding: 4px; }
	
/** END sidebar **/

/** BEGIN bottom **/
#bottom {
	clear: both;
	border-top: 1px solid #CCCCCC;
	overflow: auto;
	padding: 2em 0 4em 0;
}
	#bottom .box {
		width: 290px;
		float: left;
		padding: 0;
	}
	
	#bottom .the-comments {  margin: 0 10px; }
	#bottom h2 {
		font-size: 1.4em;
		margin-bottom: 15px;
		text-transform:none;
		font-weight: normal; 
		color: #1F5053;
	}
	#bottom ul {
		list-style-type: none;
	}
		#bottom ul li {
			border-bottom: 1px dotted #DDDDDD;
			padding: 4px 0;
		}
		#bottom ul li a {
			color: #68645A;
		}
	#bottom p { margin-bottom: 10px;
		line-height: 1.3em;
		color: #68645A;
	}
/** END bottom **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #363637;
	color: #A3AD9D;
	font-size: 1.2em;
	padding: 10px;
	text-align: right;
}
	#footer a {
		color: #eeede3;
	}
	#footer a:hover {
		text-decoration: underline; color: #C8C7B9
	}
/** END footer **/

/** BEGIN miscellaneous **/
.postnav {
	clear: both;
	padding-top: 20px;
	font-size: 0.9em;
}
	.postnav a {
		border: 1px solid #cccccc;
		padding: 3px 8px;
		color: #999999;
	}
	.postnav a:hover {
		border: 1px solid #000000;
		color: #000000;
		text-decoration: none;
	}
#comments {
	margin-top: 20px;
	border-top: 1px dotted #cccccc;
}
	#comments h2 {
		margin: 20px 0 5px;
		font-size: 1.5em;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px 4px 4px 20px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #909090;
			background-color: #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			width: 120px; height: 23px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required { color: #ff0000;}
h2.title { font-size: 1em; padding: 10px 0; color: #1F5053 !important; margin-bottom: 2.5em; }
.single img { width: auto !important; }
.notfound { padding: 40px; }
	.notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
	
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol { list-style-type: none;clear: both; padding: 0; margin: 0; }
	#comments ol li { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 10px; }
	#comments ol li .avatar { float: right; }
	#comments ol li .comment-author {}
	#comments ol li .comment-author .fn {font-weight: bold; font-size: 1.2em; }
	#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
	#comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; }
	#comments .children { list-style-type: none; }

#comments .navigation { padding: 10px 0 20px; font-size: 0.9em; }
	#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; }
	#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }
	
/** END wordpress 2.7 comments **/

#content.archives .post { margin-bottom: 2em;  }
#content.archives h3 a { /*font-weight: normal; font-size: 1em; color: #7A8A88; */}
#content.archives .post p { /*line-height: 1.5 !important;*/ }
#bottom p { font-size: 1.2em; line-height: 1.5; }
#bottom ul li { font-size: 1.2em; }

.textwidget p { font-size: 1.2em; line-height: 1.5  }
.textwidget p a { display: block; padding-top: 1em; }