/*SDSF Styles 2010 by Jesse Williamson*/
@font-face {
	font-family: 'BebasRegular';
	src: url('BEBAS___.eot');
	src: local('☺'), url('BEBAS___.ttf') format('truetype'), url('BEBAS___.svg#webfont') format('svg');
}
/*start reset*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*stop reset*/

body
{
 font-size: 12pt;
 font-family: helvetica, arial, sans-serif;
 color: #4d4d4d;
 line-height: 150%;
}

p
{
 margin: 5px 0;

}

a
{
background:none repeat scroll 0 0 #F6F200;
color:#383838;
text-decoration:none;
font-family: BebasRegular, helvetica, arial, sans-serif;
padding: 2px;
}

a:hover
{
 cursor: pointer;
}

h1, h2, h3, h4, h5, h6, #navList li a
{
 font-family: BebasRegular, helvetica, arial;
}

h1
{
 font-size: 180%;
line-height: 190%
}

h2
{
  font-size: 170%;
 line-height: 130%;
}

h3
{
 font-size: 160%;
}

h4
{
 font-size: 150%;
}

h5
{
 font-size: 140%;
}

h6
{
 font-size: 130%;
}


.sdsfBody
{
 background: #0D0D0D url('cssImages/grungeTop.jpg') no-repeat top center;
}

.pageSection
{

width: 100%;
}

.centerer
{
 margin: 0 auto;
 width: 1000px;
  position: relative;
	overflow: hidden;
}

.logoHome
{
 float: left;
 padding: 25px 0 0 0;
}

.logoHome a
{
 background: transparent;
}

#navMenu
{
 float: right;
 padding: 10px 0 0 0;
}

#navList li
{
 float: left;
 padding: 0 10px;
}

#navList li a
{
 display: block;
 float: left;
 font-size: 110%;
 text-transform: capitalize;
 background: transparent !important;
}

#navList li a.active
{
 color: #f6f200
}

#navList li a.inactive
{
 color: #ffffff;
}

#featured
{
 width: 1000px;
 height: 375px;
 background: url("cssImages/featuresBG.png") no-repeat 0 0;
 margin: 20px 0 0 0;
 float: left;
}

#featuredPosts
{
 margin: 90px 15px 0;
 float: left;
 width: 820px;
 height: 277px;
 overflow:hidden;
position: relative;
}

#featuredPosts ul
{
 position: relative;
}

#featuredPosts ul li
{
 float: left;
}
.featuredPost
{
 height: 277px;
 width: 263px;
 float: left;
 background: url("cssImages/featuredPost.png") no-repeat 0 0;
 margin: 0 5px;
 overflow: hidden;
position: relative;
}

.featuredPostWrapper
{
 width: 240px;
 height: 240px;
 overflow: hidden;
 margin: 11px 0 0 11px;
 float: left;
 position: relative;
}

.featuredPostImageCont
{
 float: left;
 overflow: hidden;
 height: 240px;
 width: 240px;
 position: relative;
}

.featuredPostHover
{
 width: 240px;
 position: absolute;
height:240px;
 left: -240px;
 padding: 10px;
}

.featuredTitle
{
 font-family: BebasRegular, helvetica, arial;
 font-size: 20pt;
line-height: 24pt;
}

.featuredLink
{
 position: absolute;
 bottom: 20px;
 right: 30px;
 font-size: 14pt;
}

.slideControl
{
 height: 58px;
 width: 56px;
 float: left;
 display: block;
}

.slideControl:hover
{
 background-position: 0 -58px !important;
}

#featuredLeft
{
 background: url("cssImages/featuredLeftButton.png") no-repeat 0 0;
 margin: 190px 0 0 20px;
padding: 0px !important;
}

#featuredRight
{
 background: url("cssImages/featuredRightButton.png") no-repeat 0 0;
 margin: 190px 0 0 0;
padding: 0px !important;
}


