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

#container {margin:auto; width:900px; margin-top:20px;}

/*header*/
#header {float:left; width:900px; border-bottom:#FFF 1px solid; padding-bottom:20px;}
#logo {float:left}
#logo h1 {position:absolute; left:-9999px}
#logo h2 {position:absolute; left:-9999px}
#top_links {float:right;}
.email_link {background-image:url(../images/px_email.gif); background-position:right; background-repeat:no-repeat; padding-right:26px; list-style:none; display:inline}
.email_linkb {background-image:url(../images/px_email.gif); background-position:left; background-repeat:no-repeat; padding-left:26px; list-style:none; display:inline}

.phone_link {background-image:url(../images/px_phone.gif); background-position:right; background-repeat:no-repeat; padding-right:26px}
#contact_buttons {float:right;}
#contact_buttons li {text-align:right; margin-bottom:5px}
#contact_buttons a {color:#FFF}
#contact_buttons a:hover {color:#8f0000}
#nav {margin-top:37px; float:right; clear:right}
#nav span {visibility:hidden}
#nav ul {float:left}
#nav li {height:16px; display:inline; float:left; margin-left:15px}
#nav li a {display:block}
#nav li:hover {background-position:bottom; cursor:pointer;}
.nav_home {background-image:url(../images/nav_home.gif); width:52px}
.nav_about {background-image:url(../images/nav_about.gif); width:59px}
.nav_projects {background-image:url(../images/nav_projects.gif); width:86px}
.nav_blog {background-image:url(../images/nav_blog.gif); width:46px}
.nav_contact {background-image:url(../images/nav_contact.gif); width:82px}
.arrow_link {background-image:url('../images/px_arrow.gif'); background-position:right top; background-repeat:no-repeat; padding-right:12px; float:left; margin-top:16px; height:15px}
.arrow_link:hover {background-position:right bottom}

/*footer*/
#footer {float:left; border-top:#FFF 1px solid; padding-top:20px; width:900px; font-size:11px; margin:30px 0 40px 0; color:#333}
#footer a {color:#333}
#footer a:hover {color:#910000}
#footer_links {width:500px; float:left}
#footer_credits {float:right;}

/*homepge*/
#home_wrapper {float:left; margin-bottom:30px}
#home_image {height:303px; width:900px; float:left; border-bottom:#FFF 1px solid; margin-bottom:40px}
.home_heder {padding-bottom:20px}
#home_content {width:700px; float:left; height:376px; border-right:#FFF 1px solid}
#home_welcome {width:700px; float:left; border-bottom:#FFF 1px solid; padding-bottom:25px}
#home_welcome p {margin-top:18px}
#home_update {width:360px; float:left; padding:20px 20px 0 0}
#home_project {width:279px; float:left; border-left:#FFF 1px solid; padding:20px 20px 0 20px}
.project_home_description {margin:10px 0px 0px 0px}
.grey_text {color:#666666}
#home_blog {width:179px; height:100%; float:left; padding-left:20px; display:inline}
#home_blog h2 a {font-size:14px; color:#FFF}
#home_blog h2 a:hover {color:#8f0000}
.home_blog_date {color:#555; font-size:11px; padding:2px 0 7px 0}
.entrytext p {font-size:11px; padding-bottom:30px}

/*content*/
#content_wrapper {float:left; margin-top:45px; width:900px}
#left_text {width:239px; float:left; padding:0px 30px 0 0}
#content {width:600px; float:left; padding-left:30px; border-left:#FFF 1px solid; display:inline}
#contentb {width:600px; float:left;}

.content_header {margin-bottom:30px}

/*about*/
.friend {float:left; margin-bottom:30px}
.friend_img {float:left; margin-right:25px; width:214px}
.friend_text {float:left; width:361px}
.friend_text img {margin-bottom:10px}

.friend2 {float:left; margin-bottom:30px}
.friend_img2 {float:left; margin-left:25px; width:214px}
.friend_text2 {float:left; width:361px; text-align:right}
.friend_text2 img {margin-bottom:10px}

/*contact*/
#contact_form {width:420px; margin-top:20px}
.home_form_field {margin-bottom:18px}
.home_form_label {margin-bottom:8px}
input, textarea {background-color:#000; background-image:url(../images/bg_form_field.gif); border:#999999 1px solid; background-repeat:repeat-x; color:#CCC; font-family:"Courier New", Courier, monospace; font-size:14px}
.submitButton {background-color:#000000; background-image:none; border:none; float:right; margin-top:20px}
label.error {width: 250px; display: block; float: left; color: red; padding:2px 0 0 2px}

/*project landing page*/
#project_home {float:left; width:900px}
#current_project {float:left; width:580px; padding-right:30px}
#upcoming_projects {float:left; width:259px; padding-left:30px; border-left:#FFF 1px solid}
.project_header {margin-bottom:20px}
#project_title {float:left}
#project_title img {margin-bottom:20px}
#project_title p {font-size:16px; line-height:18px}
#project_info {width:580px; float:left; margin-top:10px}
#project_img {width:214px; float:left}
#project_img img {margin-bottom:20px}
#project_synopsis {float:left; width:580px; margin-bottom:20px}
#project_synopsis img {margin-bottom:10px}
#project_cast {float:left; width:580px; margin-bottom:20px}
#project_cast img {margin-bottom:10px}

#upcoming_title {margin:5px 0 10px 0; float:left; width:259px}
#upcoming_image {float:left; width:259px; margin-bottom:10px}
#upcoming_text {float:left; width:259px}


/*project page*/
#left_description {width:239px; float:left; padding:0 30px 0 0}
#left_description img {margin-bottom:40px}
#project_container {float:left}
#project_img {width:214px; margin-right:25px; float:left;}
#project_content {float:left; width:361px}
#project_content p {margin:15px 0 35px 0}

/*blog*/
#blog {float:left; background-image:url('../images/bg_blog.gif'); background-repeat:repeat-y; margin-top:20px}
#blog_header {float:left}
#blog_content {float:left; width:640px; margin-right:40px; padding-top:20px}

#blog_right {float:left; width:220px; padding-top:20px}
#blog_right a {color:#9c9c9c; font-size:13px}
#blog_right a:hover {color:#fff}

.blog_right_title {border-bottom:#999999 1px solid; padding:0 14px 10px 14px}
.blog_right_list {padding:0 14px 0 14px; margin:10px 0 20px 0}
.blog_right_list li {margin-bottom:2px}
.blog_date_right {color:#8f0000; font-size:10px; padding-bottom:12px}


#blog_content h2 {font-size:32px; font-weight:normal; margin-top:10px}
#blog_content h2 a {color:#9c9c9c; font-size:32px}
#blog_content h2 a:hover {color:#fff}
.blog_date {color:#8f0000; margin:15px 0 20px 0}
.blog_post {border-bottom:#FFFFFF 1px solid; float:left; margin-bottom:30px; padding-bottom:10px; width:640px}
.entry {float:left}
#respond h3 {margin-bottom:20px; color:#9c9c9c}
#comments {margin-bottom:20px; color:#9c9c9c}
.commentlist li {margin-bottom:20px; border-bottom:#333333 1px solid; padding-bottom:10px}
.pagetitle {font-size:16px; margin-bottom:30px; border-bottom:#333333 1px solid; padding-bottom:10px}
.comments_number {float:left}