/*
Theme Name: Brady J. Frey
Theme URI: http://bradyjfrey.com
Description: The switch from sIFR hell to font face CSS version.
Version: 1.7
Author: Brady J. Frey


*/

@font-face {
	font-family: 'MuseoSans900';
	src: url('fonts/MuseoSans_900.eot');
	src: local('Museo Sans 900'), local('MuseoSans-900'), url('fonts/MuseoSans_900.otf') format('opentype'), url('fonts/MuseoSans_900.svg#MuseoSans-900') format('svg');
}

@font-face {
	font-family: 'MuseoSans700';
	src: url('fonts/MuseoSans_700.eot');
	src: local('Museo Sans 700'), local('MuseoSans-700'), url('fonts/MuseoSans_700.otf') format('opentype'), url('fonts/MuseoSans_700.svg#MuseoSans-700') format('svg');
}

@font-face {
	font-family: 'MuseoSans500';
	src: url('fonts/MuseoSans_500.eot');
	src: local('Museo Sans 500'), local('MuseoSans-500'), url('fonts/MuseoSans_500.otf') format('opentype'), url('fonts/MuseoSans_500.svg#MuseoSans-500') format('svg');
}

@font-face {
	font-family: 'MuseoSans100';
	src: url('fonts/MuseoSans_100.eot');
	src: local('Museo Sans 100'), local('MuseoSans-100'), url('fonts/MuseoSans_100.otf') format('opentype'), url('fonts/MuseoSans_100.svg#MuseoSans-100') format('svg');
}

* {padding: 0;margin: 0;}
body {
/*	background-image: url(images/noise.png), url(images/noise_repeat.png);
	background-repeat: repeat-x, repeat;
	background-position: top left, top left; */
	background: #530000 url(images/backdrop_pattern.png) repeat top left;
	font-size: 100%;font-family: helvetica,sans-serif;color: black;}
