/* @override http://local.joeldt.net/wordpress/wp-content/themes/NEWER/style.css */

#speshul {
	font-weight: bold;
	color: black;
}

#speshul:hover {
	text-decoration: underline;
	color: black;
}

.typeface-js-selected-text {
	color: rgba(128, 128, 128, 0);
	font-family: Arial, sans-serif;
	opacity: 0;
	position: absolute;
	white-space: pre;
}

/* @group 404 */

#notice404 {
	position: absolute;
	height: 100%;
	width: 100%;
	background: black;
	z-index: 100;
	display: none;
	color: white;
}

#notice404 #chiled {
	position: absolute;
	width: 100%;
	height: 100%;
}

* html #fixer1 {
	position: absolute;
	left: 50%;
}

#fixer1 {
	position: absolute;
	left: 50%;
	top: 50%;
}

#fixer2 {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: 270px;
	margin-left: -400px;
	margin-top: -175px;
}


#notice404 h2 {
	text-align: center;
	font-size: 36pt;
}

#notice404 p {
	text-align: center;
	line-height: 1.8em;
}

#notice404 a {
	color: #feea00;
}

.error404 #notice404 {
	display: block !important;
}

body.error404 {
	overflow: hidden;
	height: 100%;
}

/* @end */

/* @group Universal */

html > br {
	display: none; /* Opera...o_O */
}

* {
	margin: 0;
	padding: 0;
}

*:focus {
	outline: none;
}

body {
	background: black url(images/night.png) repeat-x bottom;
	font-family: Georgia, Times, serif;
	color: white;
}

#x {
	padding-bottom: 384px;
	background: url(images/twilight.png) no-repeat center bottom;
}

.blog #x {
	background: url(images/afternoon.png) no-repeat center bottom;
	float: left;
	width: 100%;
	padding-bottom: 0px;
}

a {
	color: #888;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: underline;
}

.blog #supahstar {
	background: transparent url(images/day.png) repeat-x bottom;
	float: left;
	width: 100%;
}

body.portfolio {
	background: black url(images/day.png) repeat-x bottom;
	font-family: Georgia, Times, serif;
	color: white;
}

.portfolio #x {
	background: url(images/afternoon.png) no-repeat bottom;
}

article, section, header, footer { display: block } /* WHO LOVES HTML5? WE DO! */

/* @end */

/* @group contactbox */

* html #contacttester {
	position: absolute;
}

#contacttester {
	position: fixed;
	width: 100%;
	background: url(images/contbox.png);
	z-index: 200;
	top: 0;
	left: 0;
	right: 0;
	height: 315px;
	margin-top: -315px;
	overflow: hidden; /* Until I can get all the different weird OS heights figured out */
}

#columnn1 {
	float: left;
	width: 420px;
	margin-left: 1%;
}

#columnn1 h2 {
	color: #21cbff !important;
	font-size: 25pt;
	text-shadow: 0 1px 1px black;
	padding-bottom: 5px;
}

#columnn1 p {
	line-height: 1.6em;
	font-size: 11pt;
}

#nest {
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
	padding: 8px 0;
}

.contactform {
	margin: 0 auto;
	font-size: 10pt;
	padding: 6px 0;
}

form#wpcf {
	float: right;
}

* html #wpcf input, * html #wpcf textarea {
	margin-left: 190px;
}

* html input#contactsubmit {
	margin-left: 260px !important;
}

.contactform label {
	font-size: 10pt;
	position: absolute;
	margin-top: 5px;
	color: #bbb;
}

.contactform input:not(#contactsubmit), .contactform textarea {
	margin-left: 160px !important;
	font-size: 9pt;
	margin-top: 4px;
	border: 1px solid #555;
	background: #333;
	padding: 3px;
	color: #bbb;
}

.contactform textarea {
	margin-top: -9px;
	margin-bottom: 3px;
	width: 300px;
}

.contactform textarea:focus, .contactform input:focus {
	background: #444;
	color: #fff;
}

#contactsubmit {
	display: block;
	margin: -15px 0 0 410px;
}

/* @end */

/* @group Firefox 2 notice */

#firefoxshade {
	display: none;
}

header + #firefoxshade {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(images/quicker.png);
	z-index: 998;
	display: block;
}

#firefoxshade:target {
	display: none !important;
}

