/*
Cleanwash Letterpress	
Description: a refreshing spin on life and letterpress
Version: 1
Author: Curious & Company Creative, LLC
Author URL: http://www.curiousandcompany.com
*/

/* color spans */

.teal{color:#3b8c81;}
.grey{color:#727a79;}
.gold{color:#deb406;}
.red{color:#ed483d;}

/* STANDARD */
body {
	background-image:url(images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#3b8c81;
	line-height:1.3em;
}

#post_content p {
margin:0;
padding:0px 0px 5px 0px;
	font-size:75%;
	color:#727a79;
    margin-top: 0.5em;
}

ul.commentlist a, ul.commentlist p, .says{
		font-size:75%;
}

#torn_paper {
		background:url(images/paper.png) repeat-x top;
		width:100%;
		position:fixed;
		height:180px;
		z-index:1000;
}	

p {
	font-size:75%;
	color:#727a79;
    margin-top: 0.5em; 
} 

label {
        font-size:75%;
	color:#727a79;
}


a {
	color:#deb406;
}


h1 {
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-size:100%;
  text-transform:uppercase;
  font-weight:100;
  color:#3b8c81;
}

h2 {
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-size:100%;
  text-transform:uppercase;
  font-weight:100;
  color:#3b8c81;
}

h3 {
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-size:80%;
  text-transform:uppercase;
  font-weight:100;
  color:#3b8c81;
}


#container {
	margin:0 auto;
	width:880px;
	padding:10px 0px 0px 0px;
}

#header {
	margin:0 auto;
	height:180px;
	width:880px;
}

#logo h1 a {
		display: block; 
		width: 220px; 
		height: 80px; 
		float: left;
		background: url(images/logo.png); 
		text-indent: -9999px;
		margin:35px 0px 0px 0px;
	}
	
ul.lof-main-wapper {
		z-index:1;
}
		
#header_right {
	width:500px;
	float:right;
	margin:0px -20px 0px 0px;
}

.quote_btn {display: block; width: 100px; height: 50px; background-image:url(images/quote_btn.png); background-position: bottom; text-indent: -9999px; float:right; margin:10px 0px 0px 0px;}
.quote_btn:hover, .nav_quote_btn:active {background-position: top;margin:10px 0px 0px 0px;}

/* Navigation */

ul.mainnav {
	width:650px;
	float:right;
	display:block;
	margin:-10px 0px 0px 0px;
}

ul.mainnav li{
	float:right;
	list-style:none;
	margin:0px 0px 0px 20px;
}

/* About */
ul.mainnav li.page-item-2 a {display: block; width: 100px; height: 100px; background-image:url(images/about.png); background-position: center; text-indent: -9999px;}
ul.mainnav li.page-item-2 a:hover {background-position: top;}

/* Studio */
ul.mainnav li.page-item-4 a {display: block; width: 100px; height: 100px; background-image:url(images/studio.png); background-position: center; text-indent: -9999px;}
ul.mainnav li.page-item-4 a:hover {background-position: top;}

/* Portfolio */
ul.mainnav li.page-item-85 a{display: block; width: 100px; height: 100px; background-image:url(images/portfolio.png); background-position: center; text-indent: -9999px;}
ul.mainnav li.page-item-85 a:hover {background-position: top;}

/* Blog */
ul.mainnav li.page-item-10 a {display: block; width: 100px; height: 100px; background-image:url(images/blog.png); background-position: center; text-indent: -9999px;}
ul.mainnav li.page-item-10 a:hover {background-position: top;}

/* Contact */
ul.mainnav li.page-item-12 a {display: block; width: 100px; height: 100px; background-image:url(images/contact.png); background-position: center; text-indent: -9999px;}
ul.mainnav li.page-item-12 a:hover {background-position: top;}

/*Current Page Item */
ul.mainnav li.current_page_item a{background-position: bottom;}

/* Content */
#content {
	margin:200px 0px 0px 0px;
	width:880px;
}

/* Home Page */

#slide_show {
	background-image:url(images/slideshow_bg.jpg);
	height:480px;
	width:880px;
	overflow:hidden;
