/*
1.GLOBAL
2.LAYOUT
3.NAVIGATION
4.SPECIAL
*/

/* -- 1.GLOBAL -- */
		
* {margin: 0; padding: 0;}

html {
	overflow-y: scroll;
}
			
body {
	background: #000;
	padding: 25px 0;
}
						
/* -- 2.LAYOUT -- */

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
			
#header {
	background: url(../images/layout/container-top.png) 0 0 no-repeat;
	height: 20px;
	position: relative;
}
			
#masthead {
	position: absolute;
	top: 20px;
	left: 14px;
	width: 205px;
}
#masthead #logo {
	text-align: right;
	padding-bottom: 10px;
}
#masthead #logo a {
	margin: 0;
	padding: 0;
}
.description {
	clear: both;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#content {
	background: url(../images/layout/container.png) 0 0 repeat-y;
	padding: 0 23px 0 15px;
}
#main {
	float: right;
	padding-top: 50px;
	width: 675px;
}
#sidebar {
	float: left;
	margin-bottom: 10px;
	padding-top: 9.25em;
	padding-bottom: 20px;
	text-align: right;
	width: 205px;
}
			
#footer {
	clear: both;
	position: relative;
	background: url(../images/layout/container-bottom.png) 0 100% no-repeat;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
#footer #rss-icon {
	position: absolute;
	bottom: 5px;
	left: 195px;
}
		
/* -- 3.NAVIGATION -- */

/* - Main Navigation - */
ul#main-nav { 
	border-bottom: 1px #333 solid;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding-bottom: 1.5em;
	text-align: right;
}
ul#main-nav li {
	display: inline;
	margin: 0;
}
ul#main-nav li.page-item-5 {
	border-left: 1px #333 solid;
	padding-left: 4px;
}
ul#main-nav li.cat-item-3 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
ul#main-nav li a {
	text-decoration: none;
}
ul#main-nav li.cat-item-3 a {
	background-image: url(/wp-content/themes/butler/images/layout/nav-blog.png);
	display: block;
	width: 110px;
	height: 42px;
	text-indent: 999em;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul#main-nav li.cat-item-3 a:hover, ul#main-nav li.current-cat a {
	background-position: 0 -42px;
}
			
/* - Menus - */	
ul.menu { 
	list-style: none;
	font-size: 12px;
}
ul.menu li {
	margin: 0;
	padding: 0;
}
ul.menu li a {
	display: block;
	margin: 0;
	padding: 2px 0;
	text-decoration: none;
}
ul.menu li.current-cat a, ul.menu li a:hover {
	background: #fff440;
}
			
/* -- 4.SPECIAL -- */
		
span.replace, #skip-nav { /* Image Replacement */
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;			
}
						
/* Clear fix */
.clear:after, #content:after, .navigation:after{
	clear: both;
	content: "."; 
	display: block; 
	height: 0;  
	visibility: hidden;
}
.clear, #content, .navigation{
	display: block;
}
/*  \*/
.clear, #content, .navigation{
	min-height:1%;
}
* html .clear, * html #content, * html .navigation{
	height:1%;
}
/*  */