/*
THEME NAME: Cameloen
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* reset and defaults */

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 0;
}

.hide {
	display: none;
}

a {
	text-decoration: none;
}

ol {
	list-style-type: decimal;
}

@font-face {
	font-family: 'Share';
	src: url('fonts/Share-Regular.eot');
	src: local('Share Regular'), local('Share-Regular'), url('fonts/Share-Regular.woff') format('woff'), url('fonts/Share-Regular.otf') format('opentype'), url('fonts/Share-Regular.svg#Share-Regular') format('svg');
}

@font-face {
	font-family: 'Contra';
	src: url('fonts/contra.eot');
	src: local('Contra Regular'), local('Contra'), url('fonts/contra.woff') format('woff'), url('fonts/contra.ttf') format('truetype'), url('fonts/contra.svg#Contra') format('svg');
}

@font-face {
	font-family: 'ContraItalic';
	src: url('fonts/contra-italic.eot');
	src: local('Contra Italic'), local('Contra-Italic'), url('fonts/contra-italic.woff') format('woff'), url('fonts/contra-italic.ttf') format('truetype'), url('fonts/contra-italic.svg#Contra-Italic') format('svg');
}



body {
	font-family: 'junction', Tahoma, sans-serif;
	text-align: center;
}

a:active { outline: 0; position: relative; top: 1px; }

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;	
}

#header {
	background: black;
	-moz-border-radius: 5px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	margin-top: 10px;
}

#content.home h2 {
	margin-top: 170px;
}

.blog-title {
	float: right;
	padding: 15px 0;
}

.access {
	float: left;
	padding-right: 5px;
}

.access li {
	float: left;
	padding: 15px 0;
}

.blog-title a, .access li a {
	padding: 15px 10px;
	color: #CCCCCC;
}

.blog-title a:hover, .access li a:hover {
	color: white;
}

h2 {
	font-family: 'Contra', Tahoma, Verdana, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: -.02em;
	line-height: 36px;
	margin: 40px 0;
}

body.home h2 {
	margin-bottom: 50px;
}

#quickview {
	height: 280px;
	width: 960px;
	background: #1f2d2f;
	-moz-border-radius: 5px;
	margin-bottom: 40px;
}

#twitter {
	background: transparent url(images/shark.png) left no-repeat;
	color: #6fa2bc;
	width: 900px;
	margin-left: -46px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 30px 0 121px 126px;
}

.mainlist {
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	line-height: 27px;
	margin-bottom: 60px;
	width: 470px;
}

.mainlist .sublist{
	color: #2792ff;
	width: 200px;
	float: left;
	margin-left: 20px;
}

.first {
	background: #020815;
	-moz-border-radius: 5px;
	color: white;
	height: 60px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 21px;
	line-height: 60px;
	margin-bottom: 27px;
	padding-left: 20px;
	width: 450px
}

#frontblog {
	color: white;
	width: 400px;
}

.frontblogtitle {
	margin-top: 5px;
}

.frontblogtitle a{
	color: #2792ff;
}

body.home{
	background: #020911 url(images/homebg.jpg) top no-repeat;
}

body.page-template-portfolio-php {
	background: #000 url(images/portfoliobg.jpg) top center no-repeat;
	color: #ffFFFF;
}

body.pageid-7 {
	background: #e0e0da url(images/servicesbg.jpg) top center no-repeat;
}

#serviceitems {
	background: url(images/serviceitems.png) top center no-repeat;
	color: #434a40;
	height: 500px;
	width: 960px;
}

#serviceitems ul {
	margin-left: 20px;
	margin-top: 210px;
	width: 220px;
}

#serviceitems .sfirst {
	color: #c73d0d;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 24px;
	line-height: 27px;
}

#serviceitems .scaption {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 180px;
	line-height: 18px;
	margin-bottom: 27px;
}

#serviceitems p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 9px;
	width: 180px;
}

#serviceitems a {
	color: #c73d0d;
	text-decoration: underline;
}

#serviceitems a:hover {
	text-decoration: none;
}

#leftcolumn {
	width: 400px;
	margin-right: 72px;
}

#rightcolumn {
	width: 440px;
	margin-right: 25px;
}

#rightcolumn h2, #leftcolumn h2 {
	color: #dc4010;
	margin-bottom: 20px; 
}

#about p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 9px;
}

#portfolionav li a{
	float: left;
	background: url(images/portfoliopiecebg.png);
	-moz-border-radius: 5px;
	color: white;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 27px;
	margin-right: 10px;
	padding: 10px 20px;
}

