/* --------------------------------------------------------------------------------------
	SCREEN CSS
-----------------------------------------------------------------------------------------
	Project:	AdamRosenthal.net
	Date:		04/03/2009
	Modified:	07/23/2009
	
	Hold Fast Creative
	Denver, Colorado USA
	http://theholdfast.com
-------------------------------------------------------------------------------------- */

@import url(reset.css);

/* @group Common */
* {margin:0;padding:0;}

h1 {font-size:36px;}
h2 {font-size:34px;line-height:32px;margin-bottom:24px;}
h3 {font-size:24px;line-height:24px;margin-bottom:4px;}
h4 {font-size:16px;line-height:16px;margin-bottom:4px;}
h5 {font-size:12px;line-height:18px;margin-bottom:4px;font-weight:normal;text-transform:uppercase;letter-spacing:1px;color:#666;}
h6 {font-size:10px;line-height:14px;margin-bottom:4px;}
p {font-size:13px;line-height:20px;margin-bottom:8px;}

h1,h2,h3,h4,h6 {font-weight:bold;}

ol {list-style:decimal-leading-zero outside;margin:0 0 10px 20px;}
ol li {margin:0px 0px 4px 20px;padding:4px 0 4px 10px;font-size:14px;line-height:18px;background:#181818;border-bottom:1px solid #333;}

p a, p a:link {color:#fff;background:#000;text-decoration:underline; -webkit-transition: background-color .5s linear;}
p a:hover {color:#000;background:#fff;text-decoration:none;}

fieldset {margin-bottom:20px;padding:10px;border:1px solid #181818;}
legend {padding:4px 8px;background:#181818;font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:1px 2px 2px #000;}
fieldset p {line-height:16px;}
fieldset ul {margin-bottom:10px;font-size:12px;font-family:arial, sans-serif;}
fieldset li {padding:4px;margin-bottom:4px;background:#000;border-bottom:1px solid #333;}
fieldset li label {float:left;display:inline;width:60px;margin-right:20px;line-height:20px;}

form input[type="text"] {float:left;display:inline;width:240px;height:20px;border:none;background:#181818;color:#999;}
form input[type="text"]:focus {background:#fff;color:#390;}
form input[type="checkbox"] {width:12px;height:12px;margin-right:20px;}
form select {float:left;display:inline;width:240px;height:20px;background:#181818;color:#fff;border:1px solid #080808;}
form textarea {float:left;display:inline;width:240px;height:80px;border:none;background:#181818;color:#999;font:14px/16px arial, sans-serif;}
form textarea:focus {background:#fff;color:#390;}

.section-summary {margin-bottom:40px;}

.entry {margin:20px 0;padding-bottom:5px;border-bottom:1px solid #181818;}
.posted {font:11px/18px arial, sans-serif;text-transform:uppercase;letter-spacing:1px;}

.pagination {margin:20px 0;padding-top:5px;font:11px/18px arial, sans-serif;text-transform:uppercase;letter-spacing:1px;border-top:1px solid #fff;}
.pagination a {margin:0 2px;padding:2px;background:#181818;}
.pagination a:hover {color:#000;background:#fff;}

.pagination a.prevLink {float:left;display:inline;width:160px;text-align:left;margin:0;padding:0;}
.pagination a.nextLink {float:right;display:inline;width:160px;text-align:right;margin:0;padding:0;}

.entry-comment {margin:0 0 20px 0;padding-bottom:5px;border-bottom:1px solid #333;}
.comment-author {float:left;display:inline;width:140px;margin:0 20px 20px 0;overflow:hidden;}
.comment-body {float:left;display:inline;width:340px;margin:0 0 20px 0;overflow:hidden;font-style:italic;}

ul.work-list {margin:20px 0;}
ul.work-list li {position:relative;padding:0 0 5px 140px;margin:0 0 10px 0;overflow:hidden;border-bottom:1px solid #333;}
ul.work-list li img {position:absolute;top:0;left:0;width:120px;height:90px;display:block;overflow:hidden;}

/* @end */

/* @group Layout */
#wrapper {width:1020px;display:block;margin:0 auto;padding:0 0 0 0;text-align:center;background:#000 url(../themes/site_themes/adam/wrapperBG.jpg) 50% 0 no-repeat;}
#masthead {position:relative;width:940px;height:150px;margin:0 40px;overflow:hidden;}
#content {width:940px;margin:0 40px;text-align:left;overflow:hidden;background:url(../themes/site_themes/adam/contentBG-blank.jpg) 0 100% no-repeat;}
#primary {float:left;display:inline;width:600px;margin:0 20px 20px 0;padding-bottom:124px;overflow:hidden;}
#secondary {float:left;display:inline;width:320px;margin:0 0 20px 0;overflow:hidden;}
#footerWrap {text-align:center;width:940px;margin:0 auto;padding-bottom:266px;background:#000 url(../themes/site_themes/adam/footerBG.jpg) 100% 0 no-repeat;}
#footer {padding-right:240px;}
/* @end */

/* @group Masthead */
h1#branding {position:absolute;z-index:10;top:0;left:0;width:210px;height:70px;margin:10px 0 0 0;padding:0;font-size:12px;text-indent:-9999px;}
h1#branding a {display:block;width:210px;height:70px;overflow:hidden;background:transparent;}

#masthead ul {position:absolute;z-index:1;top:10px;left:80px;width:540px;height:120px;overflow:hidden;}
#masthead ul a {height:30px;display:block;overflow:hidden;text-indent:-9999px;background:none;}

li.tnTattoos {width:60px;position:absolute;top:90px;left:0;z-index:2;}
li.tnArtwork {width:60px;position:absolute;top:72px;left:80px;z-index:3;}
li.tnMachines {width:140px;position:absolute;top:50px;left:160px;z-index:4;}
li.tnMerch {width:60px;position:absolute;top:24px;left:320px;z-index:5;}
li.tnContact {width:60px;position:absolute;top:10px;left:400px;z-index:6;}

/* @end */

/* @group Footer */
#footer .legal {float:left;display:inline;width:420px;margin:0 20px 0 0;text-align:left;font-size:12px;line-height:16px;padding:4px 0;}
#footer ul {float:left;display:inline;width:160px;margin:0;padding-top:4px;}
#footer li {float:left;display:inline;width:160px;height:20px;font-size:12px;line-height:20px;text-align:left;border-bottom:1px solid #333;margin-bottom:1px;}
#footer li a {display:block;width:160px;height:20px;}
/* @end */

/* @group News */
.blog-entry {width:360px;margin-bottom:20px;padding-left:240px;overflow:hidden;padding-bottom:5px;border-bottom:1px solid #181818;}
.blog-entry .blog-images {width:220px;float:left;position:relative;left:-240px;margin-right:-220px;margin-bottom:20px;}
.blog-images img {margin-bottom:20px;}
.blog-images a {background:none;}

.linkage {width:320px;margin:0 0 20px 0;}
.linkage select {width:150px;margin:5px 0;border:0;background:#181818;color:#fff;}
.linkage select:focus {outline:none;}
.linkage select option {padding:2px 0;border-bottom:1px solid #000;font:11px/20px arial, sans-serif;}

ul.recent-entries {margin:20px 0;}
ul.recent-entries li {position:relative;padding:0 0 5px 160px;margin:0 0 10px 0;overflow:hidden;border-bottom:1px solid #333;min-height:110px;}
ul.recent-entries li img {position:absolute;top:0;left:0;width:140px;height:105px;display:block;overflow:hidden;}

/* @end */

/* @group Gallery */
#flashcontent {width:800px;height:600px;display:block;margin:20px auto;padding-bottom:124px;}
#gallery #content h3 {text-align:center;}


/* @end */

/* @group Contact */
#contact #content {background:url(../themes/site_themes/adam/contentBG-blank.jpg) 0 100% no-repeat;}
#gallery #content {background:url(../themes/site_themes/adam/contentBG-blank.jpg) 0 100% no-repeat;}
#contact #primary {width:280px;height:450px;padding-right:320px;background:url(../themes/site_themes/adam/wrench-girl.jpg) 100% 0 no-repeat;}

#contact #secondary ul {margin:0 0 10px 0;}
#contact #secondary ul li {margin:0px 0px 4px 0;padding:4px 0 4px 10px;font-size:14px;line-height:18px;background:#000;border-bottom:1px solid #333;}

/* @end */