/*************************************************************/
/*   Design:  kevinfay.com                                   */
/*   Author:  Kevin Fay			                     		 */
/*   Date:    June 1, 2010                                   */
/*-----------------------------------------------------------*/

/* Overall */
body {font-size: 62.5%; margin: 0px auto; padding: 0px; background: url(images/bg-green.gif) top left repeat-x; background-color:#4a5c09; font-family: arial, sans-serif;}
.page-container-1 {width: 770px; margin: 0px auto; padding: 0px;}

/* Header */
#header {width: 770px; height: 310px; overflow: hidden;	margin: 0px; color: #fff; background: url(images/header.png) top left no-repeat; margin-bottom: 0px;}
#header h1 {width: 350px; margin: 0; padding: 0 0 0 67px; font-family: verdana, arial, sans serif; font-weight: bold; font-size: 18px; float:left;}
#header #container {width: 770px; height: 30px;}
#header #topmenu {font-family: verdana, arial, sans serif; font-size: 1.0em;}
#header #topmenu ul {float: right;margin: 3px 55px 0 0;color: #fff; font-weight: bold;}	
#header #topmenu li {display: inline; list-style: none;}
#header #topmenu #searchform {margin:10px 0 0 0;}
#customizable-search #button {background-color:#4a5c09; color: #fff;}
#customizable-search table {float:right;margin-right:82px}
#header #topmenu li a {display: block; float: left; margin: 0 0 0 10px; color: #fff; text-transform: uppercase;	text-decoration: none;font-size: 100%;}

/* Twitter */
.widget_twitter li {clear:both;	list-style:none;}
.widget_twitter li img {float:left;	margin-right:.5em;}
.widget_twitter li .clear {clear:both;}
.widget_twitter .time-meta, 
.widget_twitter .from-meta {font-size:14px;}
#header #callout {width: 579px; margin: 31px 0 0 90px; height: 145px; color:#000; font-size:22px;}
#header #callout ul {list-style:none;}
#header #callout li {list-style:none;}
#bird {margin:0 0 0 545px; height:75px;width:75px;background:url("images/sunbird.png");}

/* Navigation */
#nav {margin: 6px 0 0px 0; font-family: verdana, arial, sans serif;	font-size: 1.0 em; }
#nav ul {float: left; width: 770px; margin: 0 0 0 52px; color: #fff; font-weight: bold;}	
#nav li {display: inline;list-style: none;}
#nav li a {display: block; float: left;	margin: 0 10px;	padding-top: 3px; border-top: solid 3px #333322; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 100%;}
#nav a:hover {border-top: solid 3px #fff;}

/* 2 Column layout specific */
#content {float: left;	width: 500px; padding: 0 0 50px 20px; color: #000; font-size: 1.0em; text-align:justify;}
#content .container {clear: both; float: left; width: 500px; margin: 0px 0px 15px 0px; text-align:left;}
#content .frontpage p {font-size:150%; text-align:justify;}
.container p {padding: 7px 0 0 0;}

/* Lists */
#rightside .box .content ul,
#rightside .box .content ol,
#content ol {list-style-type:none;}

/* Headers */
h2 {overflow: hidden; width: 460px;	margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #99bb44; color: #4a5c09; font-weight: bold; font-size: 180%;}
h3 {color: #4a5c09; font-weight: bold; font-size: 180%;}
h4 {color: #4a5c09;	font-weight: bold; font-size: 150%;}
h5 {color: #99bb44; font-weight: bold; font-size: 130%;}

/* Links */
.post a,
#rightside a,
#footer a,
.commentlist a,
#callout a {color: #4a5c09; text-decoration: none;}
.post a,.post a:hover {font-weight:bold;}
.post a:hover,
#rightside a:hover,
#footer a:hover,
.commentlist a:hover,
#callout a:hover {color: #4a5c09; text-decoration: underline;}
a img {border: none; text-decoration:none;}
a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

/* Images */
img {border:1px solid #4a5c09;}
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}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Right side */
#rightside {overflow: hidden; float: right;	width: 190px; margin: 0 20px 20px 0; padding: 10px 0 10px 18px; text-align: left; color: #333322;
	background-color:#9BAE57; -moz-border-radius:1ex; -webkit-border-radius:1ex; -moz-box-shadow: 0 3px 5px #333; -webkit-box-shadow: 0 3px 5px #333;
	box-shadow: 0 3px 5px #333;	XImageTransform.Microsoft.Shadow(color=#333333,direction=135);}
#rightside p {margin: 0 0 5px 10px; line-height: 1.25em; font-size: 110%;}
#rightside .box {background-color:#fff; float:center; width:170px; margin: 10px 0; border: 1px solid #4a5c09; -moz-border-radius:1ex; -webkit-border-radius:1ex;}
#rightside .box .content {padding: 0 10px 10px 10px;}
#rightside h6  {margin: 0 0 10px 0;	padding: 3px 10px 4px 10px;	background-color: #4a5c09; color: #fff;	text-transform: uppercase; font-weight: bold;font-size: 120%;}
#rightside li {padding:0 0 0 20px; font-size: 12px; line-height:16px; background:url(images/bullet_arrow.png) no-repeat left top;}

/* Footer */
#footer {overflow: hidden; width: 710px; height: auto; margin: 0 0 20px 20px; padding: 10px; color: #333322; font-size: 1.0em;
	background-color:#fff; -moz-border-radius:1ex; -webkit-border-radius:1ex; -moz-box-shadow: 0 3px 5px #333; -webkit-box-shadow: 0 3px 5px #333;
	box-shadow: 0 3px 5px #333; XImageTransform.Microsoft.Shadow(color=#333333,direction=135);}
#footer p {text-align: left; line-height: 1.3em; font-size: 16px; padding: 10px 0 0 45px;}
#footer .socialmedia {width:480px; font-size: 10px; vertical-align:middle; margin-left: 20px;}

/* Post */
.post {margin-bottom:20px; background-color:#fff; padding:20px; border:1px solid #fff; -moz-border-radius:1ex; -webkit-border-radius:1ex;
  	-moz-box-shadow: 0 3px 5px #333; -webkit-box-shadow: 0 3px 5px #333; box-shadow: 0 3px 5px #333; XImageTransform.Microsoft.Shadow(color=#333333,direction=135);}
.wrappost {width: 460px; clear:both; height:22px; border-bottom: solid 3px #99bb44;}
.wrappost .title {float: left;}
.wrappost .date {float:right; padding-top:10px;}
.entry {margin:10px 0;}
.postmetadata ul {float: left; width: 460px; margin:20px 0 0 0;}	
.postmetadata li {display: inline; list-style: none; margin: 0 2px;	padding: 2px 0 2px 18px;}
li.read {background:url(images/view_more_text.png) no-repeat left center;}
li.cat {background:url(images/folder.png) no-repeat left center;}
li.tags {background:url(images/tag.png) no-repeat left center;}
li.comments {background:url(images/comment.png) no-repeat left center;}

/* Comments */
.commentlist li {margin:0 0 20px 0;width:460px;border-bottom:1px solid #9BAE57;}
.commentlist .bydate {width: 440px; padding-bottom:5px;	clear:both;	height:18px;}
.commentlist .by {float: left; font-weight:bold; font-size:12px;}
.commentlist .date {float:right; font-size:10px;}
.commenttext {clear:both; padding: 10px; width:420px;}
.color1 {background-color:#fff !important;}
.color2 {background-color:#9BAE57 !important;}
#commentsform .button {color: #fff; background-color:#9bae57; border:1px solid #000; -moz-border-radius:1ex; -webkit-border-radius:1ex; padding:5px; font-weight:bold;}

.error {color:#FF0000;}