/*
Theme Name: Tedm.net 2012
Theme URI: http://tedm.net
Description: My default portfolio website.
Version: 3.0
Author: Ted Marshall
Author URI: http://tedm.net/
Tags: tedmnet, portfolio
*/

/* reset.css */
* { margin: 0; padding: 0; }
a img { border: 0; }
/* Global */
body { background:url(images/bg.jpg) fixed bottom repeat-x #f40; font:13px Helvetica, Arial, sans-serif; color:#161616; width:100%; height:100%; }
header, article, section, figure, figcaption, aside, footer { display:block; }
header { width:982px; height:150px; }
section header { height:100px; width:100%; float:left; }
section ul { list-style:none; margin:0; }
article { float:left; }
article header { height:80px; }
footer { width:100%; color:#000; font-size:0.75em; text-align:center; margin-top:10px; padding:0px 0 20px; }
#page_wrap, #footer_wrap { width:982px; margin:0 auto; }
#page_wrap { background-color:#fff; }
.page_btm { content:url(images/shadow.png); width:978px; height:61px; margin:0 auto; }
.page_bg { background:url(images/bg-top.png) top center no-repeat; width:100%; height:550px; position: absolute; z-index:-10; }

a { text-decoration:none; }
h1 { background:url(images/logo.png) top center no-repeat; width:140px; height:89px; text-indent:-9999px; overflow:hidden; margin:16px 0 0 420px; position:absolute; z-index:100; }
h2 { color:#f40; font-size:2.4em; text-transform:capitalize; font-weight:normal; padding:0 0 0 30px; }
h4 { font-size:0.8em; }
p { font-size:1.1em; line-height:1.7em; margin: 0 0 18px 0; }
small { font-size:8px; }
hr, #featured-bar { border:none; width:914px; height:2px; margin: 4px 0 24px 32px; display:block; background:#f90; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f40), color-stop(70%,#f90)); background: -webkit-linear-gradient(left, #f40 0%, #f90 70%); background: -moz-linear-gradient(left, #f40 0%, #f40 70%); background: -ms-linear-gradient(left, #f40 0%, #f90 70%); background: -o-linear-gradient(left, #f40 0%, #f90 70%); background: linear-gradient(left, #f40 0%, #f90 70%); } }

.first { font-weight:700; }
.last { padding-bottom:10px; }
.bold { font-weight:bold; }
.hobbies { color:#aaa; width:214px; padding-top:10px; }
.italic { font-style:italic; }
.req, .req2, .slash { color:#f40; }
.req { font-size:0.8em; padding:0 0 10px 0; }
.req2 { font-size:1.05em; }
.large { margin-bottom:20px; }
.clear { clear:both; }

#footer_wrap .line { background:url(images/line2.png); width:100%; height:18px; margin:30px auto 6px; display:block; clear:both; }
.tel, .mail a:link { background: url(images/footer.png) -372px -102px no-repeat; text-indent:-9999px; width:112px; height:31px; margin:14px 0 0 260px; float:left; }
.mail a:link { background: url(images/footer.png) -372px -133px no-repeat; margin-left:50px; }
#tagline { width:574px; height:80px; background-image:url(images/footer.png); text-indent:-9999px; margin:0 auto; }
#contact { background-color:#000; width:954px; height:60px; float:right; }
#contact, a.homepage:link { margin:14px 0 20px; }
#contact nav { width:246px; height:32px; margin: 14px 88px 0 0; position: relative; float:right; }
#contact ul { width:246px; }
#contact li { margin:0 8px; padding:0; list-style:none; }
#contact li, #contact nav a { width:32px; height:32px; display:block; float:left; text-indent:-9999px; }
.facebook a { background: url(images/footer.png) 0 -100px no-repeat; }
.linkedin a { background: url(images/footer.png) -32px -100px no-repeat; }
.twitter a { background: url(images/footer.png) -64px -100px no-repeat; }
.vimeo a { background: url(images/footer.png) -96px -100px no-repeat; }
.flicker a { background: url(images/footer.png) -128px -100px no-repeat; }
.facebook a, .linkedin a, .twitter a, .vimeo a, .flicker a { -webkit-transition:background 0.2s linear; -moz-transition:background-color 0.2s linear; -o-transition:background-color 0.2s linear; transition:background-color 0.2s linear; }
.facebook a:hover, .facebook a:active { background: url(images/footer.png) 0 -132px no-repeat; }
.linkedin a:hover, .linkedin a:active { background: url(images/footer.png) -32px -132px no-repeat; }
.twitter a:hover, .twitter a:active { background: url(images/footer.png) -64px -132px no-repeat; }
.vimeo a:hover, .vimeo a:active { background: url(images/footer.png) -96px -132px no-repeat; }
.flicker a:hover, .flicker a:active { background: url(images/footer.png) -128px -132px no-repeat; }
a.homepage:link, a.homepage:visited { width:26px; height:60px; background:url(images/footer.png) -320px -104px no-repeat; text-indent:-9999px; float:left; }
a.homepage:hover { background:url(images/footer.png) -346px -104px no-repeat; }
#pdx { width:110px; height:82px; background:url(images/footer.png) -210px -82px no-repeat; margin-left:88px; position:absolute; z-index:100; }

/* Navigation */
header nav { font-size:0.7em; text-transform:uppercase; float:right; }
header nav a { color:#999; height:16px; padding:24px 14px 0 14px; display:inline-block; -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; -o-transition:background-color 0.2s linear; transition:background-color 0.2s linear; }
header nav a:hover { color:#f90; }
header nav ul { list-style:none; margin:0; }
header nav li { float:left; }
header nav .page_item a:hover { background-color:#eee; }
header nav .current_page_item, .single-post header nav .page-item-21, .archive header .page-item-21 { background-color:#eee; }
footer nav a { color:#fff; }
footer nav a:hover { color:#fc0; }
footer nav ul { list-style:none; padding:0; }
footer nav li { font-size:30px; display:inline-block; }

/* Portfolio */
#post-21, .page-id-21, #featured, #post-19, #search, #portfolio, #jam, #movies { width:982px; margin:0 auto; display:block; position:relative; }
#post-21 header, .page-id-21 header, #post-19 header, #portfolio header, #search header { margin: 0 auto 26px auto; clear:both; }
#post-21 h3, .page-id-21 h3, #featured h3, #featured h4, #search h3, #post-21 h4, #search h4 { font-size:0.9em; color:#111; width:100%; font-weight:bold; display:inline; }
#post-21 li, .profo li, #featured li, #search li { width:200px; height:224px; margin-left:33px; float:left; display:inline; position:relative; }
#post-21 figure:hover h3, .page-id-21 figure:hover h3, #featured figure:hover h3, #search figure:hover h3 { color:#f40; }
#post-21 figure:active h3, .page-id-21 figure:active h3, #featured figure:active h3; #search figure:active h3 { color:#f80; }
figure { border:1px solid #e6e6e6; width:200px; padding:6px; float:left; }
#post-21 h3, .page-id-21 h3, #featured h3, #featured h4, #search h3, #post-21 h4, .page-id-21 h4, #search h4, figure:hover { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
figcaption { margin-bottom:4px; display:block; }
.tags { font-size:0.7em; line-height:2.0em; text-transform:uppercase; }
.tags a:link, .tags a:visited { background-color:#eee; color:#999; padding:2px 4px; }
figure .tags a:hover, #project .tags a:hover, a.work-link:hover { background-color:#f90; color:#000; }
figure:hover { color:f40; background-color:#f6f6f6; border:1px solid #aaa; }

#featured { height:500px; margin-top:40px; display:block; clear:both; }
#featured-bar { height:14px; text-indent:-9999px; }
.back { float:right; }
.back a { background:url(images/footer.png) 0 -164px no-repeat; width:90px; height:14px; display:block; }
.back a:hover { background:url(images/footer.png) -93px -164px no-repeat; }
.other { background:url(images/footer.png) -321px -81px no-repeat; width:194px; height:14px; margin-left:9px; float:left; }
.hdr-tags { text-indent:0px; color:#fff; font-weight:bold; }
.hdrTag { color:#fc9; text-transform:uppercase; }

/* Project */
#project { width:320px; height:520px; margin-left:632px; float:right; position:absolute; display:block; }
#project header { height:28px; margin:0; padding:0; }
#project .tags { margin-bottom:20px; }
#portfolio h3 { font-size:1.8em; font-weight:normal; }
#project h4, aside h4 { font-size:0.8em; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; }
a.thumbnail img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden; }
.first-img { background:url(images/proj-mac.jpg) no-repeat; width:590px; height:520px; border:none; padding:31px 0 0 35px; display:block; float:left; clear:left; }
.images { width:540px; margin-left:30px; }
.images img { -webkit-box-shadow:0 0 2px #ccc; }
a.first-img figure { background-color:none; border:none; padding:0; }
a.first-img figure:hover  { background-color:#000; }
a.thumbnail img { margin: 0 10px 24px 0; }
#respond { border-top:1px dotted #5b5e63; width:100%; clear:both; }
#respond p { font-size:0.8em; margin:0 0 10px 0; }
.commentlist, #subnav { width:100%; clear:both; }
.commentlist li { margin:10px 20px; }
#subnav { width:370px; height:70px; float:right; }
cite { font-size:0.8em; color:#8d8f96; }
cite a, #respond a { color: #fff; }
cite a:hover, #respond a:hover { background-color:rgba(202,67,0,0.3); }
cite a:hover, #respond a:active { background-color:rgba(255,102,0,1); }

/* Contact */
.content { width:520px; float:left; }
#post-19 h4 { margin-bottom:20px; }
#post-19 { width:902px; padding:0 40px 40px; }
.contactbox { background-color:#f6f6f6; padding:20px 0 16px 20px; margin-bottom:20px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
aside, .twitterbox { width:250px; padding:0 0 150px 0; float:right; }
.twitterbox { width:300px; }
aside a:link, aside a:visited { color:#666; padding:2px; display:block; }
aside a:hover, .tags a:hover { color:#ca4300; }
aside a:active, .tags a:active, a.work-link:active { color:#f60; }

/* Form Fields */
label { font-weight:bold; }
#post-19 input[type="text"], #post-19 textarea, .single input[type="text"], .single textarea, #search_box input[type="text"], #search_box textarea { color:#555; padding:4px; font-size:13px; background-color:#fafafa; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
#post-19 input[type="text"]:focus, #post-19 textarea:focus, .single input[type="text"]:focus, .single textarea:focus, #search_box input[type="text"]:focus, #search_box textarea:focus { background-color:#fff; }
#post-19 input[type="submit"], .single input[type="submit"], #search_box input[type="submit"], #launch { padding:8px 12px; font-size:13px; font-weight:bold; line-height:1; color:#999; border:1px solid #eee; text-shadow:0 1px 1px rgba(250, 250, 250, 0.85); -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ccc)); background-image:-moz-linear-gradient(0% 100% 90deg, #ccc , #f6f6f6); background-color:#eee; }
#post-19 input[type="submit"]:hover, #post-19 input[type="submit"]:focus, .single input[type="submit"]:hover, .single input[type="submit"]:focus, #search_box input[type="submit"]:hover, #search_box input[type="submit"]:focus, #launch:hover { color:#888; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#ccc)); background-image:-moz-linear-gradient(0% 100% 90deg, #ccc, #f9f9f9); background-color:#eee; }


/* jams Page */
#sectionbox { width:650px; float:left; margin:0 0 60px 30px; }
#sectionbox #featured-bar { width:650px; height:24px; text-indent:0px; color:#fff; font-size:20px; font-weight:bold; margin:0 0 6px 0; text-align:center; }
aside nav ul { list-style:none; margin:8px 0; border-top:#666 1px solid; }
aside li { font-size:11px; width:200px; margin:0; border-bottom:#ccc 1px solid; }
aside li a:link, aside li a:visited { padding:4px; display:block; -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; -o-transition:background-color 0.2s linear; transition:background-color 0.2s linear; }
aside li a:hover { background-color:#f40; color:#fff; }
table { border-collapse: collapse; width: 100%; }
td { border-bottom:1px dotted #000; font-size:0.85em; color:#666; padding: 5px; vertical-align:middle; }
thead { width: 100%; font-size:1.2em; border-bottom:2px dotted #999; text-align:left; }
.highlight { background-color: rgba(150, 150, 150, 0.1); }
.hdr-mp3 { background-color: rgba(91, 94, 99, 0.5); color:#fff; height:20px; width:400px; padding:5px; font-size:0.9em; }
.hdr-musicians { background-color: rgba(91, 94, 99, 0.5); color:#fff; height:20px; width:280px; padding:5px; font-size:0.9em; }
a.mp3:link { color: #111; text-decoration: none; display:block; }
a.mp3:visited { color: #f40; }
a.mp3:hover { color: #fb0; text-decoration: underline; }
a.mp3:active { color: #f9b514; }
/* movies Page */
.movie { width:325px; height:150px; line-height:0.8em; float:left; display:block; padding:10px 0; margin-bottom:10px; border-bottom:1px #5b5e63 dotted; }
.movie img { float:left; }
.movie-right { width:150px; float: right; }
#movies h3 { width:100%; font-size:0.9em; font-weight:bold; margin-bottom:10px; }
.small {font-size:0.7em; line-height:1em; margin-bottom:10px; }
a.movies:link, a.movies:visited { font-size:0.85em; color:#666; margin-bottom:8px; }
a.movies:hover { color: #f40; text-decoration: underline; }
a.movies:active { color: #f7b414; }