#portfolionav li a:hover {
	color: white;
	background: #fd57ff;
}

#portfolionav .active {
	color: #660033;
	background: white;
}

.portfoliosection {
	background: url(images/portfoliopiecebg.png);
	margin: 0 10px 10px 0;
	width: 270px;
	float: left;
	padding: 20px;
	-moz-border-radius: 5px;
}

.portfoliosection h3{
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	line-height: 27px;
	font-size: 18px;
	color: #fd57ff;
}

.pcontent{
	width: 100%;
	height: 90px;
	margin-bottom: 9px;
}

h3 {
	color: white;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
}

#access li {
	padding: 14px 0;
}

body.page-template-inspiration-php {
	background: #dbe1e2;
}

.inspirationContainer {
	width: 1000px;
}

.inspirationContainer .inspirationSubContainer {
	float: left;
	margin: 0 15px 15px 0;
}

.inspirationblock {
	width: 270px;
	background: white;
	-moz-border-radius: 5px;
	padding: 20px;
}

.inspirationImage {
	width: 100%;
	height: 90px;
	background: black;
	margin-bottom: 9px;
}

.inspirationTitle {
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	line-height: 27px;
	font-size: 18px;
	height: 70px;
}


.inspirationContent {
	color: #999999;
	font-family: Tahoma, Verdana, Arial, sans-serif;;
	font-size: 12px;
	line-height: 18px;
}


body.page-template-inspiration-php .inspirationblock:last-child {
	margin-right: 0;
}

#articlenav {
	background: black;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	-moz-border-radius: 5px;
	width: 200px;
	padding: 10px;
	position: relative;
	top: 20px;
	margin: 0 auto;
}

.inspnav {
	background: black;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	-moz-border-radius: 5px;
	width: 200px;
	padding: 10px;
	margin: 0 auto 18px;
}

.prev {
	color: #666666;
	float: left;
}

.next {
	color: #666666;
	float: right;
}

.prev a, .next a {
	color: #CCC;
}

.prev span, .prev a, .prev span {
	background:url(images/artnavprev.png) top left no-repeat;
	padding-left: 20px;
	display: block;
	height: 15px;
}

.next span, .next a, .next span {
	background:url(images/artnavnext.png) top right no-repeat;
	padding-right: 20px;
	display: block;
	height: 15px;
}

#commentcounter {
	color: white;
	float: left;
	text-align: center;
	font-size: 14px;
}

#prev a:hover {
	color: white;
	background-position: 0 -15px;
}

#next a:hover {
	background-position: 100% -15px;
}

#prev span {
	background-position: 0 -30px;
}

#next span {
	background-position: 100% -30px;
}

/* DEFAULT BLOG DESIGN */

.blog #wrapper, .s-category-blog #wrapper {
	width: 100%;
	margin: 0;
}

.blog #header, .s-category-blog #header {
	width: 960px;
	margin:  10px auto 0;
}

.blog .entry-title, .s-category-blog .entry-title{
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: black;
	margin: -13px auto 0;
	text-align: center;
	font-size: 36px;
	line-height: 45px;
	padding: 40px 60px;
	width: 960px;
}

.blog .entry-title a, .s-category-blog .entry-title a {
	color: black;
}

.blog .entry-date, .s-category-blog .entry-date {
	color: #888;
	background: #DDD;
	padding: 5px;
	margin: -13px auto 45px;;
	width: 200px;
	text-align: center;
	font-size: 14px;
	-moz-border-radius: 5px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
}

.blog .entry-content, .s-category-blog .entry-content {
	padding: 0 60px 60px;
	width: 840px;
	margin: 0 auto;
}

.blog .entry-content h1, .s-category-blog .entry-content h1 {
	font-size: 27px;
	font-family: 'Contra', Tahoma, Verdana, Arial, sans-serif;
	padding-bottom: 18px;
}

.blog .entry-content h2, .s-category-blog .entry-content h2 {
	font-size: 18px;
	font-family: 'Contra', Tahoma, Verdana, Arial, sans-serif;
	padding: 18px 0;
	margin: 0;
}

