/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/
Description: A blank frame work using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Simon Urbina
Author URI: http://simonwebdesign.com
Version: 1.1.6
Tags: light, two-columns, fixed-width
*/

@import url('reset.css');
@import url('typography.css');
@import url('grid.css');
@import url('forms.css');

.html {
	background: #161616;
}

body {
	width: 100%;
	background: #11151d;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #ccc;
	
}
div#header{
	margin-top: 75px;
	margin-bottom: 10px;
	height: 130px;
}

div#header_photo{
	margin-top: 50px;
	height: 130px;
	

}
div#wrap {
  	display:block;


    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
	overflow-x: hidden;

}



.storytitle a {
	color: #7d7d7d;
}

a#controlbtn{
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding-left: 20px;
}

a#controlbtn.open {
	background: transparent url(images/toggle_minus.png) no-repeat left center;
}

a#controlbtn.close {
	background: transparent url(images/toggle_plus.png) no-repeat left center;
}

div#rightfull{
	
}

div#leftfull{
	background:url(images/bg2.png) repeat-x;
}

div#linkblock {
	margin-left: -100%;

	
	display:block;
	background:url(images/bg2.png) repeat-x;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height: auto;
	overflow:hidden;

	
	
}

div#maincontent {
	display:block;
	background: #11151d url(images/bg.png) repeat-x;

    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
	
}

#portfolio-list h3 {
	font-size:20px;
	color:#FFF;
	margin-left: 5px;
	margin-top: 15px;
}


h4 {
	margin: 0px;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	clear: none;
}


/* header */
.header {

        padding: 0px 0px 50px 10px;
}

#header-wrap h1 {
        width: 400px;
        padding: 0px;
        margin: 0px;
        float: left;
}

#header-wrap .description {
        clear: both;
}
#search-bar {
        width: 400px;
        float: right;
}


#headline h1 {
	font-size:46px;
	color: #b9d60f;
	margin-top: 20px;
	margin-bottom: 35px;
}

#headline_about h1 {
	font-size:42px;
	color: #b9d60f;
	margin-bottom: 5px;

}

#headline_photo h1 {
	font-size:46px;
	color: #00bff3;
	margin-top: 20px;
	margin-bottom: 5px;
}


#headline_portfolio h1 {
	font-size:46px;
	color: #b9d60f;
	margin-top: 20px;
	margin-bottom: 15px;
	text-align:right;
}

.pphoto{
	margin-left: 5px;

}



a:link, a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}
/* navigation */
#nav-bar {
       
	width: 300px;
	height: 26px;
	margin: 20px 0px 50px 0px;
	padding: 0px 0px 10px 0px;
	float:right;
	}
	


	
#navbar-right {
	width: 30px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	}
	
#navbar-right a img {
	border: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	top:0;
	position:absolute;
	margin-left: -150px;
	}
	

/* header */
#footer {
        margin: 30px 0px 30px 0px;
        padding: 30px 0px 30px 0px;
       
}
/* Misc */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* post */
.meta {
}
/* COmments */
#comments {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}
#postcomment {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}
/* featured section */
#featured-sticker {
        width: 100px;
        padding: 5px;
        margin-left: 800px;
        background-color: #f00;
        color: white;
        text-align: center;
        position: absolute;
        float: right;
}
#featured-post {
        background-color: #f3f3f3;
        padding:20px;
        margin: 0px 0px 45px 0px;
        border-top: solid 3px #ccc;
        border-bottom: solid 1px #ccc;
}

#post-entries {
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 20px 0px;
       
}

.category a{
	color:#000;
	background: #bad60f;
	padding: 2px 5px 2px 5px;
	display:inline;
	font-size:9px;
	width:auto;
}


#control {
	margin-top: 60px;
	display:inline-block;
	width: 200px;
	z-index: 100;
	position:absolute;
}

#control_photo {
	margin-top: 60px;
	right: 30px;
	display:inline-block;
	width: 200px;
	z-index: 100;
	position:absolute;
}

/* ------------------- Slider -------------- */




.anythingSlider                         { width: 940px; height: 350px; position: relative; margin: 0 auto 0; }
.anythingSlider .wrapper                {
	width: 940px;
	overflow: auto;
	height: 341px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: -1px; background: #eee; margin: 0; margin-left:1px; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 350px; width: 940px; margin-left: 0; }
/*.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }*/
anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 315px; text-align: right; width:925px; height:28px; background:  url(images/slider_text_bg.png) repeat; padding-top:8px; padding-right:15px;  }
#thumbNav a                             { display: inline-block;  height: 15px; width: 15px; margin: 0 0 0 0; background:  url(images/slider_nav_bg.png) no-repeat; text-align: center; top: 10px; }
#thumbNav a:hover                       { background:  url(images/slider_nav_hover.png) no-repeat; }
#thumbNav a.cur                         { background:  url(images/slider_nav_hover.png) no-repeat; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; visibility:hidden; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }





/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 0 0; }
#quoteSlide p                           { text-align: center; }

#silderDrop{
	background:url(images/slider_drop.png) no-repeat;
	width:940px;
	height:35px;
	margin-left: 10px;
	
}

.in-right{

	padding: 10px;
}

.white{
	color:#FFF;
}


.storycontent{

	padding-bottom: 15px;
	
}

#post-entries {
	border-bottom: 1px solid #252525;
}

.storytitle {
	margin-left: -6px;
}

