/* bashfornash.css */

/* reset styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Arial, sans-serif;
	font-size:small;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************
* =style styles
*/

body {text-align:center;}

h1, h2, h3, h4, h5, h6, p { padding:.9em 60px .25em 50px; font-variant:small-caps; font-weight:bold; letter-spacing:.1em;}
p {padding-top:.4em; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {color:#F9F9F9;}

h1 {font-size:177%;}
h2 {font-size:161%; color:#F4F4F4;}
h3 {font-size:146%; color:#EEEEEE;}
h4 {font-size:133%; color:#E8E8E8;}
h5 {font-size:121%; color:#E3E3E3;}
h6 {font-size:100%; color:#DDDDDD;}

li h4 {font-size:120%; padding:0;}

#content ul { margin:.9em 60px .25em 50px; list-style:square inside; list-style:none;  font-variant:small-caps; }
#content li { padding-bottom:.5em; background: url(../pix/bullet.gif) no-repeat left 30%; padding-left:20px; }
*:first-child+html #content li { background-position:left 55%; }
#content ul a { display:block; }
* html #content li { padding-left:5px; }
#content a {
	line-height:1em;
	color:#E1821B;
	position:relative;
	}
#content a:hover {color:#5E6C79;}
abbr { border-bottom:1px dotted #fff; cursor:help;}

/**
*=Tooltips (dynamic styles) 
*/
.tooltip {
	display: block;
	font-size:80%;
	left: 1em;
	position: absolute;
	text-decoration: none;
	top: -6.4em;
	width: 195px;
	height:61px;
	background:url(../pix/tooltip.gif) top left no-repeat;
	letter-spacing:.1em;
	/*min-height: 44px;*/
	padding: 5px 20px 0 5px;
	
}
.tooltip span {margin-left: 60px; color: #6D7E8D; display: block; background:#fff; width: 155px;}

h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h3, h2+h4, h2+h5, h2+h6, h3+h4, h3+h5, h3+h6, h4+h5, h4+h6, h5+h6 { padding-top:.1em; } 

#bdyaction h3 {padding-bottom:1em;}

#wrap {position:relative; text-align:left; width:890px; margin:60px auto;}

#header h1 {
	position:relative;
	padding:0;
	width:709px; height:0;
	padding-top:115px;
	color:#f78f1e; font-size:150%;
	background:url(../pix/bashfornash.gif);
	}
#header a {
	width:350px;
	height:0; padding-top:100px; overflow:hidden;
	display:block;
	position:absolute;
	right:0;
	top:0;
	}

#content { width:709px; background:#acc6dd url(../pix/bottom.gif) no-repeat bottom left; color:#fff; padding:97px 0; margin-bottom:100px;}
/*#bdymoney #content { width:706px; } /* fixes IE overflow */
#content p { text-align:justify; line-height:1.3em; letter-spacing:.1em; font-variant:small-caps;}

/**************
*=vcard
*/

.vcard { margin:2em 60px .4em 50px;  line-height:1.3em; }
.org {margin-bottom:.6em;}

/****************************
* =nash face
*/

p#nash { position:absolute; text-indent:-3333px; background:url(../pix/nashes.gif) no-repeat; width:80px; height:80px; padding:0; }

#bdyindex #nash {top:120px; width:40px;}
#bdystory #nash {top:130px; left:30px; background-position:0 -80px;}
#bdyaffliction #nash {bottom:1px; left:200px; background-position:0 -160px; height:64px;}
* html #bdyaffliction #nash {bottom:101px;}
#bdydonate #nash {bottom:1px; left:360px; background-position:0 -160px; height:64px;}
* html #bdydonate #nash {bottom:101px;}
*:first-child+html #bdyaffliction #nash {bottom:101px;}
#bdyaction #nash {top:130px; left:320px; background-position:0 -240px;}
#bdymoney #nash {bottom:20px; right:190px; background-position:0 -320px;}
* html #bdymoney #nash {bottom:115px;}
*:first-child+html #bdymoney #nash {bottom:115px;}
#bdybash #nash {top:100px; left:120px; background-position:0 -424px; height:56px;}
#bdylinks #nash {bottom:10px; left:320px; background-position:0 -480px;}
* html #bdylinks #nash {bottom:115px;}
*:first-child+html #bdylinks #nash {bottom:115px;}
#bdygallery #nash {top:270px; background-position:-27px -560px; width:50px;}
#bdycontacts #nash {top:455px; left:659px; background-position:15px -80px; width:50px;}

/*	ie8 fix */
/*\*//*/
*:first-child+html #bdylinks #nash {bottom:10px;}
*:first-child+html #bdymoney #nash {bottom:20px;}
*:first-child+html #bdyaffliction #nash {bottom:1px;}
/**/

/*************************
* =gallery
*/
.largePhoto { margin-top: 25px; }
.largePhoto img{
	border: 6px #DEC78E solid;
	display:block;
	width:263px;
	margin:0 auto;
}

#thumbWrapper {	
	width:370px;
	margin:60px auto 100px auto;
	}
* html #thumbWrapper {
	margin-bottom:0;
	}


#content #thumbWrapper ul{
	
	list-style:none;
	float:left;
	padding: 3px;
	background: #E5DDBC;
	margin:0;
}

#content #thumbWrapper li { float:left; margin:5px; padding:0;}
* html #content #thumbWrapper li {display:block;}
*:first-child+html #content #thumbWrapper li {padding-bottom:5px; display:inline;}
/*\*//*/
*:first-child+html #content #thumbWrapper li {padding-bottom:0px;}
/**/

#thumbWrapper a { border: 2px #DEC78E solid; display:block; }

#thumbWrapper a:hover { border: 2px #CAB581 solid; border-right: 2px #B6A374 solid; border-bottom: 2px #B6A374 solid; }

#content #thumbWrapper img { display:block; }

/*************************
* =sIFR
*/

#oneboy {
	font-size:130%;
	color:#f78f1e;
	/*fight empty page*/
	margin-top:130px;
	position:relative;
	top:80px;
	}
* html #oneboy {
	margin-top:210px;
	}
*:first-child+html #oneboy, *:first-child+html.sIFR-hasFlash #oneboy {
	margin-top:210px;
	}