z-index:-10;
}

#slide_show img{
	padding:10px;
        height:460px;
        width:860px;
        overflow:hidden;
}

.aspot_frame {
	height:480px;
	width:880px;
	margin:-480px 0px 0px 0px;
	z-index:100;
}

/* About */
tr { vertical-align:top } 

table {
	margin:0px 0px 20px 0px;
}

tr h1 {
	padding:7px 0px 7px 0px;
        color:#3b8c81;

}

#about_top {
	/*background-image:url(images/about_top.jpg);*/
	height:320px;
	width:520px;
}

#about_top img{
	padding:15px;
	height:290px;
	width:490px;
}

#about_bottom {
	background-image:url(images/about_frame01.jpg);
	width:290px;
	height:410px;
}

#about_bottom img{
	padding:15px;
	height:380;
	width:260px;
}

.btm_frame01 {
	background-image:url(images/about_frame01.jpg);
}

.btm_frame02 {
	background-image:url(images/about_frame02.jpg);
	margin:0px 10px 0px 0px;
}

#video { 
	margin: 45px 0 0 50px; 
}

/* Studio */
#studio_top {
	background-image:url(images/about_top.jpg);
	height:320px;
	width:520px;
	margin:0px 0px 0px 0px;
}

#studio_top img{
	margin:15px;
	height:290px;
	width:490px;
}

/* Portfolio */
.portfolio_project {
	width:845px;
	margin:0 auto;
}

.portfolio_project ul {
	list-style:none;
	text-align:center;
}

.portfolio_project ul li img{
	margin:0px 0px 20px 0px;
	border:solid 5px #c4c5c5;
}

/* Contact */

#contact_info {
	width:220px;
	float:left;
	margin:0px 50px 0px 0px;
}

#contact_form h3 {
	font-size: 100%;
}

/* Contact Table */

#wp-table-reloaded-id-1-no-1 {
	margin:-4px 0px 0px 0px;
}

#wp-table-reloaded-id-1-no-1 a{
	color:#727a79;
	text-decoration:underline;
}

#wp-table-reloaded-id-1-no-1 .column-1 {
	font-size:75%;
	color:#3b8c81;
    margin:0px;
	text-align:right;
	padding:0px 10px 0px 0px;
}

#wp-table-reloaded-id-1-no-1 th.column-2{
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
  font-size:100%;
  text-transform:uppercase;
  font-weight:100;
  color:#3b8c81;
  text-align:left;
}

#wp-table-reloaded-id-1-no-1 td.column-2{
	font-size:75%;
	color:#727a79;
    margin:0px;
}

/* Blog */
#blog {
	width:580px;
	float:left;
}

#post {
	width:580px;
	float:left;
	margin:0px 0px 40px 0px;

}

.post_info {
	margin:10px 0px 0px 0px;
}	

#post_title a, #post_title p{
  color:#3b8c81;
}

#post_title h2 a:hover{
  color:#deb406;
  text-decoration:none;
}

#post a:hover {
	text-decoration:underline;
}

#post a{
	color:#3b8c81;
}

#post_content {
	margin:10px 0px 0px 0px;
}

#post img {
	padding:10px 0px 10px 0px;
}

#blog_break {
	background:url(images/blog_break.png) repeat-x left;
	height:10px;
	width:475px;
	margin:-10px 0px 0px 0px;
}

table.share {
	margin:0px;
}

table.share_table td.share a{
	padding:0px 5px 0px 0px;
	font-size:75%;
	color:#727a79;
}

table.share_table td.share a:hover{
	text-decoration:underline;
	color:#006;
}

/* Blog */

#sidebar {
	width:200px;
	float:left;
	padding:0px 0px 0px 30px;
	margin:-20px 0px 0px 20px;
	background:url(images/sidebar_line.png) repeat-y left;
}

#spin_cycle h1 {
		display: block; 
		width: 190px; 
		height:80px; 
		float: left;
		background: url(images/spin_cycle_logo.png); 
		text-indent: -9999px;
		margin:0px 0px 0px 0px;
	}

#twitter {
	width:200px;
	float:left;
	margin:0px 0px 20px 0px;
}