.firefoxnotice {
	display: block;
	position: fixed;
	width: 540px;
	height: 190px;
	padding: 30px;
	background: #fd9d8e;
	border: 3px solid red;
	color: black;
	z-index: 1000;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -300px;
	font-size: 15pt;
	line-height: 1.6em;
	text-align: center;
}

.firefoxnotice a {
	font-weight: bold;
	color: black;
}

/* @end */

/* @group Navigation */

#nav {
	height: 111px;
	background: url(images/navs.png) no-repeat top center;
	width: 771px;
	margin: 0 auto;
}

#nav li {
	float: left;
	height: 111px;
	list-style: none;
}

li.home {
	width: 169px;
}

li.abouta {
	width: 172px;
}

li.folio {
	width: 198px;
}

li.contact {
	width: 232px;
}

.contact, #closer {
	cursor: pointer;
	color: #21cbff !important;
}

#nav span {
	display: block;
	height: 111px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
}

* html #nav span {
	display: none; /* fuck you, ie6 */
}

li.home span {
	background: url(images/navs.png) no-repeat 0px -111px;
}

li.abouta span {
	background: url(images/navs.png) no-repeat -169px -111px;
}

li.folio span {
	background: url(images/navs.png) no-repeat -341px -111px;
}

li.contact span {
	background: url(images/navs.png) no-repeat -539px -111px;
}

#nav span:hover {
	opacity: 1;
}

#nav a { position: relative;
text-indent: -9999px;
display: block; height: 111px; }

#nav a .hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 111px;
	width: 100%;
	display: block;
}

/* @end */

/* @group Mid */

#two {
	background: url(images/igotdaflowah.jpg) repeat-x center top;
	height: 352px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	color: white;
	text-shadow: 0 1px 1px black;
	overflow: hidden;
}

.portfolio #two {
	border-bottom: 3px solid black;
	outline: 3px solid #111;
}

#two a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#two a:hover {
	cursor: pointer;
}

#two a#back:hover {
	cursor: pointer;
	color: black;
	text-shadow: none;
	background: white;
}

h1 {
	font-size: 40pt;
}

#two p {
	font-size: 20pt;
	padding-top: 12px;
}

.p2 {
	margin-top: 7px;
	padding-bottom: 12px;
}

.p3 {
	font-size: 24pt !important;
	padding-bottom: 12px;
	padding-top: 8px !important;
}

#feuille, #contakt, #bolg, #wpress {
	font-weight: bold;
}

#feuille {
	color: #f80573 !important;
}

#feuille:hover {
	color: black !important;
	background: #f80573;
	text-shadow: none;
}

#contakt {
	color: #21cbff !important;
}

#contakt:hover {
	background: #21cbff;
	color: black !important;
	text-shadow: none;
}

#wpress {
	color: #feea00 !important;
}

#wpress:hover {
	color: black !important;
	text-shadow: none;
	background: #feea00;
}

#bolg {
	color: white !important;
}

#bolg:hover {
	background: white;
	color: black !important;
	text-shadow: none;
}

/* @end */

/* @group 3 */

#three {
	background: url(images/quot.gif) repeat-x 0 41px;
	position: relative;
	width: 100%;
}

.home #three {
	white-space: nowrap;
	overflow: hidden;
	height: 505px;
	
}
	
#three h3 {
	font-weight: normal;
	text-shadow: 0 0 1px black;
	text-transform: uppercase;
	font-size: 28pt;
	padding-left: 15px;
	padding-top: 25px;
	background: black;
	width: 345px;
	padding-bottom: 20px;
}

#three h3 a {cursor: pointer}

#contain {
	position: absolute;
	top: 100px;
	width: 50000px;
	-webkit-transition: margin 0.5s ease-in-out;
}

#contain ul li {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 272px;
	position: relative;
}

#shade {
	height: 432px;
	top: 75px;
	right: 0;
	background: transparent url(images/shade.png) no-repeat 3px top;
	position: absolute;
	width: 88px;
	z-index: 97;
	text-indent: -9999px;
}

.bordered {
	padding: 5px;
	border: 1px dashed #333;
}

.bordered:hover {
	border: 1px dashed #666;
}

.recent-thumb {
	height: 198px;
	width: 260px;
	background-position: 0 0;
	position: relative;
}

