/* --------------------------- */
/* STANDARD HTML TAG DEFINTION */
/* --------------------------- */

body, form, input {
	background-color:#101010;
	font-family:"Palatino Linotype", Arial, Helvetica, sans-serif;
	font-size:93%;
	background-image: url('../../images/bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	color:#fff;
}

body {
	background-color: #000000;
}

h1 {
	font-size:3em;
}

h2 {
	letter-spacing:-1px;
	font-size:2em;
}

h3 {
	font-size:1em;
}

a:link,
a:visited {
	color:#ccc;
}

a:hover,
a:active {
	color:#fff;
}

p, ul, ol {
	margin-top:1.8em;
	line-height:180%;
}

ul, ol {
	padding-left:3em;
}

blockquote {
	padding-left:3em;
	padding-right:3em;
}

/* New header/menu styles */

#main_logo {
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/logo.png', sizingMethod='crop');
}

#hd a,
#hd img {
	border: 0 none;
}

.top_right_nav {
	color: #777777;
	font-weight: bold;
	padding-top: 14px;
	text-align: right;
	padding-right: 20px;
}

.top_right_nav a,
.top_right_nav a:link,
.top_right_nav a:visited {
	color: #777777;
	text-decoration: none;
}
.top_right_nav a:hover,
.top_right_nav a:active {
	color: #cc1017;
}

.main_menu {
	font-size:93%;
	border-collapse: collapse;
	margin-top: 94px;
	float: right;
	height: 24px;
}

.main_menu .main_menu-last,
.main_menu .main_menu-first {
	margin: 0;
	padding: 0;
}
.main_menu .main_menu-first div{
	background-image: url('../../images/menu.sprite.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 8px;
	height: 24px;
	margin:  0 1px 1px 0;
	position: relative;
	top: 1px;
	*top: -12px;
	_top: -2px;
}

.main_menu .main_menu-last div {
	background-image: url('../../images/menu.sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -25px;
	width: 8px;
	height: 24px;
	margin:  0 0 1px 1px;
	position: relative;
	top: 1px;
	*top: -12px;
	_top: -2px;
}

.main_menu #menu_container {
	border: 0 none;
	background: none;
}

.yui-skin-sam .main_menu .yuimenubaritem {
	border: 0 none;
	background: #101010 url('../../images/menu.sprite.png') repeat-x scroll 0 -100px;
	margin-right: 1px;
	height: 24px;
}

.yui-skin-sam .main_menu .yuimenuitem {
	border: 0 none;
	background: #101010 url('../../images/menu.sprite.png') repeat-x scroll 0 -100px;
}

.yui-skin-sam .main_menu .yuimenuitem-selected {
	border: 0 none;
	background: #dddddd;
}

.yui-skin-sam .yuimenu .bd {
       background-color: #101010;
}

.yui-skin-sam .main_menu .yuimenubaritem-selected {
	background-position: 0 -125px;
}

.yui-skin-sam .main_menu .yuimenubaritem.current-page,
.yui-skin-sam .main_menu .yuimenubaritem-selected.current-page {
	position: relative;
	top: -1px;
	background-position: 0 -150px;
	height: 24px;
}

.yui-skin-sam .main_menu .yuimenubaritem.last {
	margin-right: 0;
}

.yui-skin-sam .main_menu .yuimenubaritemlabel {
	border: 0 none;
	font-weight: bold;
	padding: 0 18px 0 4px;
}

.yui-skin-sam .main_menu .yuimenubaritemlabel-selected {
	color: #dddddd;
	cursor: pointer;
}

.yui-skin-sam .main_menu .yuimenubaritem.current-page .yuimenubaritemlabel,
.yui-skin-sam .main_menu .yuimenubaritem-selected.current-page .yuimenubaritemlabel-selected {
	color: #dddddd;
	cursor: default;
	padding-top: 1px;
}

/* ------------ */
/* PAGE CONTENT */

#doc2 {
	width: 950px;
}


/*#page {
width:940px;
margin:0;
padding:30px 20px 20px;
}*/

#content {
    width:600px;
    padding:30px 20px 20px;
}

.post {
    margin-bottom:40px;
}

.post .title {
    border-bottom:1px solid #fff;
}

.post .title a {
    text-decoration:none;
}

.post .entry {
    padding:0 20px;
}

.post .meta {
    height:20px;
    line-height:normal;
    padding:15px 20px;
}

.post .meta a {
    text-decoration:none;
    font-weight:700;
}

.post .meta .comments {
    float:right;
}

/* ------- */
/* SIDEBAR */


#bd .yui-b.sidebar,
#sidebar {
	width: 240px;
}

#sidebar ul {
	width: 240px;
    list-style:none;
    margin:0;
    padding:0;
}

#sidebar li ul {
padding:0 0 20px 0;
}

#sidebar h2 {
height:50px;
font-size:1.6em;
padding:13px 20px 0;
}





/* ------ */
/* FOOTER */

#footer {



    float:none;
    background:#262626;
}

#footer p {
    padding:20px;
    text-align:center;
    vertical-align: middle;
}

/* ------ */
/* BUTTON */

a.button {
    background:url('http://mikefincher.com/images/button.gif');
    display:block;
    color:#555555;
    font-weight:bold;
    height:30px;
    line-height:29px;
    margin-bottom:14px;
    text-decoration:none;
    width:191px;
}

a:hover.button{
    color:#06C;
}

/* -------------- */
/* BUTTON CLASSES */

.download {
    background:url('http://mikefincher.com/images/download.png') no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.link {
    background:url('http://mikefincher.com/images/url.png') no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

/* ------ */
/* TABLES */

/*	table {
border:1px;
}

td {
border:1px;
}

table {
border-bottom:0px;
border-left:0px;
}

td {
border-top:0px;
border-right:0px;
}*/

/* ---- */
/* FORM */

.cssform p {
    width:300px;
    clear:left;
    margin:0;
    padding:5px 0 8px 0;
    padding-left:155px;
    border-top:1px dashed gray;
    height:1%;
}

.cssform label {
    font-weight:bold;
    float:left;
    margin-left:-155px; /*width of left column*/
    width:150px;
}

.cssform input[type="text"] {
    width:180px;
}

.cssform textarea {
    width:250px;
    height:150px;
}

/* ------------------------ */
/* .threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
    _margin-left:3px;
}