.sIFR-hasFlash #oneboy {
	color:#f78f1e;
	padding:0;
	margin:1.3em 50px 0 50px;
	line-height:1.1em;
	/*fight empty page*/
	margin-top:130px;
	position:relative;
	top:80px;
	}
* html.sIFR-hasFlash #oneboy {
	margin-top:210px;
	}
#committed {font-size:130%; color:#fff; padding-top:0;
	/*fight empty page*/
	padding-right:20px;
	position:relative;
	top:80px;
	}

.sIFR-hasFlash #committed {
	font-size:16px;
	color:#fff;
	line-height:1.1em;
	padding:0;
	margin:0 50px .25em 50px;
	/*fight empty page*/
	position:relative;
	top:80px;
	}
	
/*\*//*/
*:first-child+html #oneboy, *:first-child+html.sIFR-hasFlash #oneboy {
	margin-top:80px;
	}
/**/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*******************
* =navigation
*/

#nav {position:absolute; top:165px; right:0px;}

* html #nav {top:165px; left:681px;}

*:first-child+html #nav { top:165px; right:0px; width:166px;}


#nav li {display:block; height:20px; background:url(../pix/plus.gif) no-repeat 0 0; padding-left:35px; margin:11px 0 11px 0;}
*:first-child+html #nav li {width:166px;}

#nav li:hover {background:url(../pix/plus.gif) no-repeat 0 -20px;}

#nav li a {
	width:170px; height:20px;
	background:url(../pix/navi.gif) no-repeat 0 0px;
	color:#f78f1e; text-decoration:none;
	display:block; text-indent:-3333px;
	}
	
*:first-child+html #nav a {text-indent:0; height:0; overflow:hidden; padding-top:20px; display:inline-block;}

#nav #affliction a {background-position:0 -20px;}
#nav #action a {background-position:0 -40px;}
#nav #money a {background-position:0 -60px;}
#nav #bash a {background-position:0 -80px;}
#nav #links a {background-position:0 -100px;}
#nav #gallery a {background-position:0 -120px;}
#nav #contacts a {background-position:0 -140px;}
#nav #donate a {background-position:0 -160px;}

#nav #story a:hover {background-position:-183px -0px;}
#nav #affliction a:hover {background-position:-183px -20px;}
#nav #action a:hover {background-position:-183px -40px;}
#nav #money a:hover {background-position:-183px -60px;}
#nav #bash a:hover {background-position:-183px -80px;}
#nav #links a:hover {background-position:-183px -100px;}
#nav #gallery a:hover {background-position:-183px -120px;}
#nav #contacts a:hover {background-position:-183px -140px;}
#nav #donate a:hover {background-position:-183px -160px;}

#nav li a:hover {color:#acc6dd;}

#bdystory #story, #bdyaffliction #affliction, #bdyaction #action, #bdymoney #money, #bdybash #bash, #bdylinks #links, #bdygallery #gallery, #bdycontacts #contacts, #bdydonate #donate {
	background-position:0 -40px;
	}
#bdystory #story:hover, #bdyaffliction #affliction:hover, #bdymoney #money:hover, #bdybash #bash:hover, #bdylinks #links:hover, #bdygallery #gallery:hover, #bdycontacts #contacts:hover, #bdydonate #donate:hover, {background-position:0 -40px;}