.hoover span {
	background: black;
	height: 198px;
	width: 260px;
	display: block;
	opacity: 0.5;
}

.hoover a {
	height: 198px;
	width: 260px;
	display: block;
	position: absolute;
	z-index: 99;
}

.hoover img {
	opacity: 1 !important;
	z-index: 96;
	}

.description {
	clear: left;
	float: left;
	width: 250px;
	font-family: Verdana, Arial, sans-serif;
	text-shadow: 0 0 1px black;
	font-size: 8pt;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: normal;
}

.description h4 {
	color: white;
	font-size: 20pt;
	padding: 0;
	line-height: 0.8em;
	margin-bottom: -10px;
	letter-spacing: -1px;
}

.description h4 a {
	color: #bbb;
}

img.ribbon {
	position: absolute;
	top: -9px;
	left: -8px;
}

*:first-child+html #third.column ul {
	margin-top: -17px;
}

/* @end */

/* @group 4 */

#four {
	margin-top: 80px;
	min-width: 900px;
	height: 270px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background: url(images/eveningwould.gif) no-repeat center 0;
	overflow: hidden;
	padding-top: 5px;
}

* html #four {
	background: url(images/eveningwould.gif) no-repeat center 0px;
}

*:first-child+html #four {
	background: url(images/eveningwould.gif) no-repeat center 0px;
}

.column {
	float: left;
	width: 30%;
	margin-left: 2%;
	padding-top: 20px;
}

.column ul {
	list-style: none;
}

.column ul li {
	padding-top: 12px;
	background: url(images/li.png) no-repeat 70px 6px;
	font-size: 14pt;
	text-shadow: 0 1px 2px #111;
}

* html #third .aktt_tweets {
	margin-top: -18px !important;
}

*:first-child+html #third .aktt_tweets {
	margin-top: 12px;
}

.aktt_more_updates {
	display: none;
}

.aktt_credit {
	display: none;
}

.aktt_tweets form {
	display: none;
}

.column a {
	color: #b2c7dd;
}

.column h3 {
	font-size: 20pt;
	font-weight: normal;
	text-shadow: 0 1px 2px black;
}

#second ul li p, #third .tweet {
	font-size: 11pt;
	line-height: 1.5em;
}

#third {
	text-shadow: 0 1px 2px #111;
}

span.tweet {
	font-style: italic;
	color: #ccc;
}

/* @end */

/* @group Blog */

#searchstripe {
	background: url(images/blogch.png) repeat-x;
	overflow: hidden;
	border-bottom: 1px solid black;
	display: block;
}

#searchstripe span {
	color: #9b9b9b;
	font-size: 34pt;
	margin: -6px 0 -2px;
	display: block;
	float: left;
	font-weight: bold;
	text-shadow: #000 0 1px 1px;
}

#searchform {
	float: right;
	margin: 9px 0 7px;
}

input#s {
	padding: 7px;
	width: 160px;
	border: 0 none;
	background: url(images/quicker.png);
	border-top: 1px solid #6e6e6e;
	color: white;
}

#capsule {
	width: 800px;
	margin: 0 auto;
}

.thing {
	height: 300px;
	background: black;
	display: inline-block;
	width: 100%;
}

.archive h2 {
	line-height: 42px;
	text-align: center;
	background: url(images/folio-top.png) repeat-x 0 -12px;
	border-bottom: 1px solid black;
	color: black;
	text-shadow: #676767 0 1px 1px;
}

.archive h2 code {
	color: white;
	font-weight: normal;
	text-shadow: 0 1px 1px black;
}

.post, .comment, .pingback, .trackback {
	padding: 12px 5%;
	min-height: 30px;
	float: left;
	width: 90%;
	background: #030303;
	position: relative;
}

body.search-no-results .post.alternate {
	 width: 100%;
	 padding: 12px 0;
}

body.search-no-results .post .entry {
	 padding-left: 5%;
}

body.search-no-results .post .title {
	padding-right: 5%;
}

.post p {
	min-width: 600px;
	float: left;
}

.post {
	min-width: 860px;
}

* html .post {
	line-height: 1.4em;
}

* html .title h3 {
	line-height: 1.1em;
}

* html .post p {
	clear: both;
	width: 100%;
	margin-bottom: 8px;
}

