/*   
Theme Name: Gotham Dark
Theme URI: http://www.two24studios.com/
Description: Beautiful website design & development.
Version: 1.0
Author: Jason R. Walker
Author URI: http://www.two24studios.com/
*/
	
/* Reset Styles */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/* End Reset */

/* Global Styles */

body { background: #000 url(images/bg.jpg) no-repeat fixed top center;}

.clear { clear: both;}

.layout {
width: 960px;
margin: 0 auto;
}

#header {
width: 100%;
height: 134px;
padding: 0 0 6px 0;
background: url(images/header_bg.jpg) repeat-x top center;
}

.header {
width: 960px;
height: 134px;
}

#logo {
float: left;
width: 417px;
height: 134px;
background: url(images/logo.png) no-repeat 0 68px;
}

#logo h2 a {
display: block;
width: 196px;
height: 36px;
margin: 65px 0 0 15px;
text-indent: -999em;
}

#nav {
float: left;
width: 528px;
height: 134px;
}

#nav li {
float: left;
height: 134px;
text-indent: -999em;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav_work a {
display: block;
width: 108px;
height: 134px;
margin: 0 10px 0 0;
background: url(images/nav_bg.png) 0 0;
}

#nav_work a:hover { background-position: 0 134px;}

#nav_services a {
display: block;
width: 136px;
height: 134px;
margin: 0 11px 0 0;
background: url(images/nav_bg.png) -118px 0;
}

#nav_services a:hover { background-position: -118px 134px;}

#nav_about a {
display: block;
width: 112px;
height: 134px;
margin: 0 11px 0 0;
background: url(images/nav_bg.png) -265px 0;
}

#nav_about a:hover { background-position: -265px 134px;}

#nav_contact a {
display: block;
width: 140px;
height: 134px;
background: url(images/nav_bg.png) -388px 0;
}

#nav_contact a:hover { background-position: -388px 134px;}

#content {
width: 960px;
margin: 0 auto;
}

#welcome {
position: relative;
width: 960px;
height: 110px;
margin: 0 0 25px 0;
}

#title {
width: 700px;
height: 110px;
background: url(images/title.png) no-repeat left;
text-indent: -999em
}

#fav_icons {
position: absolute;
top: 43px;
right: 15px;
width: 115px;
height: 24px;
text-indent: -999em;
}

#fav_icons li {
float: left;
height: 24px;
}

#icon_disc a {
display: block;
width: 20px;
height: 24px;
margin: 0 10px 0 0;
background: url(images/fav_icons.png) 0 0;
}

#icon_disc a:hover { background-position: 0 24px;}

#icon_games a {
display: block;
width: 26px;
height: 24px;
margin: 0 13px 0 0;
background: url(images/fav_icons.png) -30px 0;
}

#icon_games a:hover { background-position: -30px 24px;}

#icon_toys a {
display: block;
width: 17px;
height: 24px;
margin: 0 11px 0 0;
background: url(images/fav_icons.png) -69px 0;
}

#icon_toys a:hover { background-position: -69px 24px;}

#icon_apple a {
display: block;
width: 18px;
height: 24px;
background: url(images/fav_icons.png) -97px 0;
}

#icon_apple a:hover { background-position: -97px 24px;}

#work, #services, #about, #contact {
position: relative;
width: 945px;
margin: 0 0 0 15px;
padding: 10px 0 100px 0;
overflow: hidden;
}

.featured_work, .services, .about, .contact {
position: relative;
float: left;
width: 300px;
margin: 0 15px 0 0;
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.featured_work h3, .services h3, .about h3, .contact h3 {
margin: 10px 0 10px;
padding: 0;

color: #fff;
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}

.featured_work p, .services p, .about p, .contact p {
margin: 0 0 15px;
padding: 0;

color: #666;
font: normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
text-align: justify;
}

#footer {
width: 100%;
height: 150px;
background: url(images/footer_bg.jpg) repeat-x bottom center;
}

.details {
width: 930px;
height: 100px;
padding: 0 15px;

color: #333;
font: normal normal 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: justify;
}

.details a {
color: #999;
text-decoration: none;
}

.details a:hover { text-decoration: underline;}

.details p { margin: 0 0 15px 0;}

.details strong { font-weight: bold;}

