@import "less-css3-functions.less";

/*colors*/
@brand-color: #aaa;
//@bgcolor: #E7E7DD; //rgb(212,213,200);
@bgcolor: #fff; //rgb(212,213,200);
@tcolor: #999; //#58595B;
@lcolor: red;
@htcolor: #000;
@hicolor: #000; //#f47920;
@hibgcolor: #fff;// was yellow

/*sizes*/
@pagewidth: 960px;
@pageheight: 550px;
@navwidth: 200px;

/* fonts */
@headfont: "Century Schoolbook L", "Times New Roman", Times, serif;
@breadfont: "Courier", @headfont;

/* functions */
.clearfix {
    display: block;
    zoom: 1;

    &:after {
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        clear: both;
        visibility: hidden;
    }
}

.page-template-sidecontent-php .entry-content {
	//.columns(2);
	margin: auto;
	width: 400px;
}

.slide {
	text-align:center; width:740px; height:550px; padding:0; overflow:hidden;
}


.page-id-4 .entry-content h1 {display: none;}


	h1 {
		text-transform: uppercase;
		//color: @hicolor;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 16px;
	}

/* styles */

body { 
	background-color: @bgcolor;
	color: @tcolor;
	//font-family: @breadfont;
	&.home {
		#site-title {
			a {
				font-size:5pt; 
				font-weight: bold;
				//font-family: @headfont;
				text-transform: uppercase;
				color: transparent;
				//background-image: url('studiotownsend-lg.gif');
				background-image: url('pt-logo-303x64.png?v=1');
				background-position-y: 10px;
				background-repeat: no-repeat;
				background-color: white;
				padding: 0 20px 20px 0;
				//width: 302px;
				//height: 87px;
				width: 303px;
				height: 64px;
				top: 27px;
				left: 3px;
				display: block;
				position: absolute;
				z-index: 20;
			}
		}
		.entry-content {
			a {
				color: @tcolor !important;
				&:hover { color:@hicolor !important}
			}
		}
		#access {
			position: relative;
			top:94px;
		}
		#x-access {
			position: absolute;
			right: 10px;
			background-color: #fff;
			width: auto;
			float: right;
			padding: 0;
			border: none;
			z-index: 2000;
			li { 
				display: block; 
				float: left;
				padding: 3px 5px;
				a {
					//font-style: italic;
				}
				&:hover {
					background-color: yellow;
				}
				ul {
					display:none;
				}
			}
		}
		.entry-content {
			position: absolute;
			left: 10px;
			bottom: 15px;
			width: @navwidth;
			//font-size: small;
			color: @tcolor;
		
		}
		img {
			//display: none;
		}
		.wp-post-image {
			position: absolute;
			top: 28px;
			right:10px;
			display: inherit;
		}
		
	}
	&.page-template-sidecontent, &.page-template-default, &.page-template-contactsheet-page-php {
		.entry-content {
			position: absolute;
			left: 10px;
			bottom: 15px;
			width: @navwidth;
			//font-size: small;
			clear: both;
			img, .wp-caption {
				display:none;
			}		
		}		
	}
	&.page-template-sidecontent-php {
		.entry-content {
			img {
				margin: 0 10px 10px 0;
			}
		}
	}
	&.blog {
		.entry-title {
			font-size: 120%; 
			display: block;
			color: @hicolor;
			text-transform: uppercase;
			margin:10px 0;
		}
		.entry-content {
			img {
				margin: 0 10px 10px 0;
			}
		}
	}
}
a {
	color: @tcolor;
	text-decoration: none;
	:link, :visited, :active {
		color: @tcolor;
	}
}
//h1 {
//		font-family: @headfont;
//}

.entry-content {
	a {
		color: @hicolor;
	}
}

p {margin-bottom: 1em;}

#header {
	border-bottom: 2px dashed #999;
	margin-bottom: 5px;
}