#recentUpdates
{
 background: #fdfdfd url("cssImages/recentUpdatesBG.png") no-repeat 0 0;
 width: 1000px;
 float: left;
 min-height: 204px;
 padding: 0 0 20px 0;
}

#recentUpdateWrapper
{
 margin: 110px 0 20px 20px;
}

.recentUpdate
{
 width: 301px;
 float: left;
 margin: 0 25px 0 0;
 position: relative;
}

.recentUpdate h2
{
 margin: 0 0 10px 0;
}

.recentUpdate h2 a
{
 background: transparent;
}

.recentUpdate h2 a:hover
{
 background:none repeat scroll 0 0 #F6F200;
}

.recentUpdateLeader
{
 height: 182px;
 width: 301px;
 background: url("cssImages/recentLeadImageBG.png") no-repeat 0 0;
}

.recentUpdateImageWrapper
{
 width: 276px;
 height: 141px;
 background: #131313;
 overflow: hidden;
 margin: 12px 0 0 12px;
 float: left;
 position: relative;
}

#mainContentWrapper
{
 width: 1000px;
 background: #fdfdfd url("cssImages/pageBG.png") no-repeat 0 0;
 float: left;
}

.pageHeader
{
 height: 54px;
 width: 199px;
 margin: 20px;
}

#blogHeader
{
 background: transparent url("cssImages/blogLogo.png") no-repeat 0 0;
}

#teamHeader
{
 background: url("cssImages/teamLogo.png") no-repeat 0 0;
}

#mainContentLeft
{
 width: 666px;
 float: left;
 background: url("cssImages/rightBorder.png") repeat-y right top;
}

.singleBlog
{
 float: left;
 width: 626px;
 padding: 20px;
}

.singleBlogHeader
{
 float: left;
 font-family: BebasRegular, helvetica, arial;
 width: 626px;
 padding: 0 0 10px 0;
}

.singleBlogHeader h1
{
 float: left;
 width: 556px;
}

.blogMeta
{
 font-size: 10px;
 font-family: helvetica, arial;
clear: both;
}

.commentsCount
{
 height: 38px;
 width: 46px;
 background: url("cssImages/commentCountBG.png") no-repeat 0 0;
 color: #f6f200;
 float: right;
 text-align: center;
 padding: 5px 10px 10px 10px;;
 font-size: 150%;
}

.blogLeadImage
{
 width: 626px;
 height: 203px;
 background: url("cssImages/blogLeadBG.png") no-repeat 0 0;
 float: left;
}

.blogLeadImageWrap
{
 background: #131313;
 height: 162px;
 width: 601px;
 margin: 12px 0 0 12px;
 float: left;
 overflow: hidden;
 position: relative;
}

.blogLeadImageWrap img
{
 position: relative;
}


.blogExcerpt
{
 width: 626px;
 float: left;
}

.blogContent
{
 width: 626px;
 float: left;
 margin: 20px 0 0 0;
 overflow: hidden;
}

.singleBlogPage
{
 background: #4d4d4d;
 width: 611px;
 padding: 5px;
 color: #d7d7d7;
}

.blogSep
{
 float: left;
 background: url("cssImages/blogSep.png") no-repeat 0 0;
 width: 626px;
 height: 1px;
 margin: 20px 0 0 0;
}

.readOn
{ 
 display: block;
 float: right;
}

.readOn:hover
{
 background-position: 0 -33px;
}


.recentUpdate .readOn
{
 position: absolute;
 right: 0;
 bottom: 0;
}

.neverMind
{
 font-size: 11pt;
 font-weight: normal;
}

#teamHeader
{
 background: url("cssImages/teamLogo.png");
}

#teamWrapper
{
 padding: 20px;
}

.teamMemberWrapper
{
 width: 301px;
 background: url("cssImages/teamMemberBG.png");
 height: 320px;
 float: left;
 margin: 0 19px 0 0;
}

