/*   
Theme Name: Wakeside Connection 2.0
Theme URI: http://connection.wakeside.com
Description: Wakeside Connection 2.0
Author: Aaron Edmonds
Version: 0.2

*/

a, a:link, a:visited {color: #333; text-decoration: none;}
input, textarea {font-family: Arial !important; color: #4b4b4b;}
input.alt {color: #999; font-style: normal !important;}
input[type="text"]:focus {outline-width: 1px;}
.content hr {background-color: #ccc; color: #ccc;}
.content img.alignleft {margin: 0.8em 0.8em 0.8em 0;}
.content img.alignright {margin: 0.8em 0 0.8em 0.8em;}

#wrapper {width: 776px; margin: 0 auto; color: #333;}

#header {margin: 0 4px; height: 95px;}
#header-top {position: relative; height: 65px;}
#header-top .alignright {width: 310px;}
#site-logo {position: absolute; top: 0; left: 0;}
#feature-fade {position: absolute; top: 20px; left: 200px; width: 224px;}
#feature-fade-inner {position: relative;}
#feature-fade li {position: absolute; top: 0; left: 0;}
#header .alignright img {display: block; float: left;}
#menu-wrap {clear: both;}
#header form {margin-top: 5px;}
#header input[type="image"] {float: left; display: block;}
#header input[type="text"] {float: left; width: 178px; height: 12px; padding: 2px 2px; font-size: 1.1em; border: 1px solid #ccc;}
#footer {margin: 10px 4px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#footer ul {float: left; width: 24%; border-left: 1px solid #ccc; padding-top: 2px;}
#footer li {padding-left: 10px;}
#footer li a, #footer li strong {display: block; padding-bottom: 5px; color: #999;}
#footer input[type="text"] {float: left; width: 140px; height: 14px; padding: 0 2px; font-size: 1.1em;}
#footer input[type="image"] {float: left;}

#shadow         {position: relative; background: url('images/content_layout_bg.gif') repeat-y top left; padding: 0 4px 9px 4px;}
#shadow-top     {position: absolute; top: 0; left: 0; width: 776px; height: 9px; background: url('images/content_layout_top_bg.gif') no-repeat top left; z-index: 10;}
#shadow-bottom  {position: absolute; bottom: 0; left: 0; width: 776px; height: 9px; background: url('images/content_layout_bottom_bg.png') no-repeat bottom left; z-index: 10;}
#main-top       {overflow: hidden; position: absolute; top: 0; left: 0; width: 768px; height: 1px; margin: 0 4px; background-color: #cecece; z-index: 10;}

#main {height: 100%; background: url('images/navleft_background.gif') repeat-y top left; z-index: 5;}

#sidebar {width: 134px; margin: 8px; float: left;}
#sidebar .widget {margin-bottom: 22px;}
#sidebar .widgettitle {padding: 4px 8px; margin-bottom: 4px; font: bold 1.1em Arial; color: #424242; text-transform: uppercase; border-bottom: 1px solid #d6d6d6;}
#sidebar .widget_logo {margin-top: 8px; margin-left: 8px;}
#sidebar .widget_categories {margin: 0 0 0 8px;}
#sidebar .widget_categories .widgettitle {display: none;}
#sidebar .widget_categories ul, #sidebar .widget_pages .page-item-8 {font: bold 1.1em Arial; color: #424242; text-transform: uppercase;}
#sidebar .widget_categories li {margin: 6px 0;}
#sidebar .widget_pages li.page-item-8 {margin: 6px 8px;}

#sidebar .widget_pages .widgettitle {display: none;}

#sidebar .widget_archive li {font-size: 1.1em; margin-left: 8px; line-height: 1.4em;}
#sidebar .widget_pages .page_item ul {display: none; margin-left: 6px; text-transform: none;}
#sidebar .widget_pages .page_item {margin: 4px 0;}
#sidebar .widget_pages .current_page_item > ul, #sidebar .widget_pages .current_page_ancestor > ul {display: block;}
#sidebar .widget_pages .current_page_item > a {color: #f90;}

#sidebar .print_newtagcloud li {margin-left: 8px; padding: 2px 0;}

#sidebar .widget_social .widgettitle {padding: 0; height: 1px; overflow: hidden;}
#sidebar .widget_social li {padding: 2px 0 0 8px; clear: both;}
#sidebar .widget_social li img {float: left; padding-right: 3px;}
#sidebar .widget_social li span {display: block; float: left; padding: 6px 0;}

#content {width: 618px; float: left;}

#topbar {background: url('images/navtop_background.gif') repeat top left; padding: 4px; font-size: 0.9em; height: 2.3em; border-bottom: 1px solid #d7d7d9;}
#topbar a {display: block; float: left; padding: 3px 10px; border-left: 1px solid #ccc; position: relative; color: #4b4b4b;}
#topbar a.first {border-width: 0; padding-left: 21px;}
#topbar img {position: absolute; top: .3em; left: 0;}
#topbar form {margin: 2px 0 0 10px;}
#topbar form div {float: left; padding: 0;}
#topbar input[type="image"] {float: left; display: block; margin-left: -2px;}
#topbar input[type="text"] {float: left; height: 12px; width: 180px; padding: 2px 2px; margin-top: 2px; border: 1px solid #ccc; font-family: Arial; line-height: 100%;}

.content a, .content a:link, .content a:visited {color: #333; text-decoration: none;}
.content .posttitle {font-size: 1.2em !important; margin-bottom: 0;}
.content h1.posttitle {font-size: 1.4em !important; margin-bottom: 0;}

.content .post {padding: 0 16px; margin-bottom: 30px;}
.content .post .entry {padding: 8px 0;}
.content .entry a, .content .entry a:link, .content .entry a:visited {color: #f90 !important;}

.content .postmetadata {position: relative; clear: both;}

.content .postmetadata .alignleft {width: 400px;}
.content .postmetadata .alignleft div {display: block; float: left;}

.content .postmetadata .alignright {position: absolute; bottom: 0; right: 0;}
.content .postmetadata .alignright a {display: block; float: left; padding-left: 6px;}
.content .postmetadata .alignright img {margin-bottom: -4px;}

.content small, .content .small {font-size: .9em;}

#comments {padding: 8px 16px;}

/*** Plugins ***/
div.wp-pagenavi {padding: 0 8px 15px;}
div.wp-pagenavi * {padding-right: 6px;}
div.wp-pagenavi .pages, div.wp-pagenavi .extend {display: none;}
div.wp-pagenavi .current {font-weight: bold;}

/*** Utilities ***/
.gray {color: #666;}
.alignleft  {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}