* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
a img { border:none; }

a:link { color: #f89719; text-decoration: none; }
a:visited { color: #dca32e; text-decoration: none;  }
a:hover { color: #da8920; text-decoration: none; }

body { background:#29221b url(../images/bg_page.gif) repeat-x 50% 0; font-family:"Helvetica", Arial, sans-serif; font-size:12px; }
body.home { background:#29221b url(../images/bg_homepage.gif) repeat-x 50% 0px; border-top:3px solid #ffad01 }

/* PAGE ELEMENTS */
#container { width:960px; margin:0 auto; text-align:left; }
#logo { position:absolute; top:36px; left:10px; /*filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7l; */ }
#email { position:absolute; top:34px; right:10px; }

#content { margin:0 10px; }
#content.about #col1 { width:599px; }
#content.about #col2 { margin-left:30px; }

ul#list { background:#29221B; padding:10px; margin:30px auto; width:300px; border:1px solid #333; list-style:none; -moz-border-radius:10px; }
ul#list li { margin:10px; }

.entry { position:relative; height:1%; }
	.entry div { margin-top:10px; }
	a.noline  { border-bottom:none !important; }
.line, .commentlist li { position:relative; height:1%; background:url(../images/bg_dots.gif) repeat-x 0 100%; padding:20px 0; margin:0 !important }
	.line a img , a.noline img{ border:2px solid #333; }
	.line a:hover img, a.noline:hover img { border-color:#666; }
.half { width:48%; margin-left:5px; display:inline; float:left; }

h3#comments, h3#respond { margin-bottom:10px; line-height:25px; position:relative; font-size:25px }
h3#respond { margin-top:20px; }

.commentlist { padding:10px 10px 1px; background:#99938b; list-style:none; -moz-border-radius:10px;  }
.commentlist .avatar { float:left; margin:5px 5px 0 0 }
.commentlist li { padding:20px; margin:0pt 0pt 10px !important; border:1px solid #efefef; background:#efefef; -moz-border-radius:10px;  }
.commentlist li.alt { background:#dadada;  }

.category { float:left; width:50%; }

.postmetadata { margin:15px 0; border-bottom:2px solid #403a34; padding-bottom:20px; }
.postmetadata.last { border-bottom:none; }

.post { background:#221c16; padding:20px; margin:0 0 10px }	
.page { padding:0 0 0 20px; }

span.type { color:#b4b4b4; display:block; margin-top:3px; }
span.title { color:#FFAE00 !important }

.meta { z-index:1; line-height:15px;position:absolute; bottom:-5px; right:0px; background:#b6b0aa; padding:0 10px; font-size:11px }
	.meta span {  }
	.meta a { border-bottom:none; }
	.meta a:hover { border-bottom:none; }
	
h1 { margin-bottom:30px; padding:10px 20px; color:#fff; background:#14110d; line-height:26px; font-size:20px; font-weight:normal }
h1 a { color:#c3c3c3 !important }
h1 a:hover { color:#efefef !important; }

#col1, #col2, #col3 { float:left; display:inline; color:#dcc9b5; }
.home #content { padding:20px 20px 0pt; background:url(../images/bg_content.png); }
* html .home #content { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_content.png", sizingMethod="scale"); }
.home #col1 { margin:10px; width:415px; line-height:19px; color:#e8d0b7; font-size:16px; line-height:30px; }
	.home #col1 strong { font-size:20px; color:#fff; font-weight:normal }
	.home #col1 .intro { padding:0 0 20px; }
	.home #col1 a { font-size:13px; color:#f7941d; position:relative; z-index:1 }
	.home #col1 img { margin-top:10px; }

#col1 { width:590px; line-height:16px; }
	#col1 h1 { margin:5px 0; font-size:24px; line-height:32px; color:#fff; }
	#col1 h2 { margin:5px 0 0; font-size:18px; line-height:26px; color:#b9ac80; font-weight:normal; }
	#col1 h3 { margin:5px 0; font-size:17px; line-height:15px; color:#433d36; }
	#col1 h1 a, #col1 h2 a  { border-bottom:none; }
	#col1 li { margin-left:20px; }
	#col1 p { margin-bottom:15px; }
	* html #col1 li { margin-left:0; text-indent:20px; }
		
.home #col2 { width:415px; margin-left:50px; background:none; }

#col2 { width:310px; margin-left:40px; margin-bottom:20px; padding:20px 0; background:#1d1813; color:#dcc9b5; overflow:visible; }
	#col2 h4, #col3 h4 { color:#796b5e; text-transform:uppercase; font-size:10px; margin-bottom:5px; }
	#col2 a { color:#ffae00; }
	#col2 h3 { margin:10px 20px; color:#b9ac80; font-size:18px; font-weight:normal; }
	#col2 form { background:#fff; padding:5px; margin:20px; }
	#col2 input { width:190px; background:#fff; color:#000; font-style:italic; border:none; vertical-align:middle }
	#col2 input.submit { text-align:center; background:#f89719; width:67px; height:auto; padding:3px 0; color:#FFF; text-transform:uppercase; font-style:normal; font-size:12px }
	#col2 .links { margin:0 20px; background:#18130e; list-style:none; padding:10px; line-height:24px }
	#col2 .links a:hover { color:#da8920 }
	
ul.featured { margin-bottom:10px; list-style:none }
ul.featured a { display:block; margin:5px 20px; padding:10px; background:#18130e; color:#DCC9B5 !important }
ul.featured a:hover { background:#221C16 }
ul.featured li img { margin:3px 0pt 2px; opacity: .5; filter: alpha(opacity=50); -moz-opacity:.50 }
	
ul.buttons { list-style:none }
ul.buttons a { display:block; padding:15px 10px; font-size:18px; background:#372e23 url(../images/featured_arrow.gif) no-repeat 99% 3px; }
ul.buttons a:hover { background:#372e23 url(../images/featured_arrow_hover.gif) no-repeat 99% 3px; color:#FFF !important }
ul.buttons a strong { font-weight:normal; color:#fedeb4; }
ul.buttons li { margin:5px 20px; height:1% }
ul.buttons li.signup a { background:#372e23 url(../images/icon_rss.gif) no-repeat 97% 7px; }

#header { height:154px; z-index:1; position:relative; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#header ul { position: absolute; top:68px; right: 10px; width: 511px; height: 42px; z-index:2; }
#header ul li { position: relative; float: left; height: 42px; list-style: none; }
#header ul li a { cursor: pointer; cursor:hand; border-bottom:none; }
#header ul li a, #header ul li div { position: relative; display: block; height: 42px; text-decoration: none; color: #fff; font-size: 13px; }
#header ul li strong { position: absolute; top: 0px; left: 0px; display: block; height: 42px; }
#header ul li, #header ul li a, #header ul li strong, #header ul li div { background-image: url(../images/nav.gif); }

#header ul li.about, #header ul li.about a, #header ul li.about a strong { background-position: 0px 0px; width: 72px; }
#header ul li.work, #header ul li.work a, #header ul li.work a strong { background-position: -72px 0px; width: 78px; }
#header ul li.photos, #header ul li.photos a, #header ul li.photos a strong { background-position: -150px 0px; width: 87px; }
#header ul li.non-profit, #header ul li.non-profit a, #header ul li.non-profit a strong { background-position: -237px 0px; width: 124px; }
#header ul li.blog, #header ul li.blog a, #header ul li.blog a strong { background-position: -361px 0px; width: 69px; }
#header ul li.contact, #header ul li.contact a, #header ul li.contact a strong { background-position: -430px 0px; width: 81px; }

/* HOVER STATE */
#header ul li.about:hover a, #header ul li.about:hover a strong, #header ul li.about a:hover, #header ul li.about a:hover strong { background-position: 0px -42px; width: 72px; }
#header ul li.work:hover a, #header ul li.work:hover a strong, #header ul li.work a:hover, #header ul li.work a:hover strong { background-position: -72px -42px; width: 78px; }
#header ul li.photos:hover a, #header ul li.photos:hover a strong, #header ul li.photos a:hover, #header ul li.photos a:hover strong { background-position: -150px -42px; width: 87px; }
#header ul li.non-profit:hover a, #header ul li.non-profit:hover a strong, #header ul li.non-profit a:hover, #header ul li.non-profit a:hover strong { background-position: -237px -42px; width: 124px; }
#header ul li.blog:hover a, #header ul li.blog:hover a strong, #header ul li.blog a:hover, #header ul li.blog a:hover strong { background-position: -361px -42px; width: 69px; }
#header ul li.contact:hover a, #header ul li.contact:hover a strong, #header ul li.contact a:hover, #header ul li.contact a:hover strong { background-position: -430px -42px; width: 81px; }

/* ON STATE */
#header ul li.abouton, #header ul li.abouton strong, #header ul li.abouton div { background-position: 0px -84px; width: 72px; }
#header ul li.workon, #header ul li.workon strong, #header ul li.workon div { background-position: -72px -84px; width: 78px; }
#header ul li.photoson, #header ul li.photoson strong, #header ul li.photoson div { background-position: -150px -84px; width: 87px; }
#header ul li.non-profiton, #header ul li.non-profiton strong, #header ul li.non-profiton div { background-position: -237px -84px; width: 124px; }
#header ul li.blogon, #header ul li.blogon strong, #header ul li.blogon div { background-position: -361px -84px; width: 69px; }
#header ul li.contacton, #header ul li.contacton strong, #header ul li.contacton div { background-position: -430px -84px; width: 81px; }

.home #row2 ul { margin:35px 17px; width: 922px; height: 112px; z-index:2; }
.home #row2 ul li { position: relative; float: left; height: 112px; list-style: none; }
.home #row2 ul li a { cursor: pointer; cursor:hand; border-bottom:none; }
.home #row2 ul li a, .home #row2 ul li div { position: relative; display: block; height: 112px; text-decoration: none; color: #fff; font-size: 13px; }
.home #row2 ul li strong { position: absolute; top: 0px; left: 0px; display: block; height: 112px; }
.home #row2 ul li, .home #row2 ul li a, .home #row2 ul li strong, .home #row2 ul li div { background-image: url(../images/h_nav.jpg); }

.home #row2 ul li.about, .home #row2 ul li.about a, .home #row2 ul li.about a strong { background-position: 0px 0px; width: 357px; }
.home #row2 ul li.work, .home #row2 ul li.work a, .home #row2 ul li.work a strong { background-position: -357px 0px; width: 286px; }
.home #row2 ul li.blog, .home #row2 ul li.blog a, .home #row2 ul li.blog a strong { background-position: -643px 0px; width: 279px; }

.home #row2 ul li.about:hover a, .home #row2 ul li.about:hover a strong, .home #row2 ul li.about a:hover, .home #row2 ul li.about a:hover strong { background-position: 0px -121px; }
.home #row2 ul li.work:hover a, .home #row2 ul li.work:hover a strong, .home #row2 ul li.work a:hover, .home #row2 ul li.work a:hover strong { background-position: -357px -121px; }
.home #row2 ul li.blog:hover a, .home #row2 ul li.blog:hover a strong, .home #row2 ul li.blog a:hover, .home #row2 ul li.blog a:hover strong { background-position: -643px -121px; }
	
#footer { clear:both; background:url(../images/bg_footer.gif) no-repeat 0 5px; text-align:right; font-size:10px; color:#797570; padding-bottom:20px; }

/* SOCIAL BUTTONS */
div.socialBox {height:42px}
div.socialBox a{display:block;float:left; height:42px; margin-right: 20px; width:42px; background-position:0 0}
div.socialBox a:hover{background-position:0 -42px}

div.socialBox a.twitter {background-image:url(../images/icon_twitter.gif)}
div.socialBox a.facebook {background-image:url(../images/icon_facebook.gif)}
div.socialBox a.vimeo {background-image:url(../images/icon_vimeo.gif)}
div.socialBox a.youtube {background-image:url(../images/icon_youtube.gif)}



/* FORMS */
fieldset { border:none; }
legend { font-size:18px; }
.btn { width:auto !important; height:auto !important; border:1px solid #202a03 !important; padding:1px 3px !important; margin:0 !important; color:#90af37 !important; background:#344605 url(../images/bg_btn.gif) repeat-x }

.aligncenter { text-align:center; vertical-align:middle; }
.alignleft { text-algin:left; }
.alignright {  text-algin:right; }
img.alignleft { float:left; margin:0 10px 10px 0; }
img.alignright { float:right; margin:0 0 10px 10px; }
.floatright { float:right; }
.floatleft { float:left; }

.clearboth, .clear { clear:both; }
.clearfix:after { content: "."; display: block; clear: both;visibility: hidden;line-height: 0;height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }