/* *********************************
////////	MASTER STYLES	////////
********************************* */
body, html{color:#FFF;margin:0; padding:0; font-family: 'lucida grande', 'lucida sans unicode', arial, verdana, sans-serif;font-size:100%;background:url(http://www.washingtonffa.org/images/layout/top_bg.png) top left repeat-x #151515;}
*{margin:0; padding:0;}
p{margin:0; padding:10px 10px 0;text-align:justify;font-size:99%;}
h1, h2, h3{margin:0 0 0px; padding:0 0 .1em;font-weight:normal; border-bottom:solid 1px #FAFAFA; font-variant: small-caps;}
h3{border:none;margin-top:1em;}
h3.highlight{border-top:solid 1px #858585; border-bottom:solid 1px #858585; background:#252525; padding:2px 10px;}

h4{margin: 10px 0 0; text-decoration: underline;}
.small{font-size:75%;}
a{color:#FFE567; text-decoration:none;}
a:hover{color:#003666;}
.secondary a{color:#FFE567;}
.secondary a:hover{color:#FFF;}
em{color:#AB7800;}
dl{margin:10px 10px 0;}
li{margin-bottom:3px;}
p.small{margin:0; padding:0; }
.seperator{color:#990000;font-style:normal;}

#wrap{width:960px;margin:0 auto 0;}
.secondary{background:url(http://www.washingtonffa.org/images/layout/bottom_grad.png) left top repeat-x #003366;border-top:solid 1px #222;padding-top:10px;clear:both;color:#bbb;clear:both;}
.secondary h3{color:#bbb; border:0; background:transparent;margin:0 0 10px; padding:0;font-variant:normal;}
.secondary p, .secondary ul{font-size:80%;padding:0;text-align:left;margin-bottom:10px;}
.secondary ul{margin:0 0 10px 15px;}
.secondary ul li{margin:0;padding:0 0 1px;}
.clear{clear:both; visibility:hidden; border:0;margin:0;}
.wipe{list-style:none; margin:0; padding:0;border-collapse:collapse;border-spacing:0;}
.alt{border-top:solid 1px #CDD1D9;}
.second-heading{margin-top:10px;height:inherit;}
.quote{font-size:80%;color:#BDBDBD;}
.popup{color:#151515;}
.popup h2{border-bottom:solid 1px #151515;}

.pagination{width:100%; text-align:center;margin-top:10px; border-top:solid 1px #FAFAFA;padding-top:4px;}

/* ***********************************
/////// CLASS & ID LEVEL STYLES
*********************************** */


.header{height:150px;}
.header img{float:left;height:120px;margin:10px 20px 0 0;}
.header h1{border:0;margin:30px 0 0 20px;font-size:300%;color:#151515; }
.header h2{border:0; font-size:200%; color:#151515;}
.header span{color:#003366;font-weight:bold;}

.login{float:right; display:inline;}
.login li{float:left; list-style-type:none;margin:4px 0 0 0;padding:0 6px;color:#003366;font-size:80%;}
.login li{border-right:solid 1px #000;}
.login li a{color:#990000;}
.login li a:hover{font-style:italic;}

#login-form{padding:10px;display:inherit; float:none;}
.popup a{color:#990000;}
.form{color:#151515;}
.form ul{list-style-type:none;float:left;clear:left;}
.form ul li{margin-bottom:4px;clear:left;}
.form fieldset{margin-bottom:6px; padding:10px;background:url(http://www.washingtonffa.org/images/layout/fieldset_back.png) left top repeat-x;border:solid 1px #353535;-moz-border-radius:5px;-webkit-border-radius: 5px;}
.form legend{font-size:110%;}
.form .submit_fieldset{border:0; padding:0;border:0;background:transparent;}
.form label{width:6em; float:left;margin-right:.3em;}
.form .text, .form .textarea{width:18em;border:solid 1px #353535; padding:2px; font-size:90%; background:url(http://www.washingtonffa.org/images/layout/form_shadow.png) left -6px repeat-x #fff;-moz-border-radius:3px;-webkit-border-radius: 3px;}
.form .textarea{width:18em; clear:left;}
.form h3{margin:0 0 6px; height:inherit;}
.add-comment legend{color:#FFE567;}
.add-comment .pencil{float:left;width:30px;margin-right:10px;}
.captcha img{width:inherit; height:inherit; padding-top:4px;}
.form .small label, .form .wide label{width:240px;}

 
.nav ul{float:left;}
.nav ul li{float:left; margin-right:4px;}
.nav a{display:block; padding:2px 4px; border:solid 1px #eee;}


.top-list ul{font-size:80%;margin-top:1em;}
.top-list li{border-bottom:solid 1px #ddd;margin:0;}
.top-list a{padding:4px 0 1px 4px; display:block;}
.top-list a:hover{background-color:#333;color:#FAFAFA;}
.top-list span{font-size:70%;color:#ddd;}


table.photos {width:100%;margin-bottom:10px;}
.photos{clear:both;}
.photos a{display:block;width:50px; height:50px;padding:4px; background:#eee; border:solid 1px #FAFAFA;margin-bottom:5px;}
/*.photos img{padding:4px; background:#eee; border:solid 1px #FAFAFA;margin-bottom:5px;}*/
.photos a:hover{background:#FFF;border-color:#333;;}

.profile img{border:solid 1px #FAFAFA; padding:4px;max-width:150px;margin-top:10px;}
.bio{margin-top:10px;}

.resources form{margin-bottom:10px; padding:0;}

.add-comment{}

#footer{clear:both;border-top:solid 1px #333;background:#151515;width:960px; margin:0 auto;}
#footer .grid{margin:10px 10px 0;}
#footer div{margin-top:15px;}

/*   COMMENT LIST STYLES */
.comments li{width:500px;font-size:85%;clear:both;margin-bottom:8px;padding:2px 10px 0px;}
.comments span{padding:2px 0 6px;}
.comments span.name{width:140px;display:inline;float:left; clear:left;}
.comments span.name span{clear:left;display:block;margin:0 0 4px;padding:0;}
.comments span.c_content{width:350px; margin-left:10px;display:inline;float:left;padding-top:4px;}
.comments span.name i{display:block; font-size:75%;width:140px; float:left;border-top:solid 2px #757575;padding-top:2px;}
.comments p{margin:0;padding:0;}
.comments img{ padding:3px; float:left;margin:6px 0;}
.c_two{background-color:#202020;-moz-border-radius:5px;-webkit-border-radius: 5px;}

/* BLOG LIST STYLES */
span.rss{font-size:95%;display:block; margin:6px 0;}
span.rss img{margin-right:0px;width:16px;}
.blog_short{padding:10px;}
.blog_short h3{ border-bottom:solid 1px #656565;font-size:150%;padding-bottom:3px;height:inherit;}
.blog_short p{padding:4px 0;}
.blog_short .small{margin:5px 0px 5px 10px;display:block;font-style:italic; color:#858585;} 

/* ***** PHOTO GALLERY **** */
.big-thumbs img{width:130px; margin:0 auto; display:block;max-height: 100px;}
.big-thumbs div{margin:10px auto 5px; width:130px; max-height:100px; overflow:hidden; padding:4px;background-color:#fff; border:solid 1px #fff;}
.big-thumbs{text-align:center;}

/* **** SYSTEM MESSAGE **** */
.system-message h2{
    text-align:center;
    border:solid 1px #FFCC00 !important;
    padding:5px 10px;
    -moz-border-radius:8px;
    -webkit-border-radius: 8px;
background-color:#FFE567;
color: #003366;
}
.system-message a{
    color:#252525;
    font-style:italic;
}
.system-message a:hover{
    color: #858585;
}