/*
Theme Name: KeatonTech Default
Theme URI: http://keatontech.com
Description: The custom theme for keatontech.com
Author: Keaton Brandt
Author URI: http://keatontech.com
*/



body,
		html,head,body {
    		margin:0;
    		padding:0;
    		min-width:800px;
    		font-family: Helvetica;
    		background-color: #ddd;
    		font-size: 14px;
    		line-height: 150%;
    		
    	}
		body {
    		background-image: url(Background.png);
			background-repeat: repeat;
			background-position: center center;
    	}
    	#HeaderHolder {
			//position: fixed;
			width: 100%;
			height: 75px;
			top: 120px;
			z-index: 101;
		}
		#Header {
			margin: auto;
			width: 800px;
			margin: 0 auto;
			margin-top: -75px;
			padding-left: 20px;
			//display: inline;
		}
		#Content {
		}
		#AContent {
			margin: 0 auto;
			margin-top: 19px;
			margin-bottom: 0px;
			clear: both;
			position: static;
			color: #555555;
			line-height: 1.4;
		}
		#SideBar {
			width: 180px;
			float: right;
			margin-left: 610px;
			position: absolute;
			text-align: center;
			
		}
		#Main {
			width: 800px;
			margin: 0 auto;
		}
		#MainPage {
			background-image: url(Body_Middle.png);
			background-repeat: repeat-y;
			background-position: center center;
			min-height: 180px;
			margin-left: 10px;
			width: 560px;
			float: left;
			padding-left: 20px;
			padding-right: 200px;
			clear: none;
		}
		#TopBar {
			margin-top: 0 auto;
			background-image: url(TopBar.png);
			background-repeat: repeat-x;
			background-position: top center;
			//position: fixed;
			width: 100%;
			height:120px;
			left: 0px;
			top: 0px;
			text-align: center;
			z-index: 100;
			opacity: 0.98;
			-webkit-animation-name: TopBarOpen;
  			-webkit-animation-duration: 5s;
		}
		#SideImage {
			margin-top: 0 auto;
			background-image: url(Header_Side.png);
			background-repeat: repeat-x;
			background-position: top center;
			width: 100%;
			height: 75px;
			left: 0px;
			top:120px;
			text-align: center;
		}
		#BackgroundFadeTop {
			margin-top: -22px;
			background-image: url(BackgroundFadeTop.png);
			background-repeat: repeat-x;
			background-position: top center;
			//position: fixed;
			width: 100%;
			height: 30px;
			left: 0px;
			text-align: center;
		}
		#footer {
			clear: both;
			padding-top: 10px;
		}
		img
{  border-style: none;
}
		A:link {
			text-shadow: #eeeeee 0px 1px 1px;
			color: #0077aa;
			text-decoration: none;
			border-style: none;
		}
		A:visited {
			text-shadow: #eeeeee 0px 1px 1px;
			color: #617BA9;
			text-decoration: none;
		}
		A:hover {
			text-shadow: #ffffff 0px 0px 3px;
			color: #2299cc;
			text-decoration: none;
		}
		A:visited:hover {
			text-shadow: #ffffff 0px 0px 3px;
			color: #9582CB;
			text-decoration: none;
		}
		.Title {
			text-shadow: #ffffff 0px 1px 1px;
			margin-right: 6px;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		#Info {
			margin-top: -154px;	
			line-height: 24px;
		}
		.Posts {
			color: #333333;
		}
		.NormalHeader {
			background-image: url(HeaderNormal2.png);
			background-position: top center;
			background-repeat: norepeat;
			width: 194px;
			height: 75px;
			margin: auto;
			float: left;
			font-size: 20px;
			line-height: 17px;
			text-shadow: #efefef 0px 1px 1px;
			color: #505050;
			text-align: center;
		}
		.NormalHeader:hover {
			background-image: url(HeaderOver2.png);
		}
		#Selected {
			background-image: url(HeaderSelected2.png);
		}
		#Selected:hover {
			background-image: url(HeaderSelectedOver2.png);
		}
		#ControlBar {
			background-image: url(ControlBar.png);
			background-position: top center;
			background-repeat: norepeat;
			width: 800px;
			height: 60px;
			margin: auto;
			line-height: 17px;
			text-shadow: #ffffff 0px 1px 1px;
			text-align: center;
		}
		.Menu {
			margin: auto;
			background-image: url(MenuBar.png);
			width: 250px; 
			height: 300px;
			opacity: 0.9;
			margin-left: 175px;
			margin-top: 15px;
			position: absolute;
		}
		.SearchText {
 			background-image: url(SearchBar.png);
 			background-repeat: no-repeat;
 			background-position: top center;
 			height: 22px;
 			width: 130px;
 			//margin-left: -20px;
 			padding: 5px 10px 0px 10px;
 			border: 0px none;
 			outline: none;
		}
		.SearchText:hover {
 			background-image: url(SearchBarOver.png);
 			background-repeat: no-repeat;
 			background-position: top center;
		}
		#Footer {
			text-align: center;
			margin: 0 auto;
		}
		.post-meta {
			height: 16px;
			list-style: none;
			text-align: center;
			margin-left: -45px;
			margin-top: 0px;
			text-align: center;
			font-weight: bold;
			text-shadow: #ffffff 0px 1px 1px;
		}
		.ImageFloat {
			margin-right: 3px;
			width: 32px;
			height: 32px;
		}
		#Metadata {
			margin-top: 10px;
		}
		.NetworkIcons {
			opacity: 0.7;
			margin-right:3px;
			width: 36px;
			height: 36px;
			-webkit-transition: .2s linear;
			margin-left: 3px;
			margin-right: 3px;
		}
		.NetworkIcons:hover {
			opacity: 1.0;
			width: 48px;
			height: 48px;
		}
		.alignleft {
			float: left;
		}
		select {
			background: none;
			width: 135px;
		}