/*
Theme Name: Eric Beckman's Portfolio
Theme URI: http://www.ericbeckmandesigns.com/
Description: The theme designed to show case my portfolio of work.
Version: 2.0 (WP2.6.2)
Author: Eric Beckman
Author URI: http://www.ericbeckmandesigns.com/
Tags: portfolio, theme, graphic, design, web, flash, motion, print, digital
*/

/*@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";*/


/*
	RESET
*/

*	{margin:0;padding:0;}
html	{overflow-y:scroll;}
htm,body	{height:100%;}
body	{font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#ffffff; background: url(../images/header.jpg) top center repeat-x #e3e2e2;}
ul	{ list-style-type: none; }
ol	{list-style: decimal inside;}
a	{ list-style-type: none; color: #ffffff; font-family: Helvetica; font-weight: normal; text-decoration: none; }
a img	{border:none;}
img	{vertical-align: middle;}
table	{border-collapse: collapse;}
h2 {font-family: Helvetica; font-size: 18px; font-weight: lighter;}

/*
	UTILITY
*/

.floatLeft	{float: left;}
.floatRight	{float: right;}
.clear	{clear: both;}
.address {font-family: Helvetica; font-size: 18px; font-weight: lighter; color: #670000; margin-top: 10px; padding-top: 10px; margin-bottom: 20px;}
.pobox {font-family: Helvetica; font-size: 14px; font-weight: lighter; color: #000000; margin-bottom: 10px;}

/*
	STRUCTURE
*/

#page-wrap	{width:960px; margin: 0px auto -426px; min-height: 100%; height: auto !important; height: 100%;}
#push	{height: 426px;}
#main-col 	{width:540px; float:left;}
#post_container {width: 963px; height: 388px; background-image: url(../images/post_container_bkg.png); background-repeat:no-repeat; margin: 45px auto;}
#featured_work { width: 614px; height: 388px; float: left;}
#featured_image {width: 575px; height: 354px; background-image: url(../images/some_colors.jpg); margin: 14px auto 14px 18px; }
#work_description { width: 334px; height: 388px; float: right; }
#Work_title { font-variant: small-caps; width: 289px; margin: 25px auto; text-align: right; color: #670000; font-family: Helvetica; font-size: 31px; font-weight: lighter; border-bottom: solid 1px #9c9c9c; padding-bottom: 10px; }
#description { width: 289px; height: 245px; margin: -4px auto; line-height: 16px; letter-spacing: 1px; font-family: Helvetica; font-size: 13px; font-weight: normal; color: #670000;}
#read_more {width: 110px; height: 27px; background-image: url(../images/btn_bkg.jpg); float: right; margin-right: 25px; font-family: Helvetica; font-size: 12px; font-weight: lighter; }
ul#read_btn {width: 110px; height: 27px; margin: 7px auto;}
ul#read_btn li {}
ul#read_btn li a {padding: 7px 26px;}
ul#read_btn li a:hover {background-color: maroon;}
#about_me { width: 614px; height: 388px; float: left;}
#name_border {width: 560px; height: 39px; border-bottom: solid 1px #9c9c9c; margin: 25px 0 25px 29px; float: left;}
#my_name {width: 210px; height: 23px; background-image: url(../images/my_name.png); float: left; margin-left: 3px; }
#image_holder {width: 334px; height: 388px; float: right;}
#my_image {width: 306px; height: 353px; background-image: url(../images/my_pic.jpg); margin: 15px 12px;}
#my_bio {width: 559px; height: 260px; line-height: 16px; letter-spacing: 1px; font-family: Helvetica; font-size: 14px; font-weight: lighter; color: #000000; clear: both; margin-left: 30px;}
#contact_holder {width: 614px; height: 388px; float: left;}
#contact_form {width: 587px; height: 334px; padding-left: 25px; margin: 35px auto 14px 18px;}
#contact_info_holder {width: 334px; height: 388px; float: right; }
#contact_title {font-variant: small-caps; width: 289px; margin: 25px auto; text-align: right; color: #670000; font-family: Helvetica; font-size: 31px; font-weight: lighter; border-bottom: solid 1px #9c9c9c; padding-bottom: 10px;}
#contact_info {width: 289px; height: 245px; margin: -4px auto; line-height:; letter-spacing: 1px; font-family: Helvetica; font-size: 13px; font-weight: normal; color: #670000;}

/*
	HEADER
*/

#header 	{height: 125px; /*background: url(../images/header.jpg) top center repeat-x*/}
h1#logo 	{width: 106px; height: 95px; background: url(../images/portfolio_logo.png) top left no-repeat; text-indent: -9999px; margin: 0 10px 8px 0; float:left;}

#top-bar 	{padding: 12px 0 0 0;}


/*
	MENU
*/

#menu-bar 	{padding-top: 11px; margin-bottom: 20px;}
ul#main-nav 	{width: 560px; float:right; text-align: right; margin: 52px 0 0 0;}
ul#main-nav li 	{display: inline;}
ul#main-nav li a 	{text-transform: uppercase; color:white; font-family: Helvetica; font-size: 12px; font-weight: lighter; padding: 7px 25px;}
ul#main-nav li a:hover {background-color: maroon; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*
	FOOTER
*/

#footer 	{height:426px; background: url(../images/footer_bkg.jpg) bottom center repeat-x ;padding-top: 20px;/*lose padding-top*/}
#welcome_container {width: 537px; height: 300px; float:left; margin-top: 45px;}
#welcome { font-variant: small-caps; font-family: Helvetica; font-size: 31px; font-weight: lighter; border-bottom: solid 2px #6b0000; padding-bottom: 20px;}
#welcome_statement { text-align: left; text-decoration: none; line-height: 25px; padding-top: 25px; padding-left: 3px; word-break: normal; word-spacing: 0px; letter-spacing: 1px; font-family: Helvetica; font-size: 14px; font-weight: lighter;}
#update_container { width: 335px; float: right;}
#latest_greatest { font-variant: small-caps; text-decoration: none; text-align: right; width: 335px; font-family: Helvetica; font-size: 31px; font-weight: lighter; border-bottom: solid 2px #6b0000; margin-top: 45px; padding-bottom: 20px; float: right;}
#tweets { text-transform: none; color: white; list-style-type: none; font-style: lighter; word-break: normal; word-spacing: 0px; letter-spacing: 1px; font-family: Helvetica; font-size: 14px; font-weight: lighter; text-align: left; text-decoration: none; line-height: 25px; margin-top:  129px; padding-left: 5px; }
#footer-inside 	{width:960px; height: 426px; margin: 0 auto;}
#footer-bar 	{ letter-spacing: 1px; font-family: Helvetica; font-size: 9px; font-weight: lighter; clear: both; height: 16px; background: url(../images/footer_logo.png) bottom right no-repeat; padding-top: 42px;}
ul#footer-nav 	{ width: 560px; float:right; text-align: right; margin-right: 25px;}
ul#footer-nav li 	{display: inline;}
ul#footer-nav li a 	{color: white; font-family: Helvetica; font-size: 9px; font-weight: lighter; padding: 7px 25px;}
ul#footer-nav li a:hover { color: #e6e6e6; }