.alternate, .comment.even, .pingback.even, .trackback.even {
	border-bottom: 1px solid #191919;
}

* html .singlequick .quick {
	background: url(images/quicker.png);
}

.title h3 a {
	display: inline !important;
}

.quick p {
	min-width: 50px;
	clear: left;
}

.quickpost .quick {
	margin: -1em auto;
	float: none;
}

.quick {
	float: left;
	width: 25%;
	min-width: 350px;
	padding: 15px;
	border: 1px solid #111;
	background: url(images/quicker.png);
	margin: -1em 0;
	height: 18.6em;
	margin-right: 20px;
	overflow: hidden;
	z-index: 99;
	position: relative;
}

.search-results .quick:only-child {
	float: none;
	margin: -15px auto 0;
}

.quick .cap {
	font-size: 1em;
	float: none;
	padding: 0;
}

.quick .title {
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
}

.quick h3 {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	display: inline;
}

.quick .metaz {
	display: none;
}

.quick .post .title {
	float: left;
	padding: 0 !important;
	margin-left: -7px;
	margin-bottom: -12px;
}

.quick .title h3 a {
	color: black;
	text-shadow: 0 1px 1px #999;
	float: none;
	text-align: left;
}

.quick .entry {
	width: 100% !important;
	max-height: 19.9em;
	overflow: hidden;
	clear: left;
}

.quick .entry a {
	color: #21cbff !important;
}

.quick .entry a:hover {
	text-shadow: none !important;
	background: #21cbff !important;
	color: black !important;
}

.quick .entry p {
	float: none;
	min-width: 200px !important;
	clear: both;
}

*:first-child+html .quick p.first-child {
	margin-top: 60px;
}

span.cap, .portfolio span.cap {
	font-size: 3em;
	height: 1em !important;
	margin-top: -5px;
	line-height: 1.2em;
	float: left;
	display: block;
	padding-right: 5px;
	overflow: visible;
	text-indent: 0px;
}

.portfolio span.cap {
	font-size: 3.5em;
}

#contain span.cap {
	font-size: 1em;
	margin: 0 !important;
	display: inline;
	padding: 0;
	line-height: 1em;
	float: none;
}

.quick span.cap {
	display: inline !important;
}

.alternate, .comment.even, .pingback.even, .trackback.even {
	background: #0d0d0d url(images/igotdaflowah.jpg) repeat-x center -392px;
	border-top: 1px solid #444;
}

.title {
	width: 200px;
	text-align: right;
	float: right;
}

.commeta {
	width: 27%;
	text-align: right;
	float: right;
}

.odd .commeta {
	float: left;
	text-align: left;
}

.title h3 {
	float: right;
	font-size: 22pt;
	text-shadow: 0 1px 1px black;
	padding-left: 8px;
	padding-bottom: 8px;
}

.metaz {
	clear: right;
	float: right;
	text-align: right;
	width: 200px;
}

.metaz a, .even a {
	color: #21cbff;
}

.metaz a:hover, .even a:hover {
	color: black;
	background: #21cbff;
	text-decoration: none;
}

.stuff h3 a, .other h3 a, .odd a {
	color: #feea00;
}

.stuff h3 a:hover, .other h3 a:hover, .odd a:hover {
	color: black;
	background: #feea00;
	text-decoration: none;
	text-shadow: none;
}

.design h3 a {
	color: white;
}

.design h3 a:hover {
	background: white;
	color: black;
	text-decoration: none;
	text-shadow: none;
}

.blog .entry, .comment p, .trackback p, .pingback p {
	float: left;
	clear: none;
	width: 73%;
}

.comment.odd p, .pingback.odd p, .trackback.odd p {
	float: right;
}

.blog .entry > p {
	padding: 10px 0;
	line-height: 1.5em;
	float: none;
	clear: left;
}

.comment p, .trackback p, .pingback p {
	line-height: 1.6em;
}

#commentz {
	font-size: 0.95em;
	background: black !important;
	padding-top: 5px;
}

.blog .entry a {
	color: #f80573;
}

.blog .entry a:hover {
	color: black;
	background: #f80573;
	text-decoration: none;
}

.blog .entry cite {
	font-weight: bold;
}

.blog .entry abbr {
	border-bottom: 1px dashed;
}