a.flickr { color: #09f;}

a.flickr span { color: #f39;}

a.krop { color: #999;}

.footer {
position: relative;
width: 960px;
height: 50px;

color: #777;
font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

#copyright {
position: absolute;
top: 21px;
left: 15px;
}

#copyright a {
color: #fff;
text-decoration: none;
}

#copyright a:hover {
text-decoration: underline;
}

#mt {
position: absolute;
top: 20px;
right: 15px;
width: 41px;
height: 16px;
background: url(images/mt.png) no-repeat 0 -16px;
text-indent: -999em;
}

#mt a {
display: block;
width: 41px;
height: 16px;
}

#mt a:hover {
background: url(images/mt.png) no-repeat 0 0;
}

.end { margin: 0;}

/* End Global */

/* Title Styles */

#title_work, #title_services, #title_about, #title_contact {
display: block;
width: 930px;
height: 50px;
margin: 0 15px;
text-indent: -999em;
}

#title_work { background: url(images/title_work.png) no-repeat left;}

#title_services { background: url(images/title_services.png) no-repeat left;}

#title_about { background: url(images/title_about.png) no-repeat left;}

#title_contact { background: url(images/title_contact.png) no-repeat left;}

#work_section, #services_section, #about_section, #contact_section { 
position: relative;
padding: 15px 0 0 ;
}

.pagenav {
position: absolute;
top: 31px;
right: 15px;
width: 170px;
height: 16px;
text-indent: -999em;
}

.pagenav li {
float: left;
height: 16px;
}

.prev a {
display: block;
width: 59px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat 0 0;
}

.prev a:hover { background: url(images/pagenav_bg.png) no-repeat 0 -16px;}

.prev_inactive {
width: 59px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat 0 -32px;
}

.next a {
display: block;
width: 58px;
height: 16px;
margin: 0 15px 0 0;
background: url(images/pagenav_bg.png) no-repeat -59px 0;
}

.next a:hover { background: url(images/pagenav_bg.png) no-repeat -59px -16px;}

.next_inactive {
width: 58px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat -59px -32px;
margin: 0 15px 0 0;
}

.top a {
display: block;
width: 38px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat -132px 0;
}

.top a:hover { background: url(images/pagenav_bg.png) no-repeat -132px -16px;}

/* End Title */

/* Work Styles */

#featured_work {
position: relative;
width: 1890px;
height: 310px;
}

.featured_preview a {
position: relative;
display: block;
width: 278px;
height: 178px;
padding: 10px;
border: 1px dashed #202020;
}

.featured_preview a:hover { border-color: #666;}

.featured_sash {
position: absolute;
top: -4px;
right: -5px;
width: 120px;
height: 72px;
z-index: 2
}

#work_thumbs {
position: relative;
width: 1890px;
height: 120px;
}

.thumb_preview a {
display: block;
float: left;
width: 98px;
height: 68px;
margin: 0 15px 0 0;
padding: 10px;
border: 1px dashed #202020;
}

.thumb_preview a:hover { border-color: #666;}

#worknav {
position: relative;
width: 1890px;
height: 50px;
}

#worknav_next {
position: absolute;
top: 16px;
left: 868px;
width: 53px;
height: 15px;
background: url(images/worknav_bg.png) no-repeat -13px 0;
}

#worknav_prev {
position: absolute;
top: 16px;
left: 945px;
width: 52px;
height: 15px;
background: url(images/worknav_bg.png) no-repeat 0 0;
}

#worknav_next a, #worknav_prev a {
display: block;
height: 15px;
text-indent: -999em;
}

#worknav_next a { width: 53px;}

#worknav_prev a { width: 52px;}

#worknav_next a:hover { background: url(images/worknav_bg.png) no-repeat -13px -15px;}

#worknav_prev a:hover { background: url(images/worknav_bg.png) no-repeat 0 -15px;}

/* End Work */

/* Services Styles */

.services h4 {
margin: 10px 0 5px;
padding: 0;

color: #999;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}

.services_list li {
width: 255px;
height: 28px;
margin: 0 0 10px 0;
padding: 12px 0 0 45px;
background: url(images/checklist_bg.png) no-repeat top left;
color: #666;
font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

.services_list li:hover {
background: url(images/checklist_bg.png) no-repeat bottom left;
color: #ccc;
}

.services_list strong { font-weight: bold;}

/* End Services */

/* About Styles */

.about img { margin: 0 0 10px 0;}

#experience li { margin: 0 0 10px 0;}

#resume {
width: 300px;
height: 40px;
}

#resume a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 0;
}