.teamMemberImageCont
 {
  width: 276px;
	height: 276px;
	margin: 11px 0 0 11px;
	float: left;
	position: relative;
	color: #ffffff;
	overflow: hidden
}

.teamMemberInfo
{
 width: 256px;
 height: 70px;
 background: #000000;
 font-family: BebasRegular, helvetica, arial;
 position: absolute;
 bottom: 0;
 padding: 10px;
 opacity: .80;
 filter: alpha(opacity = 80);
}

.teamMemberInfo a
{
 position: absolute;
 right: 10px;
 bottom: 10px;
}

#pageBottom
{
 width: 1000px;
 height: 47px;
 background: url("cssImages/pageBottomBG.png") no-repeat 0 0;
 float: left;
}

#footer
{
 background: #0D0D0D url("cssImages/grungeBottom.png") no-repeat center bottom;
 color: #ffffff
}

.footerSection
{ 
 width: 240px;
 padding: 47px 0 0 0;
 margin: 20px 20px 0 0;
 float: left;
}

.footerSection p
{
line-height: 105%;
float: left;
}

#address
{
 background: url("cssImages/address.png") no-repeat 0 0;
}

#contact
{
 background: url("cssImages/contact.png") no-repeat 0 0;
}

#contact p img
{
 position: relative;
 top: 10px;
 margin: 0 5px 0 0;
}

#contact a
{
 color: #ffffff;
}

#aboutUs
{
 background: url("cssImages/about.png") no-repeat 0 0;
 width: 460px;
}


#connectSDSF
{
 background: url("cssImages/elsewhere.png") no-repeat 0 0;
}

#footerSep
{
 background: url("cssImages/1000px_line.png") no-repeat 0 0;
 height: 1px;
 width: 1000px;
 margin: 10px 0;
 float: left;
}

#social a
{
  background: transparent !important;
}

#footerNav
{
 width: 500px;
 float: left;
 margin: 0 0 10px 0;
}

#copyright
{
 widht: 500px;
 float: right;
  margin: 0 0 10px 0;
	font-size: 90%;
}


#commentWrapper
{
 margin: 20px 0;
 width: 606px;
 padding: 0 10px;
}

#commentWrapper h3
{
 margin: 0 0 20px 0;
}

.commentlist li
{
padding: 10px 0 10px 0;
border-top: 1px dotted #4d4d4d
}

.commentlist li cite
{
 font-size: 14pt;
}

.commentlist li:first-child
{
border: none !important; 
padding-top: 0px;
}

.comment-meta
{
 font-size: 11px;
}

.comment-body p
{
 line-height: 24px;
}

#respond
{
 padding: 10px;
}

#respond p
{
 margin: 0 0 5px;
}

#respond p label
{
 font-size: 12px;
 font-style: italic;
}

#respond p input, #comment
{
 border: 3px solid #4d4d4d;
 background: #ffffff;
 padding: 5px;
 color: #4d4d4d;
}

#respond p input:focus, #comment:focus
{
 border: 3px solid #f6f200;
}


#submit
{
 cursor: pointer;
 font-family: BebasRegular, helvetica, arial;
 color: #4d4d4d;
 background: none !important;
 border: none !important;
 font-size: 14pt;
}

#submit:hover
{
 color: #f6f200;
}

#oldNewNav
{
 float: left;
}

#older
{
 float: left;
}

#newer
{
 float: right;
}

.showCommentForm
{
 display: block;
 cursor: pointer;
 margin: 10px 0;
}

.comment-author-admin
{
 background: #eaeaea;
 border: none !important;
}

.comment
{
 padding: 10px !important;
}

.singleBlogHeader h1 a
{
 background: transparent;
}

#sideBar
{
 margin: 0 0 0 20px;
 float: left;
}

.sidebarItem
{
 margin: 20px 0 0 0
}

.sidebarItem:first-child
{
 margin: 0px !important;
}

.neverMind
{
 font-size: 10px;
 cursor: pointer;
}