/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}
body {
	background: #000 url(/img/header-bg.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4;
	}
/* Standardised Font Sizes */
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

h2.banner { width: 940px; height: 196px; }
h2.banner span { display: none; }
h2.home { background: url(/img/feature-home.jpg) no-repeat; }
h2.biography { background: url(/img/feature-biography.jpg) no-repeat; }
h2.audio-video { background: url(/img/feature-audio-video.jpg) no-repeat; }
h2.links { background: url(/img/feature-links.jpg) no-repeat; }
h2.contact { background: url(/img/feature-contact.jpg) no-repeat; }

h3 {
	color: #a6ce39;
	font-size: 115%;
	margin-bottom: 0.4em;
	}
	
h4 {
	color: #a6ce39;
	font-size: 95%;
	font-weight: bold;
	}
	
p {
	font-size: 95%;
	color: #fff;
	margin-bottom: 1em;
	}
p.footnotes {
	margin: 2em 0 0 0;
	color: #666;
	}
p span {
	color: #666;
	}
.clip p {
	font-size: 75%;
	color: #565656;
	float: left;
	clear: left;
	width: 100px;
	line-height: 1.6;
	}
.contact-details p {
	text-align: right;
	color: #565656;
	}
.contact-details p a {
	color: #565656;
	}
a { color: #fff; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a img { border: 0; }

/*---------------------------
		Core Layout Styles
---------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
	background: url(/img/bg.jpg) no-repeat;
	}
#header {
	height: 101px;
	position: relative;
	}
#content {
	padding: 27px 10px 0;
	}
#content .padFix {
	padding: 27px 0 20px 0;
	}
#left-content {
	width: 560px;
	float: left;
	}
#left-content .padFix {
	padding: 0 20px 0 0;
	}
#right-content {
	width: 380px;
	float: left;
	}
#right-content .padFix {
	padding: 0;
	}
.flash-wrap {
	margin-bottom: 20px;
	}
.flash-player {
	width: 380px;
	height: 73px;
	}
#audio-top {
	height: 3px;
	font-size: 0;
	background: url(/img/audio-top.gif) no-repeat;
	}
#audio-bottom {
	height: 3px;
	font-size: 0;
	background: url(/img/audio-bottom.gif) no-repeat;
	}
#video-top {
	height: 3px;
	font-size: 0;
	background: url(/img/video-top.gif) no-repeat;
	}
#video-bottom {
	height: 3px;
	font-size: 0;
	background: url(/img/video-bottom.gif) no-repeat;
	}
.clip {
	background: #0d0d0d;
	padding: 17px 16px;
	}
.clip .flash-player, .clip img {
	float: right;
	}
/*---------------------------
		Header Layout Styles
---------------------------*/
#header h1 {
	width: 356px;
	height: 101px;
	background: url(/img/gabriel-csaszar-logo.jpg) no-repeat;
	position: absolute;
	left: 10px;
	top: 0;
	
	}
#header h1 span {
	display: none;
	}
	
/*---------------------------
		Nav Layout Styles
---------------------------*/
ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 390px;
	height: 27px;
	position: absolute;
	right: 0;
	bottom: 14px;
	}
#top-nav li {
	float: left;
	}
#top-nav li a {
	display: block;
	height: 27px;
	}
#top-nav li a:hover {
	background-position: 0 -27px;
	}
#top-nav li.current a {
	background-position: 0 -54px;
	}
#top-nav li a span {
	display: none;
	}
#index a {
	width: 51px;
	background: url(/img/nav/home.gif) no-repeat;
	}
#biography a {
	width: 98px;
	background: url(/img/nav/biography.gif) no-repeat;
	}
#audio-video a {
	width: 111px;
	background: url(/img/nav/audio-video.gif) no-repeat;
	}
#links a {
	width: 57px;
	background: url(/img/nav/links.gif) no-repeat;
	}
#contact a {
	width: 73px;
	background: url(/img/nav/contact.gif) no-repeat;
	}

/*---------------------------
		Footer Layout Styles
---------------------------*/
#footer-outer {
	background: url(/img/footer-bg.gif) repeat-x;
	}
#footer {
	width: 960px;
	height: 123px;
	margin: 0 auto;
	}
#footer p { color: #272727; }
#footer .left {
	float: left;
	text-align: left;
	margin-top: 1em;
	}
#footer .right {
	float: right;
	text-align: right;
	margin-top: 1em;
	}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
#send-button {
	background: 0;
	float: right;
	}
form.std-form {
	width:490px;
	overflow:hidden;
	padding-top:6px;
}
form.std-form fieldset {
	margin:0;
	display:block;
	width:480px;
	overflow:hidden;
	border:0;
}
form.std-form legend {
	margin:0 0 12px 0;
	padding:8px 0;
	padding-bottom:0;
	color:#658180;
	font-weight:normal;
	font-size:100%;
	text-transform:capitalize;
}
form.std-form td {
	padding-bottom:15px;
}
form.std-form tr {
	vertical-align:top;
}
form.std-form h4 {
	margin-bottom: 0.3em;
	font-size: 100%;
	}
form.std-form label {
	display:block;
	color:#676767;
	font-size:100%;
	padding:0 0 6px 0;
}
form.std-form input, form.std-form textarea, form.std-form select {
	display:block;
	color:#444;
	border:1px solid #999;
	background: #eee;
	padding:4px;
	font-weight: bold;
	
}
form.std-form select option {
	padding:0 18px 0 0;
}
form.std-form textarea {
	font-family:Arial, sans-serif, serif;
	font-size:110%;
}
.input_text, .input_password, textarea, select {
	background:#fff url(/img/input-back-white.gif) repeat-x bottom;
	border:1px solid #a3b3bb;
	padding:3px 0;
}
form.std-form td.large input, form.std-form td.large textarea {
	width:380px;
}
form.std-form td.large {
}
form.std-form td select {
	width:auto;
}
form.std-form td.sub {
	padding:8px 0 0 23px;
}
label {
	color:#000;
	font-size:70%;
}
form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
}
label:hover, label.ie_hover {
	color:#666;
}

form.std-form input.submit, form.std-form input.submit:hover, form.std-form fieldset input.submit {
	margin:0;
	padding:0;
	border:0;
}
#error {
	border:1px solid #d0c73d;
	background:#FDFDE2;
	font-size:70%;
	padding:10px;
}
#error p {
	font-size:100%;
	color:#9c9307;
	font-weight:bold;
	margin:0;
	line-height:1.8em;
}

#contactForm table, #contactForm td, #contactForm th{
	border: none;
	}

form.std-form fieldset input.hide {
	display:none;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #F4923E;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid #a6ce39;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#F4923E;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }

/*---------------------------
		Misc Styles
---------------------------*/
.float-fix { clear: both; }
.clip-div {
	background: #0d0d0d;
	font-size: 0;
	}
.clip-div span {
	display: block;
	height: 2px;
	font-size: 0;
	background: url(/img/clip-div.gif) repeat-x;
	margin: 0 13px;
	}

/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active h3 {
	visibility:hidden;
	font-family:Verdana;
	line-height:1em;
	font-size: 14px;
	}