/*
Theme Name: Marisa
Theme URI: http://marisadaly.com
Description: Marisa's theme. (Starkers base)
Version: 1.0
Author: Larry
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/fonts.css";

@import url(http://fonts.googleapis.com/css?family=Lato:100);

.left { float: left}
.right { float: right }
.clear { clear: both }

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

p, ul { padding: 8px 0;}

input, textarea {
	border:1px solid #ddd;
	padding: 4px;
}
input[type=submit]:hover {
	cursor: pointer;
	background: black;
	color: whiteSmoke;
}
label {
	color:#555;
}

html, body {
height: 100%;
}
body, code {
	/* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
   	font-family: 'SlingLight', Georgia, sans-serif;
   	font-weight: 300;
   	font-size: 12px;
   	color: #000;
   	line-height: 1.8;
}

code {
	font-size:14px !important;
}

#header {
	width:200px;
	padding: 0 40px 0 20px;
	position: fixed;
	z-index: 99;
	min-height:100%; height:auto !important; height:100%;
	background: #fff;
	background: rgba(255,255,255,0.95);
}
	#header h1 {
		text-indent: -9999px;
		margin: 40px 0;
	}
	#header h1 a {
		display: block;
		width:200px;
		height: 104px;
		background: url(images/marisa_logo_black.png);
		background-size: 100%;

	}
	#header p {
		display: none;
	}
	
	#menu-main { padding: 0 0 0 5px; }
		
		#menu-main a {
			font:14px 'SlingLight', Georgia, sans-serif;
			line-height: 2.2;
			display: block;
			position: relative;
			color: #777;
			cursor: pointer;
			transition: color 0.5s;
			-moz-transition:color 0.5s; /* Firefox 4 */
			-webkit-transition:color 0.5s; /* Safari and Chrome */
			-o-transition:color 0.5s; /* Opera */	
		}
		#menu-main a:before {
			float: left;
			content: " ";
			line-height: 2.2;
			position: absolute;
			top:0;
			bottom:0;
			margin: 0 0 0 -30px;
			width: 10px;
			background-image: url(images/menu_hover.png);
			background-position:left center;
			background-repeat: no-repeat;
			opacity: 0;
			
			-webkit-transition:opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease, margin-left 0.3s ease;
			-o-transition: opacity 0.3s ease, margin-left 0.3s ease;
			
		}
		
		#menu-main a:hover {
			color:#333;
			cursor: pointer;
		}
		#menu-main a:hover:before {
			opacity: 0.4;
			margin:0 0 0 -12px;
		}
		
		/*
#menu-main li:not(.current-menu-item) a:hover:before {
			content: "";
			position: relative;
			display: inline-block;
			width:0px; height: 0px;
			border-color: transparent #eee;
			border-width: 6px 0 6px 6px;
			border-style: solid;
			margin: 0 6px -1px -12px;
		}
*/
		#menu-main .sub-menu {
			padding: 0 0 0 15px;
		}
		.current-menu-item a {
			color:black !important;
			position: relative;
		}
		.current-menu-item a:before {
			opacity: 1 !important;
			margin: 0 0 0 -12px !important;
		}
		/*
.current-menu-item a:before {
			content: "";
			position: relative;
			display: inline-block;
			width:0px; height: 0px;
			border-color: transparent #6CCDD0;
			border-width: 6px 0 6px 6px;
			border-style: solid;
			margin: 0 6px -1px -12px;
		}
*/


	
#page_content {
	padding: 40px 0 0 260px;
}
	#page_content h1 {
		font:normal 250%/1.5 'SlingLight', Georgia, sans-serif;
		color: #ddd;
		border-bottom: 1px solid #eee;
		margin: 0 -20px;
		padding: 0 20px; 
	}
	#page_content.text {
		padding-top:107px;
		padding-bottom: 20px;
		width: 500px;
		text-align: justify;
	}
	#page_content.text li {
		list-style-type: none;
		line-height: 2;
	}
	
	
		
		
		
		


/* GALLERY STYLING */

div#arrow {
	text-indent: -99999px;
	position:fixed;
	z-index: 99999;
	width:250px; height:250px;
	background: url(images/arrowbig.png) center no-repeat;
	top:175px; right:100px;
	opacity: 0;
}

#page_content.images {
		padding-top: 5px;	
	}
	#page_content.images tr {
		vertical-align: top;
	}
	#page_content.images img {
		padding: 0 5px 0 0;
		height: 600px;
		width: auto;
		float: left;
	}

		/* JQUERY OVERIDES */		
		.gallery {
			padding:0;
			margin: 0;
		}
		
		.gallery-item {
			float: left;
		}
		
		.gallery-icon {
		
		}		
		.gallery br {
			display:none;
		}
		
		.gallery:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}
		
		
		
		
		
		
		
	


/* photographers page list styling */
 {
	
}
ul#photographers li {
	width:50%;
	float: left;
}
ul#photographers:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}



/* contact page */