body {color:#333333; font: 14px/18px Arial, Helvetica, sans-serif; margin:0;}
#wrap {width:760px; margin:0 auto 0 auto;}
#header {height:77px; background: transparent url(../images/gyft_header.jpg) no-repeat top left; margin:25px 0 0 0;}
a, a:active, a:visited, a:link {color:#296A06;} a:hover {color:#FF9900;}
h1 {color:#399408; font-size:25px; letter-spacing: -.8px; line-height: 25px; margin:0 0 10px 0;}
h2 {color:#399408; font-size:20px; line-height:20px; margin:0 0 2px 0;}
h3 {color:#399408; font-size:16px; margin:0;}
h4 {color:#333333; font-size:14px; margin:0;}
p  {margin:0 0 20px 0;}
.clearboth {clear:both;}

/* Navigation */
#navbg {height:36px; background: transparent url(../images/gyft_nav_bg.jpg) no-repeat top left; margin: 0 0 15px 0;padding: 0;}
ul#nav {height: 27px; overflow: hidden; z-index: 200;margin: 0;padding: 4px 0 0 0;}
ul#nav li {list-style-type: none; position: relative; float: left; margin-right:0px; padding: 0; height: 27px;}
ul#nav li a, ul#nav li a:link, ul#nav li a:visited {position: relative;display: block;height: 27px;}

/* Individual Navs */
#home a {background: url(../images/nav/home.jpg);background-position: 0 0;width: 69px;}
#about a {background: url(../images/nav/about.jpg); background-position: 0 0; width: 62px;}
#articles a {background: url(../images/nav/articles.jpg); background-position: 0 0; width: 75px;}
#contact a {background: url(../images/nav/contact.jpg);background-position: 0 0;width: 77px}
#blog a {background: url(../images/nav/blog.jpg);background-position: 0 0;width: 52px;}
#photos a {background: url(../images/nav/photos.jpg);background-position: 0 0;width: 66px}
#bio a {background: url(../images/nav/bios.jpg);background-position: 0 0;width: 49px;}
#nav li.active a, #nav li.active a:hover   {background-position: bottom;}
#nav li a:hover {background-position: 0 -27px;}	


/* Content */
#content {float:left; width:460px; margin:30px 0 0 8px;}
#content.home {margin:20px 0 0 8px;}
#footer {margin:30px 0; padding:10px 0 0 8px; border-top:1px solid #CCC;text-align:center}

#content.full {
	float:none;
	width:625px;
	margin:30px auto 0 auto;
}


/* Sidebar */
#sidebar {margin:30px 0 0 505px; width:250px;}
.sidebarbox {background:#fff8ab; padding:5px; margin:0 0 15px 0; border:1px solid #ffcb45; text-align:center;}
.sidebarbox img {border:0;}
.sidebarbox p {margin:10px 0 20px 5px; text-align:left}
.sidebarbox h4 {text-align:left; margin:10px 0 0 5px;}
.sidebarbox ul {list-style-type:none; padding:0; margin:4px 0 10px 0; text-align:left;}

.sidebarbox li a {display: block; text-decoration: none; padding:0.2em 0 0.2em 5px; text-align:left }
.sidebarbox li a:hover {text-decoration: none;}
.sidebarbox .active a:link, 
.sidebarbox .active a:visited, 
.sidebarbox .active a:hover, 
.sidebarbox .active a:active {font-weight:bold; color: #FF7700; border-right:5px solid #990000; background: #fffcde;}

#gallery a {
	margin:0 10px 10px 0; 
	float: left;
}

#gallery a img {
	padding:2px; 
	border:1px solid #ccc;
}

#gallery a:hover img{
	background:#ffdd00;
}
:focus {outline: none;}


.member {border-bottom:1px solid #e4e4e4; margin-bottom:15px;}
.member p, .member h4 {margin-bottom:15px;}
.member p, .member h3, .member h4 {margin-left:125px;}
.member img {border:1px solid #ccc; padding:2px; margin-bottom:15px; float:left}
.member br {clear:both;}

#alert {background:url(../images/alertbg.gif) bottom left no-repeat; margin:0 0 20px 0; padding:20px 8px 7px 20px; color:#FF7A0B; font-size:12px;}
#alert a{color:#C00; text-decoration:none;}

/* Form */
label {padding-top:5px; color:#212121;width: 80px;float: left;text-align: left;margin-right: 5px;display: block;font-weight:bold;}
#form p{margin:0 0 15px 0} #formerror {margin:10px 0 30px 0;color:#990000;padding:10px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}.alert {font-weight:bold;}
input, textarea {border:1px solid #ccc; padding:4px 3px} .submit {padding:0 0 0 85px;} 
.submit input {color: #FFF; background: #329A11; border: 1px solid #1E5D0A; font-size:16px; font-weight: bold; padding:5px 8px;}
.soon {color:#DF2111;}