/*
Theme Name: Trinity Teen Solutions Blog
Theme URI: http://trinityteensolutions.com/blog
Description: Adapted from the theme Boorish. Customizations by Design Adaptations
Author: Free CSS Templates
Author URI: http://www.freecsstemplates.org
License: Released for free under a Creative Commons Attribution 2.5 
*/

*{margin: 0; padding: 0;}

body {
	background: #c5c5c5 url(images/bg_full.jpg) repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;}

h1, h2, h3 {
	font-weight: normal;
	color: #696;}

	h1 {font-size: 2.5em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.2em;}

a{color: #696;}
	a:hover {text-decoration: none;}

p, ul, ol {margin-bottom:20px;}

ul, ol{margin-left: 15px;}

blockquote {font-style: italic; margin:0 20px;}

img {border: none;}

	img.alignleft {
		float: left;
		margin: 0 15px 5px 0;}
	
	img.alignright {
		float: right;
		margin: 0 0 5px 15px;}

pre, code{font-size: 1.2em;}

/* -------------------------------------------------
     CONTAINER 
------------------------------------------------- */
#page_wrap{width: 940px; margin:0 auto;}

#page {
	width: 940px;
	margin: 24px 0 0 0;
	float:left;
	font-size: 1.2em;
	background: url(images/bg_content.png) center top repeat-y;}

#page h2 a, #page h3 a{text-decoration: none;}
	#page h2 a:hover, #page h3 a:hover{color:#696;}

/* -------------------------------------------------
     HEADER (branding) 
------------------------------------------------- */
#header {
	width: 920px;
	/* height: 186px; */
	/* background: url(images/branding.gif) no-repeat; */
	margin: 0 auto;}

/* #logo {visibility: hidden;} */ /* prevents display of site title text in favor of a graphic logo */

/*
	#logo h1 {
		padding-top: 50px;
		font-size: 2.5em;
		font-family: Times, "Times New Roman", serif;
		font-weight: normal;}
	
		#logo h1 a {color: #fff;} 
*/

#logo a:visited{color:#92a2d2;}

/* -------------------------------------------------
     MENU (navigation) 
------------------------------------------------- */
#menu {
	float: right;
	margin: 40px 0 0 0;}

	#menu ul {
		margin: 0;
		list-style: none;}
	
	#menu li {float:left;}
	
	#menu a {
		display: block;
		float: left;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;
		font-size: 1.4em;
		color: #fff;}
	
		#menu a:hover {background: #b6d6b4; color:#333;}
	
/* -------------------------------------------------
     MAIN CONTENT 
------------------------------------------------- */
#content{
	clear:both;
	width:920px;
	margin:0 auto;
	padding: 0;
	background:#fff; 
	margin-bottom:20px;}
	
.post {
	float: left;
	width: 570px;
	background: #fff;
	padding: 20px 20px 0 10px;
	margin:0 0 10px 10px;
	line-height: 1.5em;}

	.post h2 a{color:#5d6483;}

.entry{margin-bottom: 20px;}

.title {
	text-decoration: none;
	font-weight: bold; 
	color:#333; 
	font-size: 1.2em;
	padding:5px 0;
	margin-bottom:10px;
	border-bottom: solid 1px #c5c5c5;}

.meta {
	margin: 0;
	padding: 10px 0;
	color: #999;}
	
	.meta a {color: #b6d6b4;}
	.meta a:hover{color:#b6d6b4;}

.navigation{
	clear:both; 
	margin:10px 0 0 0; 
	padding:5px 0; 
	border-top:solid 1px #c5c5c5;}
	
	.left{float:left;}
	.right{float:right;}

/* -------------------------------------------------
     SIDEBAR
------------------------------------------------- */
#sidebar {
	float: right;
	background: #fff;
	width: 270px;
	padding: 0px 10px 20px 10px;
	line-height: 1.5em;}

	#sidebar p.rule{border-bottom:solid 1px #ccc;  padding-bottom:10px;}
	#sidebar ul{margin-bottom: 20px;}
	#sidebar li{padding: 4px 0;}
	
#rss{
	margin:20px 0; 
	padding:5px; 
	background: #fcf6e1;
	font-size: 1.2em;
	border: solid 1px #ffefa6;}
	
	#rss a{
		display:block; 
		color:#5d6483; 
		padding:5px; 
		background: url(images/feed-icon-24x24.png) right no-repeat;}
	
	#rss a:hover{color:#5d6483 !important; text-decoration: underline;}
	
/* -------------------------------------------------
     ANCILLARY (secondary content)
------------------------------------------------- */
#ancillary {
	clear: both;
	width: 920px;
	background: #fff;
	color: #696;
	margin:0 auto;}

	#ancillary h2 {
		margin: 0 0 10px 0;
		color: #5d6483;}
	
	#ancillary a {
		text-decoration: none;
		color: #696;}
	
		#ancillary a:hover {text-decoration: underline;}

	#ancillary ul {
		margin: 0;
		padding: 0;
		list-style: none;}
	
	#ancillary li {display: block; line-height: 1.6em;}
	
		#ancillary li li {
			display: list-item;
			float: none;
			width: auto;
			padding: 0;}

.box{float:left; width:180px; padding:20px; margin:0 5px;} /* column styling for the secondary content */

#searchform{padding:2px 0; margin:5px 0;}

	#s{width:135px; padding: 4px; border: solid 1px #c5c5c5;}

	#searchsubmit{border:none; background: #5d6483; color:#fff; padding: 4px;}
		#searchsubmit:hover{background: #696; cursor: pointer;}

/* -------------------------------------------------
     COMMENTS 
------------------------------------------------- */
#comments{
	clear:both;
	padding: 20px 10px 0 0;
	margin:0 0 10px 0;}
	
ol.commentlist li{
	padding: 5px; 
	margin-left:5px;
	border-bottom: solid 1px #ddd;}

/* -------------------------------------------------
     COMMENT FORM 
------------------------------------------------- */
#respond{
	clear:both;
	padding: 20px 20px 0 10px;
	margin:0 0 10px 0;
	border: solid 1px #ddd;
	background: #f6f6f6;}

#commentform input, #commentform textarea{padding:2px 0; border: solid 1px #ddd;}

	#commentform input, select {width:250px;}
 
	#commentform textarea{width:500px;}
	
	#author, #email, #url{font-size: 1.2em;}

	#commentform #submit{
		background: #5d6483; 
		border: none; 
		width:100px; 
		padding:5px; 
		color:#fff;}
		
		#commentform #submit:hover{
			background: #696; 
			border: none; 
			color:#fff; 
			cursor: pointer;}

/* -------------------------------------------------
     FOOTER 
------------------------------------------------- */
#footer_wrap{clear:both; background:#363636;}

#footer {
	height: 75px;
	width: 920px;
	margin: 0 auto;
	background: url(images/footer2.gif) bottom repeat-x;}

#footer p {
	margin: 0;
	padding: 20px 10px;
	color:#fff;
	font-size: 1.2em;}

#footer a{color:#669; text-decoration: none;}
	#footer a:hover{color:#696;}

#legal {float:left;}

#links {float:right;}

/* -------------------------------------------------
     MISC 
------------------------------------------------- */
.clear{clear:both;}

.pagetitle{margin:10px 0 20px 0;}

.alignleft{float:left; margin: 0 15px 5px 0;}
.alignright{float:right; margin: 0 0 5px 15px;}

.wp-caption-text{font-style:italic; padding: 5px 0; color:#696;}
.wp-caption{}

/* SITE COLORS:

	5d6483: purple
	696: green
	lt yellow: fcf6e1
	mid yellow: ffefa6
*/