/*
Theme Name: VSPOT Photography
Description: VSPOT Photography portfolio website theme 2010.
Version: 1
Author: Meggan Blake
Author URI: http://megganblake.com/

*/


/* MAIN BODY STYLES (GLOBAL) */

a:active { 
	outline: none; 
	}

a:focus { 
	-moz-outline-style: none; 
	}

	/* STICKY FOOTER CODE */
			html, body, #wrap {
				height: 100%;
				}
	/* END STICKY FOOTER CODE */

body {
	padding: 0;
	margin: 0;
	background-color: #000000;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
	
img, img a {
	border: 0px;
	}
	
h1 {
	padding-top: 12px;
	text-align: left;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	}
	
h2 {
	padding-top: 12px;
	text-align: left;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	

/*
ul {
	padding-left: 25px;
	}

ul li {
	font-weight:normal;
	text-transform: none;
	list-style: square;
	text-align:left;
	text-indent: 10px;
	border-top: solid 0px #111111;
	margin-left: 0px;
	}
*/

	
/* Body Table Styles */
	
#bodymain {
	width: 940px;
	padding: 0px;
	}
	
.header, .logo, .navigation, .main, .copyright, .social, .content, .sidebar {
	vertical-align: top;
	}

.header {
	padding-top: 12px;
	text-align: right;
	color: #636363;
	font-family: Arial, sans-serif;
	font-size: 11px;
	}
	
.logo, .navigation {
	padding-top: 45px;
	padding-bottom: 35px;
	}
	
.logo, .copyright, .sidebar {
	width: 250px;
	}
	
.navigation, .social, .content {
	width: 690px;
	}
	
.main {
	width: 940px;
	}

.copyright {
	text-align: left;
	color: #636363;
	font-family: Arial, sans-serif;
	font-size: 11px;
	}

.social {
	text-align: right;
	color: #636363;
	font-family: Arial, sans-serif;
	font-size: 11px;
	}
	
.copyright, .social {
	padding-top: 50px;
	padding-bottom: 15px;
	}
	
.social a, .social a:link, .social a:active {
	color: #636363;
	}
	
.social a:hover {
	color: #4d4d51;
	}
	
.content {
	text-align: left;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	padding-left: 20px;
	}
	
.sidebar {
	text-align: left;
	color: #636363;
	font-family: Arial, sans-serif;
	font-size: 11px;
	}
	
.sidebar-content {
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	width: 200px;
	}
	
.content-content {
	border-top: 1px solid #111111;
	padding-left: 25px;
	padding-right: 25px;
	width: 610px;
	}
	
	
/* Fembot Divs */

div#fembotwrap {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index: 1;
}

div#fembotoverlay {
	float:left;
	margin-left:0px;
	margin-top: 0px;
	z-index: 999999;
	position: absolute;
}

div#fembot {
	z-index: 2;
}
	
/* Body Div Styles */

	/* STICKY FOOTER CODE */
			body > #wrap {
				height: auto;
				min-height: 100%;
				}
				
			#header {
				height: 35px;
				background-color: #111111;
				}
				
			#main {
				padding-bottom: 35px;
				}  /* must be same height as the footer */
			
			#footer {
				position: relative;
				margin-top: -35px; /* negative value of footer height */
				height: 35px;
				clear:both;
				background-color: #111111;
				} 
			
			/* CLEAR FIX */
			
			.clearfix:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
				}
				
			.clearfix {
				display: inline-block;
				}
				
			/* Hides from IE-mac \*/
			
			* html .clearfix {
				height: 1%;
				}
				
			.clearfix {
				display: block;
				}
				
			/* End hide from IE-mac */
			
	/* END STICKY FOOTER CODE */

/* Main Navigation */


/*
ul ul {
	padding: 0px;
	padding-left: 10px; 
	margin: 0px;
	}
*/

ul {
	padding: 0px;
	margin: 0px;
	}

ul.top-navlist, ul.top-navlist a, ul.top-navlist a:link, ul.top-navlist a:active {
	padding: 20px 5px 0 5px; 
	margin: 0px 0 0px 0;
	text-align: right;
	font-family: "Arial", "Lucida Sans", "Tahoma", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a2b1bb;
	text-decoration: none;
	}
	
ul.top-navlist a:hover {
	color: #d0d1d1;
	}

ul.top-navlist li {
	display: inline;
	padding-left: 30px;
	text-decoration: none;
	}
	
/* Main Navigation, Sub Nav */
		
ul.sub-navlist {
	font-family: "Arial", "Lucida Sans", "Tahoma", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	margin: 0px 10px 0px 0px;
	padding-top: 10px;
	/* padding-left: 0px; */
	color: #707070;
	}

ul.sub-navlist li {
	display: inline;
	padding-left: 30px;
	text-decoration: none;
	}
	
ul.sub-navlist li a {
	text-decoration: none;
	color: #707070;
	}

ul.sub-navlist li a:hover {
	text-decoration: none;
	color: #ca1b6e;
	}

ul.sub-navlist li.current_page_item a{ /* This sets the highlight for the currently selected page (Sub Menu Only) */
	color: #ca1b6e;
	}
	
/* Sidebar Navigation */

ul.sidebar-nav a {
	display: block;
	text-decoration: none;
	color:#ffffff;
	}
	
ul.sidebar-nav a:hover {
	color: #ca1b6e;
	}

ul.sidebar-nav {
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	}

ul.sidebar-nav li {
	font-weight:normal;
	text-transform: none;
	list-style:none;
	padding-left: 0px;
	text-align:left;
	}

ul.sidebar-nav li li {
	font-weight:normal;
	text-transform: none;
	list-style:none;
	text-align:left;
	text-indent: 15px;
	border-top: solid 1px #111111;
	margin-left: 0px;
	}
	
ul.sidebar-nav li li:first-child {
	border-top: solid 1px #111111;
	}
	
ul.sidebar-nav li li:last-child {
	border-top: solid 1px #111111;
	border-bottom: solid 1px #111111;
	}

ul.sidebar-nav li li:hover {
	background-color: #111111;
	}

/* Sidebar Widgets */

.cta_textbox {				/* //// For all CTA's with just Text  //// */
	text-align: left;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding-top: 25px;
	padding-bottom: 5px;
	}
	
.cta_imagebox {				/* //// For all CTA's with Images/Images Linked  //// */
	text-align: center;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 5px;
	}