#site-title {
	a {
		font-size:40pt;
		font-weight:bold;
		//font-family: @headfont;
		text-transform: uppercase;
		color: transparent;
		//background-image: url('studiotownsend.gif');
		//width: 200px;
		//height: 58px;
		//top: -61px;

		background-image: url('pt-logo-220x46.png?v=1');
		width: 220px;
		height: 46px;
		top: -49px;

		background-repeat: no-repeat;
		overflow: hidden;
		left: 0px;
		display: block;
		position: absolute;
	}
}


#wrapper {
	width: @pagewidth;
	height:  @pageheight;
	position: absolute;
	left: 50%;
	margin-left: @pagewidth/-2;
	margin-top: 80px;
	margin-bottom: 80px;
	background-color: white;
	padding:20px 5px;
}
#content {
	width: @pagewidth - @navwidth - 20;
	height: @pageheight;
	float:  right;
	overflow-y: auto;
	overflow-x: hidden;
}

#access {
	//font-family: @headfont;
	width: @navwidth;
	float: left;
	padding-bottom: 40px;
	border-bottom: 2px dashed #999;

	a {
		text-transform: uppercase;
		display: block;
	}
	a:hover {
		color: @hicolor;
		background-color: @hibgcolor;
	}
	.children, .sub-menu {
		display:none;
		margin-left: .2em;
	}
	.current-menu-item, .current_page_item {
		//background-color: yellow;
		> a {
			//background-color: yellow;
			color: @hicolor;
			display: block;
		}
	}

	
	.current_page_item, .current_page_ancestor, .current-page-ancestor {
		 > a {
			color: @hicolor;
		}
		//font-style: italic;	
		> .children, .sub-menu {
			display:block;
		}
	}
	
}

.contact-thumb-title {
	a {
		display: block;
		padding-top: 2px;
		padding-bottom: 1px;
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		font-size: 9pt;
		text-transform: uppercase;
		font-weight: normal;
	}

}

#footer {
	display: inherit;

}
#bottom-dots {
	border-bottom: 2px dashed black;
	clear: both;
	height: 10px;
}

.screen-reader-text {
	display: none;
}

.edit-link {
	position: relative;
	top: 2px;
	right: 2px;
	a {
		background-color: yellow;
		&:hover { background-color: orange;}
		padding: 0 15px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		
	}
}

.attachment-medium {
	margin:10px;
}
.contact-thumb {
	position: relative;
	width: 232px;
	clear: none;
	margin: 0 0 9px 9px;
	float: left;
	img { 
		margin:0;
		width:232px;
		height: 174px;	
	}
	div {
		font-size: 60%;
	}
}
.attachment-thumbnail {
	margin:0 3px 3px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.slideshow {
	position: relative;
	.controls {
		z-index: 1000; position: absolute; bottom: 0; left: 0; display: none;
	    background-color: #fff; margin: 0; padding: 6px;
	    width:100%;
	    opacity: .7;
	    border-top: 1px solid #000;
	    font-size: 100%;
	    line-height: 60%;
	    
	    text-align: center;
	    .next, .prev, {
	    	margin: 0 2em;
	    	&:hover {
	    		font-weight: bold;
	    		color: @hicolor;
	    	}
	    }
	    
	    .caption {
	    	margin-right:20px;
	    	text-transform: uppercase;
	    }
	}
	.cycle.autoslide{
		img {
			padding:0;
			margin:0;	
		}
	}
}

/* specials */
::-webkit-scrollbar {
	width:13px;
	height:13px;
}
::-webkit-scrollbar-track-piece  {
background-color: #fff;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: @bgcolor;
-webkit-border-radius: 6px;
	&:active, &:hover {
		background-color: darken(@bgcolor,10);
	}
}

/* twentyten model */

#wrapper {
	#header {
		#masthead {
			#branding {
				#site-title {
					> span > a { 
						
					}
				}
				#site-description {
				
				}		
			}
			
			#access {
				.menu {
					
				}
			}
		}
	}
	
	#main {
		#container {
			#content {
				.post {}
				.page {
					.entry-title {}
					.entry-content {
						
					}
				}
				#comments {
					display: none;
					.nocomments {}
				}
			}
		}
	}
	
	#footer {
		#colophon {
			#site-info {}
			#site-generator {}
		}
	}
}