/*
Theme Name: Aardvark Press
Theme URI: http://www.whyihateyoursite.com
Description: A clean, 3-column theme designed for my blog.
Version: 1.0
Author: Matthew Stephens
Author URI: http://www.codebymatt.com/
Tags: white, black, three column, serif, clean, newspaper

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ul, ol, dl { list-style-type: none; margin: 0; padding: 0; }

/* @FONT-FACE */
/*
@font-face {
	font-family: 'CalibriBold';
	src: url('fonts/calibrib-webfont.eot');
	src: local('☺'), url('fonts/calibrib-webfont.woff') format('woff'), url('fonts/calibrib-webfont.ttf') format('truetype'), url('fonts/calibrib-webfont.svg#webfontdSujTi9W') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriRegular';
	src: url('fonts/calibri-webfont.eot');
	src: local('☺'), url('fonts/calibri-webfont.woff') format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url('fonts/calibri-webfont.svg#webfontb1OOuwjF') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


/* GLOBAL STYLES */
body { background-image: url(images/bg-gradient.png); background-repeat: repeat-x; background-color: #151516; margin: 0 0 10px 0; position: relative; font-family: Calibri, "Helvetica Neue", Arial, sans-serif; }
form { margin: 0; }
h1 { text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1); margin: 28px 0 0 27px; float: left; width: 400px; line-height: 30px;  }
h1 a { border: none; font-size: 37.5px; color: #464646;}
h1 a span { font-size: 26px; color: #989898; display: block; font-weight: normal; }
h2 { border-bottom: 1px solid #E1E1E1; color: #16181E; font-family: Calibri, "Helvetica Neue", Arial, sans-serif; font-size: 28px; font-weight: normal;    padding-bottom: 8px; margin: 0 0 20px 0 ;}
#page h3 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; }
h4 { color: #16181e; font-size: 22px; font-weight: normal; padding-bottom: 4px; border-bottom: 1px solid #e1e1e1; }
h2.normal { text-indent: 0px; float: none; margin-bottom: 14px; font-family: Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; padding-bottom: 3px; border-bottom: 1px solid #cbcbcb;  }
h1 a, h2 a, h3 a, h4 a { border: 0; }
.clear { clear: both; }
a { text-decoration: none; color: #07b; border-bottom: 1px solid #d8e1e7; }
.hidden, .screen-reader-text { display: none; }
.alignleft { float: left; margin: 0 12px 0 0; }
.alignright { float: right; margin: 0 0 0 12px; }

/* CONTAINER */
#top { width: 100%; height: 582px; background-image: url(images/bg-swirls.png); background-position: top center; background-repeat: no-repeat; }
#container { width: 1020px; margin: 20px 0; -moz-border-radius: 4px;
border-radius: 4px; background-color: white; margin-top: -555px; position: relative; }

/* HEADER */
#header { text-align: left; height: 114px; 
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	background: #A8A9AB; /* old browsers */
	background: -moz-linear-gradient(top, #F2F2F2 0%, #CECECE 79%, #A8A9AB 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(79%,#CECECE), color-stop(100%,#A8A9AB)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#A8A9AB',GradientType=0 ); /* ie */ }
#search { padding: 20px 0 0; }
#search .searchinput { width: 208px; }
#s, #searchsubmit { border: none; color: #a1a1a1; background-color: white; font-family: Arial, Helvetica, sans-serif; outline: 0; }
#s { background-image: url(images/bg-search-text.png); background-repeat: no-repeat; background-position: top right; height: 32px; width: 170px; padding: 0; float: right; font-size: 14px; }
#searchsubmit { background-image: url(images/bg-search-submit.png); background-repeat: no-repeat; height: 32px; width: 38px; float: left; text-indent: -9999px; cursor: pointer; }
#navigation { }
#navigation ul { list-style-type: none; float: right; margin-right: 16px; }
#navigation li { float: left; }
#navigation li a { float: left; padding-top: 70px; color: #767676; display: block; text-decoration: none; font-size: 14px; width: 91px; height: 44px; text-align: center; text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1); background-image: url('http://www.codebymatt.com/wp-content/themes/aardvark-press/images/nav.png'); background-position: 0 0; }

#navigation li a:hover, #navigation li.current_page_item a { color: #767676; }

#navigation li.home a { background-position: 0 0; }
#navigation li.home a:hover { background-position: left 114px;  }
#navigation li.home.current_page_item a { background-position: left 227px;  }

#navigation li.page-item-4 a { background-position: -91px 0; }
#navigation li.page-item-4 a:hover { background-position: -91px bottom;  }
#navigation li.page-item-4.current_page_item a { background-position: -91px 227px;  }

#navigation li.page-item-10 a { background-position: -181px 0; }
#navigation li.page-item-10 a:hover { background-position: -181px bottom;  }
#navigation li.page-item-10.current_page_item a { background-position: -181px 227px;  }

#navigation li.page-item-2 a { background-position: right 0; }
#navigation li.page-item-2 a:hover { background-position: right bottom;  }
#navigation li.page-item-2.current_page_item a { background-position: right 227px;  }

/* CONTENT */
#content { margin: 168px 0 0 24px;  }
#featured { text-align: right; color: white; text-align: left; width: 1051px; height: 161px; position: absolute; left: -15px; background: #2F5483; /* old browsers */
background: -moz-linear-gradient(top, #2F5483 0%, #152C47 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F5483), color-stop(100%,#152C47)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F5483', endColorstr='#152C47',GradientType=0 );
text-shadow: 1px 1px 1px #040e1a;
filter: dropshadow(color=#040e1a, offx=1, offy=1); /* ie */ }
#featured h3 { font-size: 38px; margin: 38px 0 0 0; text-align: center; font-weight: normal; }
#featured h4 { font-size: 24px; color: #89a4c8; float: right; padding-right: 50px; border: 0; font-weight: normal; }
#featured p { font-size: 16px; line-height: 21px; padding: 0 8px; }
#shadow { height: 20px; width: 1020px; position: absolute; top: 275px; background: #ffffff; /* old browsers */
background: -moz-linear-gradient(top, #BEBEBE 0%, #FFFFFF 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BEBEBE), color-stop(100%,#FFFFFF)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BEBEBE', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ }
#left-column { float: left; width: 468px; padding: 18px 18px 0 0; }
#entries { text-align: left; }
#page { text-align: left; }
.entry { margin-bottom: 40px; }
.entry h4 { margin-bottom: 20px; }
.entry h3 { line-height: 29px; font-weight: normal; padding-bottom: 3px; font-size: 28px; }
.entry h1, #entries h1 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding-bottom: 3px; }
#entries h1 { margin-bottom: 20px; }
.entry h3, .entry h1 { color: #07b; border: none; }
.entry h3, .entry h1 { text-decoration: none; }

p.posted {  font-family: Helvetica, Arial, sans-serif; color: #a0a68f; font-size: 14px; margin-top: 4px; }
p.posted a { color: #868b78; border: none; }
.story { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4e4e4e; line-height: 18px; letter-spacing: .1px; margin: 10px 0;  }
.story a { border-bottom: 1px solid #d9e3e5; color: #003a69; }
.story p { margin-bottom: 14px; }
.comments a { background: url(images/btn-comments.png) no-repeat; height: 14px; width: 105px; padding: 9px 0 7px 40px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; display: block; color: #656565; float: right; margin: 10px 15px 0 0; }
.comments a:hover { text-decoration: none; }


#middle-column { float: left; width: 226px; padding: 18px 12px 25px 12px; text-align: left; }
#categories ul {  margin: 8px 0 22px 8px; color: #6e6e6e; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
#categories ul.children { margin: 10px 0 8px 14px; }
#categories ul.children li { font-size: 12px; }
#categories ul.children li:before { content: "- "; }
#categories ul li { padding-bottom: 8px; font-size: 15px; }
#categories ul li a { color: #07b; }
#categories ul li a:hover { text-decoration: none; }
#categories ul li.current-cat a { color: #434343; }

#twitter { padding-bottom: 22px; overflow: hidden; }
#twitter h4 { background: url(images/graphic-twitter.png) no-repeat center right; padding-top: 12px; margin-bottom: 10px; }
#twitter .twtr-hd, #twitter .twtr-ft, #twitter .twtr-tweet em { display: none !important; }
#twitter .twtr-tweet { font-family: Helvetica, Arial, sans-serif; font-size: 12px; border-bottom: 0; margin-bottom: 10px; }
#twitter {  margin: 12px 0 0px 0; font-size: 12px; color: #4E4E4E; }
#twitter a { border-bottom: 1px solid #d8e1e7; color: #003a69; }
#twitter ul { padding-top: 10px; }
#twitter li { padding-bottom: 14px; }
#twitter #twitter-link { border-bottom: none; display: block; text-indent: -99999px; background: url(images/btn-twitter.png); width: 129px; height: 30px; float: left }
#twitter_update_list a { display: none; }
#twitter_update_list span a { display: inline; }

#ux-headlines { padding-top: 10px; }
.onespot h4 a { color: #16181e; background: url(images/icon-RSS.png) no-repeat; background-position: 148px 4px;  padding-right: 34px; }
.onespot h4 a:hover { text-decoration: none; }
.onespot ul {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 12px 0 0 8px; }
.onespot ul li { padding-bottom: 6px; }
.onespot a { color: #2b6485; }
.onespot ul li ul { margin: 0; }
.onespot ul li ul li { color: #78797c; font-size: 11px; padding-top: 2px;  }
.onespot ul li ul li a { color: #5b5c5e; }

#good-sites { padding-top: 20px; }
#good-sites h4 { margin-bottom: 12px; }
#good-sites ul {  padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#good-sites li { padding-bottom: 14px; }

#good-sites a { color: #2b6485; display: block; border: none; }
#good-sites a.img { float: left; margin-right: 4px;  }
#good-sites a.small { font-size: 11px; color: #9e9e9e; }


#right-column { float: left; width: 226px; padding: 18px 0px 25px 12px; margin-left: 4px; text-align: left; }
#who-am-i h4 { border-bottom: none; }
#who-am-i .profile { background: #F7F7F7; /* old browsers */
background: -moz-linear-gradient(top, #F7F7F7 0%, #E8E8E8 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E8E8E8)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E8E8E8',GradientType=0 ); /* ie */padding: 10px; }
#who-am-i .profile img { float: left; border: 4px solid white; }
#who-am-i .profile p { float: left; font-weight: bold; color: black; font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin-left: 6px;  }
#who-am-i .profile p.last, #who-am-i .profile p.email { margin-top: 4px; font-weight: normal; }
#who-am-i .profile .email a { color: #07b; text-decoration: none; border: none; font-size: 11px; }
#who-am-i .profile img.linkedin, #who-am-i .profile p.linkedin, #who-am-i .profile p.linkedin a { float: none; border: none; margin: 0; border: none; }
#who-am-i .profile p.linkedin { padding-top: 6px; text-align: center; padding-bottom: 2px; }

#feedback { padding-top: 30px; }
#feedback p { font-family: Arial, Helvetica, sans-serif; color: #4D4E53; font-size: 12px; padding: 4px 8px; line-height: 18px; }
#feedback a { border-bottom: 1px solid #d8e1e7; color: #003a69; }
#feedback a:hover { text-decoration: none; }

#sponsors { text-align: center; padding-top: 30px;  }
#sponsors h4 { text-align: left; }
#sponsors img { margin-top: 10px; }
#sponsors p { float: right; margin-top: 10px; text-transform: uppercase; letter-spacing: .5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
#sponsors a { color: #9e9e9e; border: none; }

#latest-jobs { padding-top: 30px; }
.onespot a { border: none; }

#currently-reading { float: right; width: 453px; text-align: left; }
#carousel { padding: 10px 7px;}
.carousel-content li { padding: 2px; }
.prev, .carousel-content, .next { float: left; }
.prev, .next {  width: 20px; height: 116px; border: none; background-color: #d9d9d9; cursor: pointer; }
.prev { background: url(images/btn-bookLeft.png) no-repeat center left;  }
.next { background: url(images/btn-bookRight.png) no-repeat center left; }

/* FOOTER */
#footer { padding: 30px 20px; }
#footer div { float: left; width: 212px; margin-left: 24px; text-align: left; }
#footer div.clear { float: none; width: auto; }
#footer h3 { color: #6e6e6e; text-transform: uppercase; letter-spacing: .5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px;border-bottom: 1px solid #d7d7d7; padding-bottom: 4px; margin-bottom: 10px; font-weight: normal; }
#footer ul { padding: 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #aaa; }
#footer ul a { color: #888; text-decoration: none; }
#footer li { color: #333; font-size: 12px; padding-bottom: 12px; }
#footer li a { color: #003a69;  border-bottom: 1px solid #d8e1e7; line-height: 18px; }
#footer .fdpoweredby { display: none; }
#footer .delicious-posts { margin: 0; }
#footer #sponsored-links li { padding-bottom: 0; }
#footer #sponsored-links ul { margin-bottom: 30px; }

#copyright { color: #565656; text-transform: uppercase; letter-spacing: .5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding-bottom: 10px; text-align: center; }
#copyright a { color: #565656; border: none; }
#copyright span, #copyright img { margin: 0 6px; }

/* SINGLE.PHP STYLES */
#respond { font-family: Helvetica, Arial, sans-serif; padding-top: 20px; }
#respond h3 { font-weight: normal; font-size: 20px; margin-bottom: 10px;  }
#respond #comment { width: 463px; }
#respond p.small { font-size: 11px; color: #333; margin-bottom: 4px; }
#submit, #comment, #author, #email, #url { color: #666; background-color: white; border: 1px solid #d7d7d7; padding: 4px; font-family: Arial, Helvetica, sans-serif; }
#author, #email, #url { margin-bottom: 4px; }
#submit { margin-top: 6px; color: #666; }
#respond a { border-bottom: 1px solid #d8e1e7; color: #003a69; }
#respond a:hover { text-decoration: none; }
.comments a { border: none; }

/* PAGE.PHP STYLES */
#page h4.page-title { margin-bottom: 20px; }


/* PORTFOLIO STYLES */
.project { clear: both; font-family: Helvetica, Arial, sans-serif; color: #191c1f; margin-bottom: 40px; }
.project .main-img { float: left; margin: 0 10px 0 0; border: 2px solid #191c1f; }
.project .alt-image { border: none; }
.project p { margin-bottom: 10px; }
.project img { border: 1px solid #191c1f; }
#page h4 { margin-bottom: 20px; }
#portfolio h2 { border: 0; margin-bottom: 20px;  }

/* RESUME STYLES */
#resume .resume-section { margin-bottom: 40px; color: #191c1f; }
#resume h2 { border: 0; }
#resume .resume-section p { margin: 0; padding: 0; }
#resume ul { margin: 10px 0 10px 14px; }
#resume ul li { background-image: url(images/bullet.png); background-repeat: no-repeat; background-position: 0 12px; padding: 5px 0 5px 10px; }
#experience ul { margin-bottom: 20px; }
#resume h1 { float: left; }
#resume .resume-pdf { border: none; }
#resume .resume-pdf img { float: right; margin-top: -7px; }
#resume #objectives { margin-top: 20px; }

/* CONTACT STYLES */
.wpcf7-form .textfield, .wpcf7-form textarea { font-family: Helvetica, Arial, sans-serif; border: 1px solid #ddd; padding: 2px; width: 450px; font-size: 13px; }
.wpcf7-form .textfield { width: 250px; padding: 4px; font-size: 13px }

#respond small { font-size: 12px; }

/* ARCHIVE STYLES */
.archives h4 { margin-bottom: 20px; }

/* BLOG STYLES */
#deviantART .post-item { 
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 40px 40px 0px;
border-radius: 0px 40px 40px 0px;
background: #1c1c1c; /* Old browsers */
background: -moz-linear-gradient(left, #1c1c1c 0%, #313131 12%, #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c1c1c), color-stop(12%,#313131), color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1c1c1c 0%,#313131 12%,#454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1c1c1c 0%,#313131 12%,#454545 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #1c1c1c 0%,#313131 12%,#454545 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#454545',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #1c1c1c 0%,#313131 12%,#454545 100%); /* W3C */
}
#deviantART img { border-right: 2px solid white; }

#deviantART .description { margin-bottom: 4px !important; padding-top: 8px; }
#deviantART a { border: 0; text-decoration: underline; }
#deviantART .description a { font-size: 18px; margin: 0; color: white; font-weight: bold;  }
#deviantART .author a { font-size: 12px; color: #e8e8e8; font-weight: normal;  }