.blog .entry abbr:hover, .entry abbr a:hover {
	cursor: help;
}

.blog .entry .codesnip-container {
	float: left;
	background: transparent;
	border: 0 none;
	display: inline;
	margin: 0;
	padding: 0;
}

.blog .entry pre {
	float: left;
	max-width: 100%;
	word-wrap: break-word;
	font-family: Consolas, "Espresso Mono", Monaco, monospace;
	padding: 6px 15px;
	font-size: 14px;
	color: #74b5cb;
	background: #222;
	border: 1px solid #444;
}

.blog .entry pre::selection {
	background: #2b6177;
}

.blog .entry blockquote {
	float: left;
	padding: 4px 20px;
	font-style: italic;
}

.blog .entry ul, .blog .entry ol {
	float: left;
	width: 100%;
	padding: 10px;
	list-style-position: inside;
}

.blog .entry li {
	padding: 3px 0;
}

.caps {
	text-transform: uppercase;
}

.important {
	color: red;
	font-weight: bold;
}

.design .blog .entry a {
	color: #feea00;
	font-weight: bold;
}

.design .blog .entry a:hover {
	color: black;
	background: #feea00;
	text-decoration: none;
}

.blog .entry h3, .blog .entry h4, .blog .entry h5, .blog .entry h6 {
	float: left;
}

img.thumb {
	width: 180px;
	margin: 0 auto;
	display: block;
	border: 3px solid #030303;
}

img.thumb:hover {
	border: 3px solid #777;
}

#posts-nav {
	text-align: center;
	color: #25160b;
	text-shadow: #f8fffb 0 1px 1px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

#posts-nav a {
	color: black;
	font-weight: bold;
}

h3#comments {
	float: right;
	font-weight: normal;
	font-size: 24pt;
	padding: 12px 8px;
}

.smallz {
	font-size: 12pt;
}

.smallz a {
	font-weight: bold;
	color: #feea00;
}

.quickpost #commentz {
	display: none;
}

#commentz {
	float: left;
	width: 100%;
}

#commentz blockquote {
	float: left;
	width: 73%;
	padding: 5px 12px;
	font-style: italic;
}

#commentz blockquote p {
	width: 100%;
}

#commentz blockquote blockquote {
	width: 100%;
	float: left;
}

#commentz code {
	line-height: 1.4em !important;
	display: block;
	padding: 4px 12px;
}

ul.commentlist {
	float: left;
	border-bottom: 1px solid #222;
	margin-bottom: 6px;
	width: 100%;
}

#respond {
	float: left;
	margin-left: 12px;
}

#respond h3 {
	font-weight: normal;
	margin-bottom: 6px;
	font-size: 20pt;
}

#respond h3:after {
	content: "!"
}

#respond input, #respond textarea {
	background: #333;
	border: 1px solid #555;
	color: #aaa;
	padding: 3px;
	margin-bottom: 5px;
}

#respond input:hover, #respond textarea:hover {
	background: #3b3b3b;
}

#respond input:focus, #respond textarea:focus {
	background: #444;
}

#respond label {
	font-style: italic;
}

input#submit:hover {
	cursor: pointer;
}

#single {
	background: #0d0d0d url(images/igotdaflowah.jpg) no-repeat center -392px;
	overflow: hidden;
}

#single .quick {
	float: none;
	position: relative;
	margin: 10px auto;
}

.singlequick {
	height: 350px;
}

div.wp-caption {
	margin: 4px;
}

.entry .alignright, .entry .alignleft {
	max-width: 40% !important;
	float: left;
}

.entry .alignright {
	float: right;
}

.entry .alignleft {
	float: left;
}

.entry .alignright img {
	max-width: 100% !important;
	height: auto;
	float: right;
}

.entry .alignleft img {
	max-width: 100% !important;
	height: auto;
	float: left;
}

.wp-caption-text {
	min-width: 0px !important;
	display: block !important;
	float: left !important;
	padding: 0 !important;
	width: 100%;
	text-align: center;
	font-size: 8pt;
}

/* @end */

/* @group About */

.about h2 {
	position: relative;
}

.about h2 h2 {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	color: white;
	z-index: -5 !important;
}

.about #three {
	background: url(images/aback.jpg);
	color: black;
	white-space: normal;
	height: auto !important;
}