.in-right li{
	background: #111111;
	padding: 8px;
	list-style:none;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.in-right li a{
	color: #bad60f;
	text-decoration:none;

}

.meta {
	display:inline;
}

.phototitle{
	position: relative; text-align: right; width:925px; height:28px; background:  url(images/slider_text_bg.png) repeat; padding-top:8px; padding-right:15px; 
}





/* Layout */
.boundingBox{ margin: 0 auto; width: 916px; }

/* Content */

#content{ padding: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 70px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 288px; height: 260px; display: block; float: left; margin-right: 18px; overflow: hidden; background: url(images/portfolio_bottom.png) no-repeat; }
ul#portfolio-list li a{ display: block; width: 288px; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }





.spritesnav {
	width: 403px;
	height: 136px;
	background: url(images/nav_sprite.png) no-repeat;

}
#live{
	top: 0;
}
.spritesnav li {
	display: inline;
}
.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
	position: absolute;
	top: 0;
	height: 136px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.spritesnav li div {
	z-index: 0;
}
	.spritesnav #snhome a:link, .spritesnav #snhome a:visited , .spritesnav #snhome div{
		left: 0;
		width: 79px;
	}
	.spritesnav #snhome a:hover, .spritesnav #snhome a:focus, .spritesnav #snhome div{
		background: url(images/nav_sprite.png) no-repeat 0 -136px;
	}
	.spritesnav #snhome a:active, .spritesnav #snhome div.click {
		background: url(images/nav_sprite.png) no-repeat 0 -136px;
	}
	.spritesnav #snhome.active a:link, .spritesnav #snhome.active a:visited {
		background: url(images/nav_sprite.png) no-repeat 0 -136px;
		cursor: default;
	}



	.spritesnav #snabout a:link, .spritesnav #snabout a:visited, .spritesnav #snabout div{
		left: 94px;
		width: 84px;
	}
	.spritesnav #snabout a:hover, .spritesnav #snabout a:focus, .spritesnav #snabout div {
		background: url(images/nav_sprite.png) no-repeat -94px -136px;
	}
	.spritesnav #snabout a:active, .spritesnav #snabout div.click {
		background: url(images/nav_sprite.png) no-repeat -94px -136px;
	}
	.spritesnav #snabout.active a:link, .spritesnav #snabout.active a:visited {
		background: url(images/nav_sprite.png) no-repeat -94px -136px;
		cursor: default;
	}



	.spritesnav #snservices a:link, .spritesnav #snservices a:visited, .spritesnav #snservices div {
		left: 193px;
		width: 90px;
	}
	.spritesnav #snservices a:hover, .spritesnav #snservices a:focus, .spritesnav #snservices div {
		background: url(images/nav_sprite.png) no-repeat -193px -136px;
	}
	.spritesnav #snservices a:active , .spritesnav #snservices div.click{
		background: url(images/nav_sprite.png) no-repeat -193px -136px;
	}
	.spritesnav #snservices.active a:link, .spritesnav #snservices.active a:visited {
		background: url(images/nav_sprite.png) no-repeat -193px -136px;
		cursor: default;
	}


	
	.spritesnav #sncontact a:link, .spritesnav #sncontact a:visited, .spritesnav #sncontact div {
		left: 298px;
		width: 105px;
	}
	.spritesnav #sncontact a:hover, .spritesnav #sncontact a:focus , .spritesnav #sncontact div{
		background: url(images/nav_sprite.png) no-repeat -298px -136px;
	}
	.spritesnav #sncontact a:active, .spritesnav #sncontact div.click {
		background: url(images/nav_sprite.png) no-repeat -298px -136px;
	}
	.spritesnav #sncontact.active a:link, .spritesnav #sncontact.active a:visited {
		background: url(images/nav_sprite.png) no-repeat -298px -136px;
		cursor: default;
	}







#button {
	height: 32px;
	width: 262px;
	float:right;

}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}



.the_menu {
	display:none;
	width:259px;
	

}

.the_menu li {
	background:  url(images/filter_line.png) no-repeat bottom center #0b0b0b;
	margin-left: 2px;
	font-size:11px;
	color: #a1a1a1;
	
}



.the_menu li a {
	color: #a1a1a1;
	text-decoration:none; 
	padding:10px 10px 10px 30px; 
	display:block;
}

.the_menu li a:hover {
	background: url(images/filter_hover.png) no-repeat top center;
	font-weight:bold;
	color: #0b0b0b;
}

.filter_bottom {
	background:url(images/filter_bottom.png) no-repeat top left;
	width: 261px;
	height: 10px;
}

.filter_top {
	background:url(images/filter_top.png) no-repeat top left;
	width: 261px;
	height: 10px;
}


.more_btn {
	
}

#about_header {
	width: 100%;
	background: #111111;
	min-height: 150px;
	padding-top: 35px;
}

.flashmovie {
	z-index: -1;
}



.spotlightWrapper ul { 
			list-style-type: none; /* remove the default style for list items (the circles) */ 
			margin:0px; /* remove default margin */
			padding:0px; /* remove default padding */
	
			position:absolute;
		}
		.spotlightWrapper ul li { 
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			
		}
		.spotlightWrapper ul li a img { 
			width:320px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		.spotlightWrapper ul li a img.active {
			
			z-index:1; /* show it on top of the other images (they have z-index 0) */
			
		}
		.clear { clear:both; } /* to clear the float after the last item */
		
		
		
		
		
/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */
#contactform {
	width:500px;

	margin-left:auto;
	margin-right:auto;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;

}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {width:90%;margin:0 auto; }