@charset "utf-8";
/* CSS Document */

/* =====================================
Population2
by: Edwin Lunandy

Swatch Colors
-------------

=====================================*/


@import url('typography.css');
/*
	RESET AND BASICS
*/

a { outline: none; }
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
a img { border: 0; background: none; }
img { vertical-align: middle; }
.clear { clear: both; }
fieldset { border: 0; }
table { border-collapse:collapse; border-spacing:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;
}
::selection {
background: #cc5630;
color: #fff;
}
::-moz-selection {
background: #cc5630;
color: #fff;
}
.button { background: #E13A09 url(/images/button-bg.png) top left repeat-x !important; color: white !important; font-weight: bold; font-size: 15px; -moz-border-radius: 5px !important; -webkit-border-radius: 4px !important; border: 0 !important; letter-spacing: -1px; padding: 5px 12px 4px 12px !important; }
.button:hover { background: #2e2e2e !important; cursor: pointer; }
.alignCenter { text-align: center; }
.float_left { float: left; }
.float_right { float: right; }
/*------------------------------------------------------------------

	MAIN

------------------------------------------------------------------*/	
/*
GENERAL
*/
body { background: #151515 url(../images/body-bg.jpg) repeat; }
#background { background: url(../images/wrapper-bg.jpg) no-repeat fixed center top; min-height:800px; }
#wrapper { /*overflow: auto;*/ }
/*
HEADER
*/
#header { margin: 0 auto; padding-top: 25px; padding-bottom: 10px; }
#header #main-logo { background: url(../images/logo.png) no-repeat; display: block; float: left; }
#header #main-logo a { display: block; text-indent: -10000px; width: 304px; height: 53px; }
/*NAV*/
ul#nav li { display: inline; }
ul#nav li a { display: block; float:left; height: 51px; width: 61px; margin-top: 12px; text-indent: -10000px; position: relative; background: url(../images/nav.png) no-repeat; }
ul#nav li.home a { background-position: left bottom; }
ul#nav li.work a { background-position: -61px bottom; }
ul#nav li.blog a { background-position: -122px bottom; }
ul#nav li.contact a { background-position: -183px bottom; }
ul#nav li.about a { background-position: -244px bottom; }
ul#nav li.home a:hover, ul#nav li.home a.active { background-position: left top; }
ul#nav li.work a:hover, ul#nav li.work a.active { background-position: -61px top; }
ul#nav li.blog a:hover, ul#nav li.blog a.active { background-position: -122px top; }
ul#nav li.contact a:hover, ul#nav li.contact a.active { background-position: -183px top; }
ul#nav li.about a:hover, ul#nav li.about a.active { background-position: -244px top; }
/*SLIDE*/
#slide-bg { height : 432px; background : url(../images/slide-bg.png) no-repeat 50% 0; }
#slide-holder { z-index : 40; width : 960px; height : 432px; position : absolute; background : url(../images/slide-bg.png) no-repeat; }
#slide-holder #slide-runner { top : 13px; left : 10px; width : 940px; height : 400px; overflow : hidden; position : absolute; }
#slide-holder img { margin : 0; display : none; position : absolute; }
#slide-holder #slide-controls { left : 0; bottom : 10px; width : 940px; height : 46px; display : none; position : absolute; }
#slide-holder #slide-controls p.text { float : left; color : #fff; display : inline; font-size : 10px; line-height : 16px; margin : 15px 0 0 20px; text-transform : uppercase; }
#slide-holder #slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 11px 15px 0 0; }
#slide-holder #slide-controls p#slide-nav a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; font-weight : bold; text-align : center; text-decoration : none; background-position : 0 0; background-repeat : no-repeat; }
#slide-holder #slide-controls p#slide-nav a.on { background-position : 0 -24px; }
#slide-holder #slide-controls p#slide-nav a { background: url(../images/slide-nav.png); }
/*
CONTENT
*/
#wrapper { padding-bottom: 30px; }
#content { margin-bottom: 20px; padding-top: 15px; padding-bottom: 30px; }
.bg-overlay { background: rgba(0, 0, 0, 0.4) }
h4 { margin-bottom: 20px; }
.recent-img { margin-bottom: 10px; padding-bottom: 10px; margin-top: 15px; }
/*
TWITTER
*/
#twitter_div { margin-bottom: 20px; }
ul#twitter_update_list { list-style: none; }
ul#twitter_update_list li { margin-bottom: 0px; padding: 0 0 10px 0; border-bottom: 1px solid #333; }
/*
FLICKR
*/
#flickr-feed { padding: 0px; margin:	15px 0px 0px; overflow:	hidden; }
#flickr-feed ul { list-style: none; float: left; padding: 0px; margin: 0px; font-size: 10px; }
#flickr-feed ul li { display: inline; }
#flickr-feed ul li img { border: none; padding: 0 5px 5px 0; width: 70px; height: 70px; opacity: 0.6; -moz-opacity: 0.6; }
#flickr-feed ul li img:hover { opacity: 1; -moz-opacity:	1; }
/*
PORTFOLIO
*/

.photo-container { height: 180px; width: 700px; margin-bottom: 45px; }
.photo-container h3 { margin-top: 5px; }
.photo-container img { width:700px; height: 180px; }


ul.gallery { list-style: none; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 20px; }
ul.gallery li { float: left; margin: 14px; padding: 0; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/ }
ul.gallery li a.thumb { width: 220px; /*--Width of image--*/ height: 138px; /*--Height of image--*/ cursor: pointer; }
ul.gallery li span { /*--Used to crop image--*/ width: 220px; height: 138px; overflow: hidden; display: block; }
ul.gallery li a.thumb:hover { background: #333; /*--Hover effect for browser with js turned off--*/ }
ul.gallery li h4 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 0; padding: 10px 0; }
ul.gallery li a { text-decoration: none; color: #777; display: block; }




.photo-title { text-align: right; }
/*
CONTACT FORM
*/
#contact_form { /*width: 625px; float: left; margin-left: 10px; margin-top: 10px; */ }
#contact_form input,  #contact_form textarea { padding: 5px; width: 430px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; border: 1px solid #666; background-color: #A8A8A8; margin: 0 0 18px; display: block; }
#contact_form textarea { height: 190px; }
#contact_form .submit-button { height: 30px; width: 76px; float: right; border: 0 none; outline: none; margin-top: 5px; margin-right: 15px; background-color: #212121; }
#contact_form textarea:focus,  #contact_form input:focus { background-color: #D1D1D1; }
#contact_form p { margin-top: 15px; margin-bottom: 25px; }
#contact_form input.submit-button:focus { border: 0 none; background-color: #212121; }
label { float: left; text-align: right; margin-right: 15px; padding-top: 5px; font-size: 1.6em; width: 145px; }
label.error { position: relative; padding: 3px; color: #da3939; font-size: 1em; text-align: right; font-style: italic; font-weight: normal; float: none; }
/*
ABOUT
*/		


#featured_work { margin-top: 30px; }
#featured_work img { margin-right: 10px; margin-top: 15px; }
#sidebar h3 { margin-top: 0.8em; margin-bottom: 0.4em; }
#vcard a, #resume a { background:url(../images/contact_card.png) no-repeat left center; display: block; padding-left: 20px; margin-bottom: 1em; }
#resume a { background:url(../images/doc_lines.png) no-repeat left center; }


	#social-facebook a,
	#social-flickr a,
	#social-linkedin a,
	#social-twitter a 							{ background: url(../images/facebook.png) top;	height: 40px; width: 100px; display: block;	text-indent: -10000px; }
	#social-flickr a							{ background-image: url(../images/flickr.png); }
	#social-linkedin a							{ background-image: url(../images/linkedin.png); }
	#social-twitter a							{ background-image: url(../images/twitter.png); }
	#social-facebook a:hover, 
	#social-flickr a:hover, 
	#social-linkedin a:hover, 
	#social-twitter a:hover 					{ background-position: bottom; }

/*
MISC
*/	
#soon { margin-top: 30em; margin-bottom: 30em; }
.m-bot25 { margin-bottom: 25px; }