div {z-index: 1;width: 960px;position: absolute;top: 75px;left: 50%;margin: 0 0 40px -480px;font-size: .75em;line-height: 1.5;padding: 0;text-align: left;color: black;background-color: white;-webkit-box-shadow: 0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
#portfolio_intro div {color: white;background-color: black;}
#home div {top: 50%;margin: -50px 0 0 -480px;padding: 0;background-color: black;}
#content {overflow: hidden;padding: 0;}
#portfolio_intro #content {color: white;}


/**** Play nice, html5 ****/
header, footer, section, aside, nav, article {display: block;}


/**** Default Tags ****/
a {background-color: transparent;color: #247dbb;padding: 1px 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-decoration: none;font-weight: bold;text-transform: lowercase;font-variant: small-caps;-webkit-transition: border 400ms linear;font-size: 110%;}
a:hover {background-color: #247dbb;color: white;}
h1 {width: 960px;height: 94px;text-indent: -9999px;background-color: black;}
h1 a {opacity: 1.0;width: 185px;height: 37px;display: block;text-decoration: none;z-index: 3;background: black url(images/header.gif) no-repeat left bottom;position: relative;top: 28px;left: 30px;padding: 0px !important;border: 1px solid black;-webkit-transition: 400ms linear;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
h1 a:hover {border-color: #444;}
#home h3 {display: none;}
p {padding: 0 0 20px 0;line-height: 2;font-size: 12px;font-family: georgia, times, serif;}
#brady {float: right;}
dl {width: 350px;padding: 5px 70px 20px 70px;}
dt {color: #000;padding-top: 15px;font-weight: bold;text-transform: uppercase;font-family: 'MuseoSans900',helvetica, verdana, Tahoma, sans-serif;}
dd {padding: 2px 0;}
legend {display: none;}
h2 {font-family: 'MuseoSans100',helvetica, verdana, Tahoma, sans-serif;font-size:36px;color:#000;background-color:#fff;font-weight:normal;margin: 63px 20px 0 70px;}
h2 a {margin-left: -10px;color:#000;text-decoration:none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 5px 10px;}
#portfolio h2 {clear: both;}
#photo {float: right;padding: 1.5em 0 1.5em 1.5em;}
#whoops {padding: 0 70px 100px 70px;}
button {font-family: 'MuseoSans500',helvetica, verdana, Tahoma, sans-serif;}


/**** Biography ****/
#entry {margin: -20px 0 0 0;padding: 0px 70px 30px 70px;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;text-align: justify;}
#entry p {padding: 0 !important;}
#entry img {padding: 5px 0 0 10px;}
p + p {text-indent: 24px;}


/**** Resume ****/
#resume {}
#resume h3 {padding: 20px 70px 5px 70px;clear: both;font-size: 36px;line-height: 1;font-weight: normal;font-family: Georgia,serif;}
#resume h3 a {font-weight: normal;font-size: 18px;}
#resume h3 strong {font-weight: normal;font-size: 14px;color: #247dbb;}
#resume h3 em {font-style: normal;font-size: 14px;color: #247dbb;}
#resume h4 {padding: 20px 70px 5px 70px;margin: 0;clear: both;font-size: 18px;line-height: 1;font-weight: normal;font-family: Georgia,serif;}
#resume h5 {padding: 20px 70px 5px 70px;clear: both;font-weight: normal;font-size: 14px;color: #247dbb;}
#resume h4 em {font-style: normal;font-size: 14px;color: #247dbb;}
#resume p {padding: 0px 70px 5px 70px}
#resume dl {margin: 10px 0px 40px 70px;width: 400px;float: left !important;padding: 0px !important;line-height: 1.5;font-family: Georgia,serif;}
#resume dl + dl {margin-left: 20px;}
#resume dt {font-family: Helvetica,sans-serif;font-variant: normal !important;font-size: 12px;border-bottom: 1px solid #d7d7d7;}
#resume dd {margin: 0px;padding: 10px 10px 10px 20px;background: white url(images/dot.gif) no-repeat 5px 15px;-webkit-border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
#resume dd + dd {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#resume dd:hover {background: #d7d7d7 url(images/dot_black.gif) no-repeat 5px 15px;}


/**** Contact ****/
#contactform h2 {margin-left: 0px;}
#contactform {padding: 0 20px 20px 70px;width: 380px;}
#contactform legend {display: none;}
#contactform fieldset {border: none;padding: 20px 0;}
#contactform label {display: block;color: black;font-weight: bold;font-family: 'MuseoSans700',helvetica, verdana, Tahoma, sans-serif;}
#contactform input {width: 205px;display: block;margin: 5px 0 20px 0;border: 1px solid #fff;padding: 5px;color: black;font-weight: bold;background-color: #ccc;font-family: georgia, times, serif;}
#contactform textarea {width: 325px;height: 200px;display: block;margin: 5px 0 20px 0;border: 1px solid #fff;padding: 5px;color: black;font-weight: bold;background-color: #ccc;font-family: georgia, times, serif;}
#contactform button {cursor: pointer;display: block;color: #247dbb;background-color: white;padding: 10px;border: 1px solid #247dbb;}
#contactform button:hover {background-color: #247dbb;color: white;}


/**** Contact ****/
#social {float: right;width: 480px;position: relative;right: 60px;}
#social dl {float: left;width: 170px;padding: 55px 0 0 70px;}
#social dt {}
#social dd {}


/**** Main Navigation ****/
#search_icon {position: absolute;top: 32px;left: 212px;}
#search_icon a {text-decoration: none;border: none;opacity: .3;background: black url(images/search_icon.gif) no-repeat 50% 50%;text-indent: -9999px;width: 11px;height: 10px;display: block;padding: 10px !important;-webkit-transition: 400ms linear;}
#search_icon a:focus {outline: none;}
#search_icon a:hover {opacity: 1.0;}
nav ul {position: absolute;top: 15px;left: 422px;height: 63px;width: 530px;z-index: 2;}
nav ul li {display: block;list-style-type: none;color: white;}
#l_po {width: 113px;height: 43px;float: left;padding: 10px;}
#l_bi {width: 96px;height: 43px;float: left;padding: 10px;}
#l_bl {width: 97px;height: 43px;float: left;padding: 10px;}
#l_co {width: 132px;height: 43px;float: left;padding: 10px 0 10px 10px;}
#l_po a,#l_co a,#l_bi a, #l_bl a {display: block;text-indent: -9999px;padding: 0 !important;margin: 0;text-decoration: none;border: 1px solid black;-webkit-transition: 400ms linear;opacity: 1.0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#l_po a {width: 113px;height: 43px;background: black url(images/menu_port.gif) no-repeat left bottom;}
#l_bi a {width: 96px;height: 43px;background: black url(images/menu_bio.gif) no-repeat left bottom;}
#l_bl a {width: 97px;height: 43px;background: black url(images/menu_blog.gif) no-repeat left bottom;}
#l_co a {width: 132px;height: 43px;background: black url(images/menu_contact.gif) no-repeat left bottom;}
nav ul a:focus, h1 a:focus, #plugin_download a:focus {-moz-outline: none;}
#l_po a:hover, #l_bi a:hover, #l_bl a:hover, #l_co a:hover {border-color: #444;}


/**** Blog: Main Page ****/
#intro_article {padding: 42px 50px 40px 50px;margin-top:20px;}
#intro_article a {text-transform: none !important;font-variant: normal !important;color: black !important;font-weight: normal !important;background-color: white;border: 1px solid white;overflow: visible !important;display: block !important;padding: 20px;}
#intro_article a:hover {background-color: white;border-color: #247dbb;}
#intro_article strong {font-family: 'MuseoSans100',helvetica, verdana, Tahoma, sans-serif;font-size:36px;color:#000;background-color:#fff;font-weight:normal;margin: 0 20px 0 0px;position: relative;right: 3px;}
#intro_article em {font-size: 18px;line-height: 1.5;display: block;font-style: normal;font-family: Georgia,serif;}
#intro_article cite {font-style: normal;font-weight: bold;font-size: 14px;margin: 10px 0 0 0;display: block;text-transform: uppercase;color: #247dbb;}
.min_articles cite {display: block;padding: 20px 70px 20px 57px;}


/**** sectionision Tags ****/
#addar, #comments_title, #your_thoughts, #full {color: #247dbb;text-transform: lowercase;font-variant: small-caps;font-size: 12px;padding: 0;margin: 0px;background-color: #247dbb;font-family: gotham,helvetica,sans-serif;font-weight: bold;width: 230px;text-align: right;}
#addar em, #comments_title em, #your_thoughts em, #full em {color: white;font-style: normal;padding: 5px;}
.wp-pagenavi {clear: both;padding: 0 70px;}


/**** Twitter parts ****/
#tweet {margin: 0px 70px 10px 70px;border-top: 1px solid #ccc;color: #ccc;font-style: normal !important;text-transform: uppercase;font-size: 10px;padding: 5px 0 20px 0;}
#intro_tweet {padding: 0 70px 20px 70px;}


/**** Blog: Main Page sub articles ****/
#newsbox {padding: 0 0 0 40px;}
#newsbox li {width: 200px;height: 200px;overflow: hidden;float: left;margin: 10px;}
#newsbox li strong {padding: 0 20px 10px 40px;clear: both;line-height: 1.5;display: block;font-family: 'MuseoSans700', helvetica, verdana, Tahoma, sans-serif !important;text-transform: uppercase;}
#newsbox li a time {display: block;padding: 12px 20px 0 20px;font-family: 'MuseoSans100', helvetica, verdana, Tahoma, sans-serif;color:#247dbb;font-size: 10px;font-weight: bold;font-variant: normal !important;-webkit-transform: rotate(-90deg);-webkit-transform-origin: 0px 0px;-moz-transform: rotate(-90deg);-moz-transform-origin: 0px 0px;position: relative;top: 200px;right: 0;text-align: right;width: 150px;}
#newsbox li a:hover time {color: #999;}
#newsbox li em {text-transform: none;line-height: 2;padding: 0 20px 20px 40px;display: block;font-weight: normal;font-style: normal;font-variant: normal !important;}
#newsbox li a {padding: 20px;display: block;text-decoration: none;padding: 0;margin: 0;color: black;width: 198px;height: 198px;border: 1px solid white;}
#newsbox li a:hover {border-color: #247dbb;background-color: white !important;}
#newsbox li a:hover strong {color:#247dbb;}
#newsbox li a:hover em {color: black;}
#newsbox li a cite {width: 200px;height: 199px;display: block;background: transparent url(images/news_overlay_white.png) repeat-x bottom left;margin-top: -200px;position: relative;top: 200px;right: 1px;z-index: 3;text-indent: -9999px;}


/**** Blog: insectionidual articles ****/
header h2 {padding: 0 0 60px 0;}
#bio article, #blog article {padding: 20px 70px 30px 70px;}
#blog article h3 {font-size: 36px;line-height: 1;padding: 40px 0 10px 0;font-weight: normal;color: black;font-family: 'MuseoSans100', helvetica, verdana, Tahoma, sans-serif}
#bio article p {font-size: 150%;margin: 0px auto 10px auto;text-align: justify;position: relative;z-index: 2;padding-bottom: 0;}
#blog article p:nth-child(1) {font-size: 150%;margin: 40px auto 10px auto;text-align: justify;position: relative;z-index: 2;padding-bottom: 0;}
#bio article p:first-of-type:first-letter, #blog article p:first-of-type:first-letter {font-size: 130px;line-height: 18px;float: left;font-family: 'MuseoSans900', helvetica, verdana, Tahoma, sans-serif;font-weight: bold;padding: 10px 2px 0 0}
@media screen and (-webkit-min-device-pixel-ratio:0) {#bio article p:nth-child(1):first-letter, #blog article p:nth-child(1):first-letter {padding: 50px 5px 0 0;}}
#bio article p:first-of-type:first-line, #blog article p:first-of-type:first-line {font-family: 'MuseoSans900', helvetica, verdana, Tahoma, sans-serif;font-weight: bold;text-transform: uppercase;font-size: 18px;}
#blog article ul {padding: 0 !important;font-family: Georgia, serif;padding: 20px 0 !important;}
#blog article li {list-style-type: lower-roman;color: black;padding: 5px 0px !important;margin: 0 !important;}
#blog article li strong {color: black;font-family: Helvetica, sans-serif;}
#updated {width: auto !important;margin: 20px 0px !important;color: white !important;background-color: #530000 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family: helvetica, gotham, sans-serif !important;text-indent: 0px!important;padding: 10px !important;font-size: 14px !important;}
#updated:first-line, #updated:first-letter {font-size: 14px !important;font-family: helvetica, gotham, sans-serif !important;}
code {background-color: #efefef;padding: 10px;margin: 10px 0px 20px 0px;font-size: 14px;display: block;}
code:hover {background-color: black;color: white;}
blockquote p {background-color: #efefef;padding: 10px;margin: 10px 0px 20px 0px;font-size: 14px;display: block;}
blockquote p:hover {background-color: black;color: white;}
blockquote p:nth-child(1) {font-size: 14px !important;margin: 10px 0px 20px 0px !important;text-align: justify;position: relative;z-index: 2;padding: 10px !important;}
blockquote p:first-of-type:first-letter {font-size: 14px !important;line-height: 21px !important;float: none;font-family: georgia, serif !important;font-weight: normal !important;padding: 10px 2px 0 0}
blockquote p:first-of-type:first-line {font-family: georgia, serif !important;font-weight: normal !important;text-transform: none !important;font-size: 14px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {blockquote p:nth-child(1):first-letter {padding: 4px 1px 0 0 !important;}}
blockquote p:before {content: "\"";}
blockquote p:after {content: "\"";}



#simple_text {font-size: 14px !important;position: relative;bottom: 100px;}
#simple_text:first-letter {font-family: Georgia, serif !important;font-weight: normal !important;text-transform: none !important;font-variant: normal !important;font-size: 14px !important;float: none !important;padding: 0px !important;line-height: 1.5 !important;}
#simple_text:first-line {font-family: Georgia, serif !important;font-weight: normal !important;text-transform: none !important;font-variant: normal !important;font-size: 14px !important;}
#twitter {padding: 0;position: relative;right: 20px;font-style: normal;}
#twitter a {background: white url(images/follow.png) no-repeat 10px center !important;padding: 10px 10px 10px 50px;color: #247dbb;border: 1px solid white;}
#twitter a:hover {border-color: #247dbb;}


/**** Post Gallery ****/
#gallery {
width: 100px  !important;margin: 0 !important;
-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;
-moz-border-radius: none !important;-webkit-border-radius: none !important;border-radius: none !important;
float: right !important;padding: 0 10px 0 20px !important;position: relative !important;top: 0px !important;left: 10px !important;z-index: 999 !important;}
#gallery dl {width: 100px;padding: 0 0 0 0;}
#gallery dt a {border: 5px solid #fff;display: block;width: 100px;height: 100px;overflow: hidden;padding: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
#gallery dt a:hover {border-color: #000;}
#gallery dd {display: none;}
#gallery img {border: none;}


/**** Related ****/
#similar_posts {padding: 0px 70px 0 70px !important;}
#similar_posts h6 {padding: 10px 10px 8px 10px;text-align: left;font-family: helvetica, gotham, sans-serif;font-weight: bold;text-transform: uppercase;font-size: 10px;line-height: 1;border-bottom: 4px solid black;}
#similar_posts ul {padding: 0 !important;font-family: Georgia, serif;}
#similar_posts li {list-style-type: lower-roman;border-bottom: 1px solid #ccc;color: #ccc;padding: 0 !important;margin: 0 !important;}
#similar_posts li a {display: block;padding: 5px 0 5px 10px;border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;}
#similar_posts li a:hover {background-color: #ccc;color: black;}


/**** Comments ****/
#reader_comments {margin: 0 70px 100px 70px;}
#reader_comments li {list-style-type: none;overflow: hidden;}
#reader_comments li time {display: block;text-transform: uppercase;font-style: normal;padding: 5px 0;font-weight: bold;color: #ccc;-webkit-transform: rotate(-90deg);-webkit-transform-origin: 0px 0px;-moz-transform: rotate(-90deg);-moz-transform-origin: 0px 0px;position: relative;top: 250px;right: 0px;text-align: right;width: 150px;line-height: 1;}
#reader_comments li time em {display: block;font-style: normal;}
#reader_comments li img {float: right;padding: 60px 0 20px 20px;}
#reader_comments li h6 {font-size: 24px;padding: 10px 10px 0 40px;font-weight: normal;color: black;}
#reader_comments li h6 a {}
#reader_comments li h6 a:hover {}
#reader_comments li h6 em {font-size: 8px;color: white;background-color: black;padding: 2px 4px;font-style: normal;font-family: Helvetica, gotham, sans-serif;font-weight: bold;position: relative;bottom: 4px;}
#reader_comments li p {padding: 10px 0 0 40px;}
#respond {width: 700px;margin: 50px auto 100px auto;}
#respond fieldset {border: none;}
#respond legend {display: none;}
#respond label {display: block;font-size: 18px;padding: 20px 10px 0 0;font-weight: normal;color: black;font-family: 'MuseoSans700',helvetica, verdana, Tahoma, sans-serif;}
#respond input {display: block;position: relative;z-index: 3;border: 2px solid black;padding: 4px;font-size: 14px;font-variant: small-caps;}
#respond button {font-family: helvetica, gotham, sans-serif;font-weight: bold;text-transform: uppercase;font-size: 12px;line-height: 1;display: block;padding: 10px 10px 8px 10px;background-color: black;color: white;border: 1px solid black;margin: 20px 0 0 0;cursor: pointer;}
#respond button:hover {background-color: white;color: red;border-color: red;}
#respond textarea {display: block;position: relative;z-index: 3;border: 2px solid black;padding: 4px;font-size: 12px;width: 340px;}
#respond textarea:hover, #respond input:hover {background-color: black;color: white;}
#notify_me input {display: inline;}
#notify_me {font-size: 14px !important;}
#comment_post_ID {display: none !important;border: none !important;}
.wp-smiley {float: none !important;display: inline !important;padding: 0px !important;margin: 0px !important;}

.updated {padding: 0 70px;}
.options {padding: 0 70px;border: none;}
.options h3 {padding-top: 20px;}


/**** Date ****/
#date {margin: 0px 70px 100px 70px;font-family: helvetica, gotham, sans-serif;font-weight: bold;text-transform: uppercase;font-size: 10px !important;line-height: 1;}
#date strong {display: none;}
#date p {padding: 10px 10px 8px 10px !important;font-size: 10px !important;background-color: black;color: white;}


/**** Insectionidual Portfolio Pages ****/
#portfolio article {float: left;width: 600px;margin: 0 0 0 70px;}
#portfolio h2 {padding: 0px 0px 10px 0;margin: 70px 0 0px 70px;clear: none !important;}
#portfolio h2 strong {font-weight: normal;display:block;float: left;}
#portfolio h2 em {}
#portfolio h2 em a {padding: 4px;border: 1px solid white;position: relative;top: 15px;left: 15px;text-decoration: none;width: 86px;height: 9px;background: transparent url(images/nextdesign.png) no-repeat center center;display: block;text-indent: -99999px;float: left;}
#portfolio h2 em a:hover {border: 1px solid red;}
#portfolio p {clear: both;padding: 10px 0px;}

aside {display: block;width: 164px;padding: 0px;margin: 0px 66px 0 0px;float: right;clear: none !important;position: relative;bottom: 20px;}
aside dl {width: 164px;padding: 0px;margin: 0px 66px 0 0px;clear: none !important;}
aside dl dt {font-size: 11px;}
aside dl dd {font-size: 11px;}
aside dl dd a {position: relative;right: 4px;display: block}
aside dl dd a:hover {}

#portfolio article ul {padding: 20px 0 0 0;margin: 0;}
#portfolio article ul li {list-style-type: none;padding: 0;margin: 0;}

#portfolio article ol {margin: 0 0 10px 0;line-height: 2;font-size: 12px;font-family: georgia, times, serif;border-top: 1px solid #d7d7d7;}
#portfolio article ol li {list-style-type: none;padding: 5px 0;border-bottom: 1px solid #d7d7d7;}
#portfolio article ol li strong {padding-right: 10px;position: relative;top: 4px;text-transform: uppercase;font-family: 'MuseoSans700',helvetica,sans-serif;font-size: 10px;width: 70px;text-align: right;display: block;float: left;}
#portfolio article ol li span {width: 190px;}
#portfolio article ol li a {display: inline;}
#portfolio article ol li a:hover {}


/**** Portfolio Specifics ****/
#port_list {padding: 0 70px 0 98px;font-family: georgia, times, serif;font-size: 2em;margin: -50px 0 0 0;}
#port_list li {padding: 75px 0 0 0;list-style-type: decimal;clear: both;color: #ccc;}
#port_list h3 {font-family: helvetica, verdana, Tahoma, sans-serif;font-size:24px;color: black;font-weight:normal;margin: 0 20px 0 0;width: 630px;}
#port_list li p {float: left;padding: 10px 0;line-height: 2;font-size: .55em;font-family: georgia, times, serif;width: 340px;color: black;}
#port_list li p a, #port_list li ul li a {display: inline;color: red;}
#port_list li p a:hover, #port_list li ul li a:hover {color: white;}
#port_list h3 a {display: block;text-decoration: none;text-indent: -9999px;float: right;border: 1px solid transparent;position: relative;top: 5px;}
#port_list h3 a:hover {background-color: white;color: black;}
#port_list h3 a:hover {border: 1px solid red;}
#port_list li .port_img {padding: 0;margin: 0;background: none;}
#port_list li .port_img img {border: 5px solid #fff;margin: 10px 0 0 0;background-image: none;padding: 0;}
#port_list li .port_img img:hover {border-color: #000;background-image: none;padding: 0;}
#port_list li ul {float: right;padding: 10px 10px 0 0;line-height: 2;font-size: 12px;font-family: georgia, times, serif;width: 270px;}
#port_list li ul li {list-style-type: none;padding: 0 0 5px 0;color: red;}
#port_list li ul li strong {padding-right: 10px;position: relative;top: 4px;text-transform: uppercase;font-family: gotham,helvetica,sans-serif;font-size: 10px;width: 70px;text-align: right;display: block;float: left;}
#port_list li ul li span {width: 190px;float: right;}
.view {width: 120px;height: 20px;background: white url(images/viewthework.gif) no-repeat 50% 50%;}
.view:hover {background: black url(images/viewthework.gif) no-repeat 50% 50%;}


/**** new portfolio section ****/
#portfolio_list {width: 960px;overflow: hidden;}
#portfolio_list li {width: 40px;height: 25px;float: left;list-style-type: none;padding: 0;margin: 0;}
#portfolio_list li a {padding: 0;margin: 0;display: block;width: 40px;height: 25px;background-image: none;border: none !important;}
#portfolio_list li a:hover {}
#portfolio_list li a img {border: none;}
#portfolio_list li a strong {display: none;}
#portfolio_list li a:hover strong {background: transparent url(images/port_hoverred.gif) no-repeat top left;width: 40px;height: 25px;display: block;position: relative;left: 0;bottom: 30px;z-index: 999;color: white;font-size: 8px;text-align: center;line-height: 50px;text-indent: -9999px;}


/**** Downloads ****/
#updatewarning {border-bottom: 4px solid #680000;border-top: 4px solid #680000;padding: 10px !important;background-color: #ff7676;color: #680000;margin: 40px 0;}
#updatewarning a {color: black;padding: 2px 4px;}
#updatewarning a:hover {color: #ff7676;background-color: black;}
#plugin_download {padding: 20px 0 0 0;}
#plugin_download a {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width: 375px;height: 100px;display: block;text-indent: -9999px;background: transparent url(images/download_plugin.png) no-repeat 0px -100px;text-decoration: none;padding: 0;margin: 0;}
#plugin_download a:hover {background: transparent url(images/download_plugin.png) no-repeat 0px 0px;}

#download_sample {padding: 20px 0 0 0;}
#download_sample a {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width: 375px;height: 100px;display: block;text-indent: -9999px;background: transparent url(images/download_sample.png) no-repeat 0px 0px;text-decoration: none;padding: 0;margin: 0;}
#download_sample a:hover {background: transparent url(images/download_sample.png) no-repeat 0px -100px;}


/**** Portfolio Main ****/
#portfolio_main {width: 960px;overflow: hidden;background-color: black;}
#portfolio_intro h3 {position: absolute;z-index: 901;width: 960px;height: 55px;background: transparent url(images/selectaproject.png) no-repeat top left;text-indent: -9999px;}
#portfolio_main li {width: 192px;height: 192px;float: left;list-style-type: none;padding: 0;margin: 0;}
#portfolio_main li a {padding: 0;margin: 0;display: block;width: 192px;height: 192px;background-image: none;text-decoration: none;border: none !important;}
/* #portfolio_main li a img  {opacity: 1.0;}
#portfolio_main li a:hover img {opacity: .1;} */
#portfolio_main li img {border: none;}
#portfolio_main li a:hover {}
#portfolio_main li a strong {display: none;}
#portfolio_main li a:hover strong {background: transparent url(images/viewproject_newblue.png) no-repeat top left;width: 192px;height: 192px;display: block;position: relative;left: 0;bottom: 198px;z-index: 900;text-indent: -9999px;}

/**** hate to do this, but Safari CSS hack for pixel shift ****/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#portfolio_main li a:hover strong {bottom: 197px;}
}


/**** New Footer ****/
#meta {clear: both;border: 1px solid #ccc;border-width: 1px 0px;overflow: hidden;}
#meta ul li {width: 240px;float: left;padding: 20px 0 30px 0;list-style: none;}
#meta h5 {font-size: 18px;padding: 10px 0 0 60px;color: #666;}
#meta p {padding: 0;}
#meta form {padding: 0 0 2px 60px;}
#meta button {cursor: pointer;width: 25px;height: 25px;display: block;text-indent: -9999px;background: white url(images/search.gif) no-repeat top left;border: none;}
#meta button:hover {background-position: left bottom;}
#searchform input {float: left;border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 2px;}
#searchform button {float: left;position: relative;left: 5px;bottom: 3px;}


/**** Style the Fancy Box ****/
section#fancy_overlay {position:absolute;top: 0;left: 0;z-index: 90;width: 100%;background-color: #333;}
section#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;}
section#fancy_loading section {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url(images/fancy_progress.png) no-repeat;}
section#fancy_close {position: absolute;top: -12px;right: -12px;height: 30px;width: 30px;background: transparent url(images/fancy_closebox.png) ;cursor: pointer;z-index: 100;display: none;}
section#fancy_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;z-index: 96;}
#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
img#fancy_img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0;padding: 0;margin: 0;z-index: 92;}
section#fancy_title {position: absolute;bottom: -40px;left: 0;width: 100%;z-index: 100;display: none;}
section#fancy_title table {margin: 0 auto;}
section#fancy_title section {color: #FFF;padding-bottom: 2px;text-shadow: 2px 2px 3px black;font-size: 14px;font-weight: bold;}
td#fancy_title_left {height: 32px;width: 15px;background: transparent url(images/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px;background: transparent url(images/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height: 32px;width: 15px;background: transparent url(images/fancy_title_right.png) repeat-x;}
section#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none;}
section#fancy_inner {position: relative;width:100%;height:100%;background: #FFF;}
a#fancy_left, a#fancy_right {position: absolute;bottom: 10px;height: 100%;width: 35%;cursor: pointer;background-image: url(images/data:image/gif;base64,AAAA);z-index: 100;}
a#fancy_left {left: 0px;}
a#fancy_right {right: 0px;}
a#fancy_left:hover {background: transparent url(images/fancy_left.gif) no-repeat 0% 100%;}
a#fancy_right:hover {background: transparent url(images/fancy_right.gif) no-repeat 100% 100%;}
#fancy_bigIframe, #fancy_freeIframe {position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
section#fancy_bg {display: none;}
section.fancy_bg {position: absolute;display: block;z-index: 70;}
section.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url(images/fancy_shadow_n.png) repeat-x;}
section.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url(images/fancy_shadow_ne.png) no-repeat;}
section.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url(images/fancy_shadow_e.png) repeat-y;}
section.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url(images/fancy_shadow_se.png) no-repeat;}
section.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url(images/fancy_shadow_s.png) repeat-x;}
section.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url(images/fancy_shadow_sw.png) no-repeat;}
section.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url(images/fancy_shadow_w.png) repeat-y;}
section.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url(images/fancy_shadow_nw.png) no-repeat;}


/**** category header ****/
#full_article {color: red;text-transform: lowercase;font-variant: small-caps;font-size: 16px;padding: 0 !important;margin: 20px 0 0;background-color: red;font-family: gotham,helvetica,sans-serif;font-weight: bold;width: 400px;position: relative;right: 70px;text-align: right;text-indent: 10px;}
#full_article em {color: white !important;font-style: normal;padding: 5px !important;display: inline;}


/**** Archives ****/
#read_archives {display: block;clear: both;padding: 0px 0px 0px 60px;}
#read_archives a {width: 204px;height: 15px;padding: 10px;background: white url(images/checkthearchives.png) no-repeat center center;text-indent: -9999px;display: block;border: 1px solid white;}
#read_archives a:hover {border-color: #247dbb;}
#col1 {margin: 20px 0px 40px 70px;width: 400px;float: left;}
#col2 {margin: 20px 70px 40px 0px;width: 400px;float: right;}
#archives_page p {padding: 0px 70px 0 70px}
#archives_page h3 {text-transform: uppercase;font-size: 11px;padding: 10px 0px 10px 10px;}
#archives_page h2 {padding-top: 50px;}
#col1 ul, #col2 ul {list-style-type: none;}
#col1 li, #col2 li {}
#col1 li a, #col2 li a {padding: 10px;border-bottom: 1px solid #d7d7d7;display: block;-webkit-border-radius: 0px;border-radius: 0px;-moz-border-radius: 0px;text-transform: uppercase;font-size: 11px;}



/**** Footer ****/
footer {clear: both;padding: 40px 0 0 0;}
footer ul {width: 960px;background-color: #eee;padding-left: 60px;overflow: hidden;}
footer ul li {width: 160px;float: left;padding: 20px 0;margin: 0 10px;list-style-type: none;overflow: hidden;}
#footer_proj, #book {width: 220px !important;}
footer ul li dl {padding: 0 0 0 0;}
footer ul li dl dt {padding: 10px 10px 8px 4px;text-align: left;font-family: helvetica, gotham, sans-serif;font-weight: bold;text-transform: uppercase;font-size: 10px;line-height: 1;}
footer ul li dl dd {clear: both;padding: 5px 0;}
footer li a {width: 145px;display: block;}
#book a,#footer_proj a {width: 200px !important;overflow: hidden !important;}
footer ul li dl dd a:hover {}
footer ul li dl dd img {float: left;padding: 0;margin: 2px 10px 2px 0px;-webkit-box-shadow: 0px 0px 4px #888;-moz-box-shadow: 0px 0px 4px #888;box-shadow: 0px 0px 4px #888;border: none;}
footer p {clear: both;background-color: transparent;color: black;padding: 15px 0px;text-align: center;}
#portfolio_intro footer {padding: 0;}
#portfolio_intro footer ul {display: none;}
#portfolio_intro footer p {color: white;}


/**** Insectionidually Designed Posts ****/
.post_391 #content {background: white url(images/pianovs.jpg) no-repeat 0px 120px;}
.post_391 #content h2 {background-color: transparent;padding-bottom: 320px;}
.post_544 #content {background: white url(images/timesheet.png) no-repeat right 120px;}
.post_544 #content h2 {background-color: transparent;padding-bottom: 320px;}


/**** Search Bar ****/
#searchsite {width: 960px !important;height: 55px !important;background: transparent url(images/searchfor.png) no-repeat top left;position: absolute;top: 94px;left: 0px;z-index: 9999;}
#searchsite fieldset {border: none;width: 200px;height: 18px;position: relative;left: 150px;top: 16px;}
#searchsite legend {display: none;}
#searchsite label {display: none;}
#searchsite input {background: transparent url(images/search_bar.gif) no-repeat top left;width: 171px;height: 18px;overflow: visible;border: none;float: left;font-size: 9px;line-height: 18px;text-indent: 8px;font-weight: bold;}
#searchsite input:focus {border: none;outline: none;}
#searchsite button {background: transparent url(images/search_button.gif) no-repeat bottom left;height: 18px;width: 29px;text-indent: -9999px;border: none;cursor: pointer;padding: 0;margin: 0;float: right;}
#searchsite button:hover {background-position: top left;}

#home #searchsite {background: transparent url(images/searchfor_home.png) no-repeat top left;height: 50px !important;-webkit-box-shadow: 0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}