/*
Theme Name: Posnack 2009
Theme URI: http://www.danposnack.com
Description: Theme designed by Dan Posnack.
Version: 1.0
*/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }

/* ------------------------------------------------------------------------------------------
BODY & BASICS */

html, body { height:100%; }
body { background:#000000; color:#ffffff; text-align:center; }

a:link, a:visited { color:#707070; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:hover, a:active { color:#707070; text-decoration:underline; }

hr { background-color:#000000; border-top:1px solid #5a5a5a; border-right:0; border-bottom:1px solid #5a5a5a; border-left:0; clear:both; color:#000000; height:0; padding-top:2px; width:100%; }

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

body { font-family:arial, helvetica, sans-serif; font-size:75%; }
h1, h2, h3, h4, h5, h6 { color:#3f3e3e; font-weight:normal; margin:.75em 0 .75em 0; }
.maincol h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { color:#ffffff; }
h1 { font-size:2.6em; }
h2, h3 { font-size:1.5em; }
h4, h5, h6 { font-size:1.3em; }
p, ul { font-size:1.1em; line-height:1.9em; margin:.75em 0 .75em 0; }

/* ------------------------------------------------------------------------------------------ 
PAGE LAYOUT */

div#container { background:#141414; width:100%; }
div#header { background:#141414 url(images/bkgHeader.png) top left repeat-x; height:116px; text-align:left; width:100%; }
div#content { background:#141414 url(images/bkgContent.png) top left repeat-x; clear:both; min-height:780px; text-align:left; width:100%; }
#content .alignleft { margin:0 10px0 0 0; text-align:left; width:505px; }
#content .alignright { margin:15px 0 0 10px; text-align:left; width:425px; }
div#footer { background:#000000 url(images/bkgFooter.png) top left repeat-x; clear:both; padding:25px 0 0 0; text-align:right; width:100%; }
#footer .alignleft { text-align:left; }
#footer .alignright { text-align:right; }

.setwidth { margin:0 auto 0 auto; width:960px; }
.alignleft { float:left; }
.alignright { float:right; }

/* ------------------------------------------------------------------------------------------
HEADER & TOP NAVIGATION */

#header .setwidth { padding:70px 0 0 0; }

ul.topnav { background:url(images/topNav.png) no-repeat; height:25px; margin:0; padding:0; width:412px; }
ul.topnav span { display:none; }
ul.topnav li, ul.topnav a { display:block; height:25px; }
ul.topnav li { float:left; display:inline; }
ul.topnav li.navone { width:88px; }
ul.topnav li.navtwo { width:65px; }
ul.topnav li.navthree { width:65px; }
ul.topnav li.navfour { width:90px; }
ul.topnav li.navfive { width:100px; }

/* ------------------------------------------------------------------------------------------
HOMEPAGE */

div#homepage { clear:both; width:100%; }
#homepage .alignleft { padding:25px 0 0 0; text-align:left; width:700px; }
#homepage .alignright { text-align:left; width:225px; }

h1.hpheaderone { height:280px; position:relative; width:700px; }
h1.hpheaderone span { background:transparent url(images/txtHomePageH1.png); height:100%; padding:0 0 0 -2px; position:absolute; width:100%; }

h2.hpheadertwo { height:280px; position:relative; width:225px; }
h2.hpheadertwo span { background:transparent url(images/txtHomePageH2.png); height:100%; padding:0 0 0 -2px; position:absolute; width:100%; }

#recentwork img { border:8px solid #666666; }

/* ------------------------------------------------------------------------------------------
ABOUT DAN */

h1.aboutheaderone { height:243px; position:relative; width:401px; }
h1.aboutheaderone span { background:transparent url(images/txtAboutH1.png); height:100%; position:absolute; width:100%; }

h2.aboutheadertwo { height:265px; position:relative; width:352px; }
h2.aboutheadertwo span { background:transparent url(images/txtAboutH2.png); height:100%; position:absolute; width:100%; }

/* ------------------------------------------------------------------------------------------
SKILLS */

h1.skillsheaderone { height:81px; position:relative; width:251px; }
h1.skillsheaderone span { background:transparent url(images/txtSkillsH1.png); height:100%; position:absolute; width:100%; }

h2.skillsheadertwo { height:636px; position:relative; width:421px; }
h2.skillsheadertwo span { background:transparent url(images/txtSkillsH2.png); height:100%; position:absolute; width:100%; }

h3.skillsheaderthree { height:96px; position:relative; width:336px; }
h3.skillsheaderthree span { background:transparent url(images/txtSkillsH3.png); height:100%; position:absolute; width:100%; }

/* ------------------------------------------------------------------------------------------
WORK */

div.fullwidth { margin:0 auto 0 auto; width:960px; }
div.fullwidth img { border:8px solid #666666; }

h1.workheaderone { height:133px; position:relative; width:748px; }
h1.workheaderone span { background:transparent url(images/txtWorkH1.png); height:100%; position:absolute; width:100%; }

ul.worknav { margin:0; padding:0; width:960px; }
ul.worknav li, ul.worknav a { display:block; float:left; height:25px; }
ul.worknav img { border:0; }

.fullwidth ul { margin:0 auto 0 auto; width:900px; }

/* ------------------------------------------------------------------------------------------
RAMBLINGS */

#content .maincol { float:left; text-align:left; width:640px; }
#content .sidebar { float:right; margin:25px 0 0 25px; text-align:left; width:260px; }

/* ------------------------------------------------------------------------------------------
MAKE CONTACT */

h1.contactheaderone { height:440px; position:relative; width:435px; }
h1.contactheaderone span { background:transparent url(images/txtContactH1.png); height:100%; position:absolute; width:100%; }

h2.contactheadertwo { font-size:1.0em; height:135px; position:relative; width:247px; }
h2.contactheadertwo span { background:transparent url(images/txtContactH2.png); height:100%; position:absolute; width:100%; }

ol.contactfrm li { padding:0 0 15px 0; }
input { background:url(images/bkgInput.gif) top left no-repeat; border: none; color: #000; padding: 6px; } 
.contactSubmit { background:url(images/btnSend.png) top left no-repeat; height:41px; width:154px; }

/* ------------------------------------------------------------------------------------------
FOOTER */

#footer .alignleft { text-align:left; width:430px; }
#footer .alignright { text-align:right; width:430px; }