/* HOME CONTENT STYLES
========================================================================== */
#intro {
	margin-bottom: 60px;
	position: relative;
}
#intro h2 { font-size: 2em; }

/* General Content Styles */
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
aside p, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 { margin-bottom: 20px; }

/* CONTENT */
#content { margin-bottom: 60px; overflow: hidden; }
#content ul.thumbs { margin-left: 0; }
#content ul.thumbs { list-style-type: none; }
#content ul.thumbs li { display: inline; float: left; margin-right: 16px; }
#content ul.thumbs li:nth-child(4n) { margin-right: 0; }
#content ul.thumbs li { margin-top: 40px; }
#content ul.thumbs li:nth-child(-n+4) { margin-top: 0; }
#content ul.thumbs li a {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 2px 0 #949494;
	-webkit-box-shadow: 0 2px 0 #;
	-moz-box-shadow: 0 2px 0 #f1f1f1;
	display: block;
	background-color: #EBEBEB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5D5D5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content ul.thumbs li a:hover, #content ul.thumbScroll li a:focus {
	background: #EF9284;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #EF9284;
	border-bottom-color: #EF9284;
}
#content ul.thumbs li a:active {
	background: #d5d5d5;
	border-top: 1px solid #dddddd;
	top: 0; }
#content ul.thumbs li a img {
	opacity: 1;
	transition: opacity 0.75s ease;	-webkit-transition: opacity 0.75s ease;	-moz-transition: opacity 0.75s ease; -o-transition: opacity 0.75s ease; }
#content ul.thumbs li a:hover img {
	opacity: 0.5;
	transition: opacity 0.75s ease;	-webkit-transition: opacity 0.75s ease;	-moz-transition: opaticy 0.75s ease; -o-transition: opacity 0.75s ease; }

/* Testimonials and Twitter */
aside { margin-bottom: 60px; overflow: hidden; }
aside #testimonials { float: left; width: 470px; margin-right: 60px; position: relative; }
aside #testimonials ul { list-style-type: none; margin-left: 0; }
aside #testimonials ul li blockquote { font-size: 16px; }
aside #testimonials ul li cite { margin-left: 5px; }
aside #tweets { float: right; width: 400px; position: relative; }
aside #tweets h3 a { font-size: 12px; margin-left: 10px; font-style: italic; }
aside #tweets ul { list-style-type:none; margin-left: 0; }
aside #tweets ul li { margin-top: 10px; }
aside #tweets ul li:first-child { margin-top: 0; }

/* FOOTER STYLES
========================================================================== */
footer {}
footer ul { list-style: none; }
footer #cols {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	padding: 20px 0;
	overflow: hidden;
	height: 70px;
}
footer #cols ul { margin-top: 20px; margin-left: 0; }
footer #cols ul li { margin-top: 10px; }
footer #cols ul li:first-child { margin-top: 0; }
footer #cols .col { float: inherit; margin-left: 60px; position: absolute; width: 900px; }
footer #cols .col:first-child { margin-left: 0; }
footer #cols .col:nth-child(3) { width: 470px; }
footer #colophon { color: #ABABAB; font-size: 12px; overflow: hidden; }
footer #colophon span:nth-child(n+2) { float: right; }
footer #colophon span a.gotop {
	background: url(images/top.png) center top no-repeat; display: inline-block; height: 15px; margin-left: 20px; width: 15px; text-indent: -9999px; }
footer #colophon span a.gotop:hover { background-position: 0 -15px; border: none; }

/* WORK PAGE STYLES
========================================================================== */
/* Categories navigation */
#catsnav { font-size: 12px; margin-bottom: 60px; position: relative; }
#catsnav ul { list-style-type: none; margin-left: 0; }
#catsnav ul li { display: inline; margin-left: 10px; }
#catsnav ul li:first-child { margin-left: 0; }
#catsnav ul li a, #catsnav ul li a:visited {
	background: #f2f2f2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #ababab;
	display: inline-block;
	padding: 5px 10px;
	text-shadow: none; }
#catsnav ul li a:hover, #catsnav ul li a:focus {
	background: #f2f2f2;
	color: #767676;
	transition: background 0.75s ease;
	-webkit-transition: background 0.75s ease;
	-moz-transition: background 0.75s ease; }
#catsnav ul li a:active { background: #f1f1f1; color: #f1f1f1;
	transition: none; -webkit-transition: none; -moz-transition: none; }
	
/* Pagination */
#pagination { height: 30px; margin-bottom: 60px; position: relative; overflow: hidden; }
#pagination p.previous { float: left; }
#pagination p.next { float: right; text-align: right; }
#pagination p a, #pagination p a:visited {
	background: #f1f1f1;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #ABABAB;
	display: block;
	padding: 0 10px;
	width: 205px;
	text-shadow: none; }
#pagination p a:hover, #pagination p a:focus {
	background: #f2f2f2;
	color: #F4F4F4; }
#pagination p a:active { background: #f1f1f1; color: #ACACAC;
	transition: none; -webkit-transition: none; -moz-transition: none; }

/* WORK-DETAILS PAGE STYLES
========================================================================== */
#content .project { overflow: hidden; }
#content .project h2 { float: left; margin-right: 20px; }
#content .project ul.tags { float: left; font-size: 10px; list-style-type: none; margin: 8px 0 0 0; }
#content .project ul.tags li { display: inline; float: left; margin-left: 10px; }
#content .project ul.tags li:first-child { margin-left: 0; }
#content .project ul.tags li a, #content .projects ul.tags li a:visited {
	background: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #ffffff;
	display: block;
	padding: 2px 6px;
	text-shadow: none; }
#content .project ul.tags li a:hover, #content .project ul.tags li a:focus {
	background: #d5d5d5;
	color: #f1f1f1; }
#content .project ul.tags li a:active { background: #575757; color: #f3f3f3;
	transition: none; -webkit-transition: none; -moz-transition: none; }

/* CONTACT PAGE STYLES
========================================================================== */
.emailSent, .emailFailed { background: #f1f1f1; border-raidus: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; display: inline-block; padding: 10px 15px; }
.emailSent { color: #ababab; }
.emailFailed { color: #D21515; }
label.error { background: #D5D5D5; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #ff6600; display: inline !important; margin-left: 10px; padding: 5px 10px; }

/* 404 PAGE STYLES
========================================================================== */
.no-page { background: url(images/404.png) top center no-repeat; height: 600px; width: 960px; }
.no-page div { top: 500px; left: 50%; position: absolute; }

/* IE WARNING PANEL STYLES
========================================================================== */
#ie { border-bottom: 1px solid #828282; margin-bottom: 60px; padding-bottom: 20px; overflow: hidden; }
#ie h1 { font-size: 40px; margin-bottom: 20px; }
#ie p { font-size: 16px; margin-bottom: 20px; }
#ie ol { margin-bottom: 20px; }
#ie ol li { margin-top: 10px; }
#ie ol li:first-child { margin-top: 0; }
#ie div a { color: #979797; float: right; }
#ie div a:hover, #ie div a:focus { color: #ED3434; }
#ie div a:active { color: #be2805; }