.about #three h2 {
	font-weight: normal;
	text-transform: lowercase;
	font-size: 36pt;
}

.about #three p {
	font-size: 16pt;
	line-height: 1.5em;
}

#three abbr {
	border-bottom: 1px dashed;
}

#three abbr:hover {
	cursor: help;
}

#abut {
	background: url(images/yerrow.png) repeat-x;
	padding: 10px 18px;
	text-shadow: #fee977 0 1px 1px;
	height: 206px;
	min-width: 950px;
}

#abut h2 {
	float: right;
	padding-left: 4px;
}

#abut p {
	clear: left;
	width: 950px;
	margin: 0 auto;
}

.part-hide {
	float: left;
	padding: 7px 0 10px;
	color: #d2d119;
}

#wut, #errwhatexactlyiswordpress {
	padding: 10px 18px;
	color: white;
}

#wut h2 {
	color: #f50088;
	float: left;
	padding-right: 14px;
}

#errwhatexactlyiswordpress h2 {
	color: #faed24;
	float: left;
	padding-right: 14px;
}

#wut p, #errwhatexactlyiswordpress p {
	margin-top: 1.3em;
	width: 950px;
	margin: 0 auto;
}

#gud {
	background: url(images/brue.png) repeat-x;
	padding: 10px 18px;
	text-shadow: #9afeeb 0 1px 1px;
	height: 206px;
	min-width: 950px;
}

#gud h2 {
	float: right;
	padding-left: 12px;
}

#gud p {
	clear: left;
	padding-top: 1.3em;
	width: 950px;
	margin: 0 auto;
}

* html #gud p {
	margin-top: -38px;
}

*:first-child+html #gud p {
	padding-top: 0;
	margin-top: -1.5em;
}

/* @end */

/* @group Portfolio */

.portfolio #three {
	background: url(images/aback.jpg);
}

.portfolio .cap, .portfolio .base {
	text-indent: -9999px;
}

.portfolio .cap {
	height: 79px;
	background: url(images/folio-top.png) repeat-x;
	position: relative;
}

.portfolio .base {
	height: 93px;
	background: url(images/folio-bottom.png) repeat-x;
}

.portfolio .column1 {
	overflow: hidden;
	width: 541px;
	float: left;
}

.portfolio .column2 {
	padding-left: 25px;
}

.portfolio .column2 {
	float: left;
	width: 534px;
}

.portfolio .column2 * {
	position: relative;
}

.portfolio .column2 h2 {
	font-size: 32pt;
	color: white;
	text-shadow: 0 1px 2px black;
	padding-bottom: 9px;
	border-bottom: 1px solid #222;
}

.portfolio .column2 p {
	text-shadow: 0 1px 1px black;
	line-height: 1.8em;
}

.portfolio .entry {
	background: #2e2e2e;
	margin: -40px 0 -50px;
	overflow: hidden;
}

.portfolio .entry2 {
	padding-top: 6px;
	border-top: 1px solid #3a3a3a;
}

.portfolio .entry2 p {
	padding: 6px 0;
}

.portfolio .entry2 p.first-child {
	padding-top: 0;
}

.portfolio .layer2 {
	overflow: hidden;
	width: 1100px;
	margin: 0 auto;
}

.portfolio .thumbn {
	background: url(images/border.png) no-repeat top left;
	position: relative;
	float: left;
	width: 541px;
	height: 380px;
	overflow: hidden;
}

.portfolio span.cap {
	background: none;
}

.portfolio .column1 a {
	display: block;
	float: left;
	position: relative;
	background: url(images/linksprite.png);
}

.portfolio .links {
	clear: both;
	padding-top: 11px;
	overflow: auto;
	margin-left: 8px;
}

.portfolio a.demo {
	width: 141px;
	height: 36px;
	text-indent: -9999px;
	background-position: -143px 0;
}

.portfolio .demo:hover {
	background-position: -143px -37px;
}

.portfolio a.nodemo {
	background-position: 0 -74px;
	width: 172px;
	height: 36px;
	text-indent: -9999px;
}

.portfolio a.download {
	width: 141px;
	height: 36px;
	text-indent: -9999px;
	margin-top: 2px;
}

.portfolio .download:hover {
	background-position: 0 -36px;
}