h3.rss a {
	color:#ed483d;
}

#sidebar h2{
	margin:20px 0px 0px 0px;
	color:#deb406;
}

#sidebar ul{
	list-style:none;
}

#twitter ul{
	list-style:disc;
}

#twitter ul li {
	font-size:70%;
	color:#727a79;
	padding:0px 0px 5px 0px;
} 

#sidebar a {
	color:#3b8c81;
}

#sidebar a:hover {
	text-decoration:underline;
}

ul.sidebar_list li {
	font-size:70%;
	color:#727a79;
}

/* Comments */

ul.commentlist {
	list-style:none;
}


#comments {
margin:0px 0px 0px 0px;
padding:0px;
width:540px;
background-image:url(images/post_bg.jpg);
}

#comments_content {
margin:0px 0px 0px 20px;
width:480px;
overflow:hidden;
padding:0px;
}

.comment-body {
	margin:20px 0px 20px 0px;
}


/* Footer */
#footer {
	margin:20px 0px 0px 0px;
	width:880px;
	float:left;
}

#copyright {
	float:left;
	width:700px;
}

#copyright p{
	color:#3b8c81;
	float:left;
	margin:0px 0px 20px 0px;
}

#copyright a{
	color:#727a79;
	text-decoration:underline;
}

ul.sm {
	float:right;
	list-style:none;
}

ul.sm li {
	float:left;
}

/* Ending */

img {
	border:0px;
}

html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, img, form, fieldset {
	margin: 0; padding: 0; border: 0;
}

a img {
	outline: none;
	border:none;
	outline:none;
}

a {
	text-decoration:none;
	outline:none;
}

/* Pete */

.portfolio-nav {margin:0 0 20px 0; /*background:#eee;*/ height:30px;}
.portfolio-nav ul.dropdown {margin:0; padding:0; list-style-type:none;}
.portfolio-nav ul.dropdown li {float:left; margin:0; list-style-type:none; padding:5px 15px; position:relative; z-index:999;}
.portfolio-nav ul.dropdown li a {display:block; font-size:.7em; overflow:hidden; text-transform:uppercase; color:#727a79;}
.portfolio-nav ul.dropdown li a:hover, ul.dropdown li.current-menu-item a, ul.dropdown li.current-type-ancestor a {color:#3b8c81;}
.portfolio-nav ul.dropdown li ul {position:absolute; display:none; z-index:999; padding:0; margin:0; list-style-type:none;}
.portfolio-nav ul.dropdown li ul li {display:block; clear:both; padding:0; margin:0; list-style-type:none;}
.portfolio-nav ul.dropdown li ul li a {background:#eee; height:auto; width:150px; padding:5px; border-bottom:1px solid #333;}
.portfolio-nav ul.dropdown li ul li a:hover {background:#333; color:#eee;}

ul.portfolio {clear:both}
ul.portfolio, ul.portfolio li {list-style=type:none; padding:0; margin:0; clear}
ul.portfolio li {display:block; overflow:hidden; float:left; text-align:center; margin:0 20px; font-size:.8em;}
ul.portfolio li img {height:178px; width:178px; overflow:hidden; display:block; margin-bottom:42px; border:solid 1px #3b8c81;}
ul.portfolio li img:hover {opacity: 0.8;}
ul.portfolio li a.title {display:none;}

#portfolio.navigation {overflow:hidden; clear:both;}
#portfolio.navigation p {display:block; overflow:hidden;}
#portfolio.navigation a {color:#3b8c81;}
#portfolio.navigation a:hover {text-decoration:underline;}
#portfolio.navigation .right {float:right;}

.single-portfolio-content {float:right; overflow:hidden; width:355px; padding-left:20px;}
.single-portfolio-content h2 {clear:both; font-size:110%; margin-bottom:10px;}

h2.type-title {display:none; font-size:1.4em; margin-bottom:15px;}
.single-portfolio-images {float:left; overflow:hidden; width:475px; padding-right:30px;}
.single-portfolio-image {display:block; margin:0 auto 10px auto; width:auto; border:solid 1px #3b8c81;}