.blog .entry-content p, .s-category-blog .entry-content p {
	font-size: 14px;
	line-height: 24px;
	width: 560px;
	color: #555;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

.blog .entry-content ol, .blog .entry-content ul, .s-category-blog .entry-content ol, .s-category-blog .entry-content ul {
	font-size: 14px;
	line-height: 27px;
	padding-left: 20px;
	margin-bottom: 27px;
}

.blog .entry-content ol li, .blog .entry-content ul li, .s-category-blog .entry-content ol li, .s-category-blog .entry-content ul li {
	color: #666;
}

.blog .entry-content blockquote p, .blog .entry-content pre, .s-category-blog .entry-content blockquote p, .s-category-blog .entry-content pre{
	color: black;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	padding: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-left: -20px;
	margin-bottom: 9px;
	line-height: 27px;
}

.blog .entry-content pre, .s-category-blog .entry-content pre {
	font-size: 14px;
	line-height: 18px;
	padding-top: 20px;
	width: 560px;
}

.img {
	padding: 0;
}

.img.right img{
	border: 5px solid #ddd;
	float: right;
	margin: 0 0 20px 20px;
}

/* COMMENTS */

#comments {
	background: url(images/commentsbg.png);
	color: white;
	-moz-border-radius: 5px;
	padding: 40px;
	margin: 0 auto 20px;
	width: 880px;
}

#comments-list {
	width: 50%;
	float: left;
}

#respond {
	width: 45%;
	float: right;
}

.comment {
	padding: 10px 0;
}

.comment a:visited {
	color: #444;
}

.comment-author, .comment-author a, .comment-author a:visited{
	color: white;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
}

.comment-meta {
	font-size: 12px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	padding: 6px 0;
	color: #888;
}
.comments p {
	font-size: 12px;
	padding: 9px 0;
	line-height: 18px;
}

.comments li {
	margin-bottom: 9px;
	border-bottom: 1px solid #333;
	border-left: 3px solid #333;
	padding: 20px;
	-moz-border-radius: 5px;
}

.comments li.bypostauthor {
	border-bottom: 1px solid #555;
	border-left: none;
	border-top: 1px solid #555;
	border-right: 3px solid #555;
	padding-left: 23px;
	font-size: 12px;
	line-height: 18px;
}

.totalcomments, #respond h3, .comment-notes {
	font-size: 12px;
	padding-bottom: 9px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
}


.totalcomments span, .comment-notes {
	font-size: 18px;
}

.form-label, .cform label {
	font-family: 'Contra', Tahoma, Verdana, Arial, sans-serif;
	padding: 9px 0;
	border-top: none;
}

.mainlist form ol {
	border: none;
}

.form-input input {
	width: 350px;
	padding: 10px;
	color: black;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
}

.form-label span, .required {
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	color: red;
}

.form-textarea textarea{
	padding: 10px;
	font-family: 'Contra', Tahoma, Verdana, Arial, sans-serif;
	width: 350px;
	color: black;
}

.unapproved {
	color: yellow;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
}

#addcomment, .totop{
	color: #333;
	background: #eee;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	padding: 10px;
	-moz-border-radius: 5px;
	margin: 10px 0 0 0;
	display: block;
	text-align: right;
}

#addcomment:hover {
	background: white;
	color: black;
}

#comments .button {
	color: #333;
	background: #eee;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	padding: 10px;
	-moz-border-radius: 5px;
	margin: 10px 0 0 0;
}

/* FOOTER */

#footer {
	background: black;
	-moz-border-radius: 5px;
	font-family: 'ContraItalic', Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	margin: 20px auto 10px;
	width: 960px;
}

#footer h1 {
	float: right;
	padding: 15px 0;
}

#footer ul {
	float: left;
	padding-right: 5px;
}

#footer ul li {
	float: left;
	padding: 15px 0;
}

#footer h1 a, #footer ul li a {
	padding: 15px 10px;
	color: #CCCCCC;
}

#footer h1 a:hover, #footer ul li a:hover {
	color: white;
}

.totop {
	width: 200px;
	text-align: center;
	margin: 0 auto 10px;
	font-size: 12px;
}

.totop:hover {
	background: #f9f9f9;
}

p.about {
	width: 440px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 40px;
	padding-bottom: 18px;
}

.shirts {
	padding: 18px;
	border-top: 1px solid #d1d2cc;
	border-bottom: 1px solid #d1d2cc;
	text-align: center;
	margin-bottom: 30px;
}

.page-template-contact-php {
	background: #dbe1e2 url(images/aboutbg.jpg) top center no-repeat;
}

.aboutimg {
	margin: 60px 0 30px;
}

#social {
	width: 292px;
	border-top: 1px solid #d1d2cc;
	border-bottom: 1px solid #d1d2cc;
	text-align: center;
	padding: 18px 0 0 18px;
	margin-right: 21px;
}

#social li {
	display: block;
	float: left;
	margin-right: 42px;
	margin-bottom: 18px;
}

#social li.lastsocial {
	margin-right: 0px;
}

.contactimg {
	margin: 60px 0 30px;
}