.portfolio a.nodownload {
	background-position: 0 50px;
	width: 306px;
	height: 50px;
	text-indent: -9999px;
	margin-left: 15px;
	margin-top: -6px;
}

.portfolio .base:last-child /*Safari 3 and IE7 don't like this but who cares */ {
	float: left;
	width: 100%;
}

.portfolio .ie8 span {
	color: #ef3841;
}

.portfolio .ffx span {
	color: #71d86a;
}

.portfolio .opera span {
	color: #eaff75;
}

.portfolio .safari span, .column2 a {
	color: #4ae8ff;
}

.portfolio .column2 a {
	font-weight: bold;
}

.portfolio .column2 a:hover {
	color: black;
	text-shadow: none;
	background: #4ae8ff;
	text-decoration: none;
}

#x > a {
	text-align: center;
	color: #25160b;
	text-shadow: #f8fffb 0 1px 1px;
	margin-top: 20px;
	float: left;
	width: 100%;
	font-weight: bold;
}

/* @end */

/* @group Testimonials */

#homeslice {
	padding-bottom: 40px;
	position: relative;
	margin-top: -144px;
	overflow: hidden;
	background: black url(images/igotdaflowah.jpg) no-repeat center -246px;
}

#homeslice span.cap {
	font-size: 1em;
	float: none !important;
	display: inline !important;
	overflow: visible;
	text-indent: 0px;
	padding-right: 0;
	margin-top: 0;
}

.tableblock {
	width: 33%;
	float: left;
	min-width: 200px;
	position: relative;
	max-width: 325px;
}

.growbox {
	padding-left: 8px;
}

.citebox {
	float: right;
	margin-top: -13px;
	margin-right: 60px;
	font-size: 19px;
	position: relative;
	z-index: 5;
}

.citebox a {
	color: #ccc;
	text-shadow: 0 1px 1px black;
}

.textgrowbox {
	position: relative;
	min-height: 65px;
	padding: 12px 12px 38px;
	z-index: 3;
	line-height: 1.4em;
	text-shadow: #212121 0 1px 1px;
}

.textbackbox * {
	z-index: -1;
}

.t {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.t, .t b {
	height: 48px;
	display: block;
}

.t b, .f b, .b b {
	position: absolute;
}

.tl {
	background: url(images/test-corners.png) -334px -71px;
	left: 0;
	right: 50px;
}

.tr {
	right: 0;
	width: 50px;
	background: url(images/test-corners.png) -284px -71px;
}

.f {
	top: 48px;
	left: 0;
	right: 0;
	bottom: 67px;
	position: absolute;
}

.fl {
	background: url(images/test-sides.png) -292px;
	left: 0;
	right: 50px;
	top: 0px;
	bottom: 0;
}

.fr {
	right: 0;
	width: 50px;
	top: 0;
	bottom: 0;
	background: url(images/test-sides.png) -242px;
}

.b {
	bottom: -0px;
	position: absolute;
	left: 0;
	right: 0;
}

.b, .b b {
	height: 67px;
}

.b .bl {
	background: url(images/test-corners.png) -334px -121px;
	left: 0;
	bottom: 25px;
	right: 58px;
	height: 42px !important;
}

.b .br {
	width: 58px;
	right: 0;
	background: url(images/test-corners.png) -276px -3px;
	bottom: 0;
}

.teste #posts-nav span {
	margin-top: -19px;
	display: block;
	visibility: hidden;
}

.teste #posts-nav i {
	font-style: normal;
	display: block;
	cursor: help;
}

.teste #posts-nav i:hover {
	visibility: hidden;
}

.teste #posts-nav i:hover span {
	visibility: visible;
}

/* @end */

footer {
	background: url(images/foot.png) repeat-x;
	width: 100%;
	float: left;
	padding: 18px 0 18px;
	margin: 333px -1px 0;
	font-size: 9pt;
	color: white;
	text-shadow: 0 1px 1px #333;
}

footer p {
	margin: 0 18px;
	text-align: center;
}

footer a {
	color: #21cbff;
}

footer abbr {
	border-bottom: 1px dashed;
	cursor: help;
}

a.zoom {
	display: block;
	background: none !important;
	width: 509px;
	height: 354px;
	margin-left: 16px;
	margin-top: 14px;
	text-align: center;
}