#resume a:hover { background-position:0 -120px;}

#portfolio {
width: 300px;
height: 40px;
}

#portfolio a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -40px;
}

#portfolio a:hover { background-position:0 -160px;}

#photos {
width: 300px;
height: 40px;
}

#photos a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -80px;
}

#photos a:hover { background-position:0 -200px;}

#networking {
width: 300px;
height: 40px;
}

#networking a { 
display: block;
width: 300px;
height: 40px;
text-indent: -999em;
background: url(images/experience_bg.png) 0 -80px;
}

#networking a:hover { background-position:0 -200px;}

#twitter_update_list a {
color: #333;
text-decoration: none;
}

#twitter_update_list a:hover {
color: #fff;
}

#twitter_update_list span a {
color: #f69;
text-decoration: none;
}

#twitter_update_list span a:hover {
color: #f39;
}

#twitter_update_list li {
margin: 0 0 15px;
padding: 0;

color: #666;
font: normal normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
text-align: justify;
}

/* End About */

/* Contact Styles */

.not_available li {
width: 255px;
height: 28px;
margin: 0 0 10px 0;
padding: 12px 0 0 45px;
background: url(images/notavailable_bg.png) no-repeat top left;
color: #666;
font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

.not_available li:hover {
background: url(images/notavailable_bg.png) no-repeat bottom left;
color: #ccc;
}

.not_available strong {
color: #888;
font-weight: bold;
}

#contact_me {
float: left;
width: 630px;
}

.required {
color: #fff;
border-bottom: 1px dashed #c00;
}

.no_title { padding: 47px 0 0 0;}

#contact_form input, #contact_form textarea { margin: 0 0 10px 0; border: none;}

.contact_input {
position: relative;
width: 300px;
height: 50px;
}

.contact_input label {
position: absolute;
text-indent: -999em;
}

#name_error, #email_error, #url_error, #verify_error {
position: absolute;
top: 12px;
right: 10px;
width: 16px;
height: 16px;
background: url(images/form_error.png) no-repeat top center;
text-indent: -999em;
}

#text_error {
position: absolute;
top: 208px;
left: 10px;
padding: 0 0 0 26px;
background: url(images/form_error.png) no-repeat top left;
color: #666;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name, #email, #url {
width: 235px;
height: 27px;
padding: 13px 0 0 65px;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#verify {
width: 76px;
height: 27px;
padding: 13px 0 0 224px;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#name { background: url(images/form_bg.png) 0 0;}

#name:focus { background: url(images/form_bg.png) 0 -160px;}

#email { background: url(images/form_bg.png) 0 -40px;}

#email:focus { background: url(images/form_bg.png) 0 -200px;}

#url { background: url(images/form_bg.png) 0 -80px;}

#url:focus { background: url(images/form_bg.png) 0 -240px;}

#verify { background: url(images/form_bg.png) 0 -120px;}

#verify:focus { background: url(images/form_bg.png) 0 -280px;}

#text {
width: 274px;
height: 114px;
padding: 13px;
background: url(images/textarea_bg.png) no-repeat 0 0;
color: #fff;
font: normal normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#text:focus { background: url(images/textarea_bg.png) 0 -140px;}

#submit {
display: block;
float: right;
width: 120px;
height: 40px;
background: url(images/submit_bg.png) 0 0;
border: none;
cursor: pointer;
font-size: 0;
line-height: 0;
text-indent: -999em;
}

#submit:hover, #submit:focus { background: url(images/submit_bg.png) 0 -40px;}

#message {
position: relative;
width: 615px;
height: 179px;
margin: 47px 0 0 0;
background: url(images/message_bg.png) no-repeat top center;
}

#message h4 {
position: absolute;
top: 65px;
left: 136px;
color: #fff;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
}

#message p {
position: absolute;
top: 89px;
left: 136px;
color: #ccc;
font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#message p a {
color: #6cf;
text-decoration: none;
}

#message img {
position: absolute;
top: 60px;
left: 60px;
}

/* End Contact */