html, body
{
	color: #aaa;
	margin: 0;
	padding: 0;
	background: #0b0b0b url(http://media.tylergriffinphotography.com/img/bg.jpg) repeat-x top fixed;
}

html, body, #wrapper
{
	height: 100%
}

body > #wrapper
{
	height: auto;
	min-height: 100%;
}

h1, h2, h3, h4, h5, h6
{
	color: #aaa;
}

#top
{
	width: 100%;
	height: 150px;
    position: relative;
}

#logo
{
    float: right;
    margin: 5px 5px 0 0;
}

#logo img
{
	border: 0;
}

#bottom
{
	width: 100%;
	margin-bottom: 15px; /* footer height + margin */
}

a
{
	color: #aaa;
	text-decoration: none;
}

a:hover, a.current, .current a, a:active
{
	color: #eee;
}

#nav
{
	list-style-type: none;
	margin: 0 5px 0;
	padding: 0;
}
	#nav li
	{
		float: left;
		margin: 0 5px;
        display: block;
        border: 1px solid #aaa;
        border-top: 0;
	}
    #nav a
    {
		padding: 5px 10px;
        display: block;
        background: url(../img/nav-bg.png) repeat;
    }
    #nav li a:hover, #nav li a.current 
    {
        padding-top: 10px;
        background: url(../img/nav-bg-active.png) repeat;
    }
a
{
	outline: none;
}


#footer
{
	clear: both;
	text-align: center;
	font-size: 0.6em;
	color: #aaa;
	width: 100%;
	margin-top: -15px;
	height: 15px;
	overflow: hidden;
	position: relative;
}

#footer img
{
	border: 0;
	margin-bottom: -3px;
}

tr
{
	margin: 2em auto;
}

th
{
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	padding-right: 5px;
}

td input[type=text], td textarea
{
	width: 300px;
	padding: 3px;
	border: #333 1px solid;
}
td input[type=text]:focus, td textarea:focus
{
	border: #eee 1px solid;
}

td textarea
{
	width: 400px;
}

.category
{
    clear: both;
    width: 960px;
    margin: 1em auto;
}

.gallery-list
{
    margin: 0;
    padding: 0 80px;
    list-style-type: none;
}
.gallery-list li
{
    list-style-type: none;
    display: block;
    float: left;
}
.gallery-list a
{
    display: block;
    margin: 3px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
.gallery-list a:hover
{
    
}

#gallery-title
{
    clear: both;
    position: absolute;
    left: 80px;
    bottom: 10px;
}

#gallery-title h2
{
    margin: 0;
}
#gallery-title a
{
    color: #666;
}
#gallery-title a:hover
{
    color: #aaa;
}

.stepcarousel{
	position: relative;
	overflow: scroll;
	width: 100%;
	height: 470px;
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
	width: 12000px; /* This allows for side scrolling without JS */
	z-index: 0;
}

.stepcarousel .panel{
	float: left;
	overflow: hidden;
	margin: 0px 10px;
	text-align: center;
	z-index: 1;
}

.stepcarousel .panel img
{
	border: 4px solid #eee;
	z-index: 2;
}

.stepcarousel .panel
{
	background: #111;
}

.scroller
{
	position: absolute;
	top: 150;
	height: 450px;
	font-size: 200px;
	z-index: 100;
	cursor: pointer;
	background: url(http://media.tylergriffinphotography.com/img/clear.png);
}

.scroller span
{
	display: none;
}

#left-scroller
{
	left: 0;
	width: 40%;
	text-align: left;
}


#right-scroller
{
	right: 0;
	width: 60%;
	text-align: right;
}

#slideshow
{
	text-align: center;
	width: 100%;
	height: 440px;
	overflow: hidden;
}

#price
{
	width: 90%;
	margin: 0 4.5%;
}

#price .left
{
	float: left;
	width: 45%;
}

#price .right
{
	float: right;
	width: 45%;
}

#price p
{
	clear: both;
}

/********************
 Blog Stuff
 ********************/
#top #title
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#blog
{
	width: 800px;
	margin: 0 auto;
}

#blog a
{
	color: #eee;
}
#blog a:hover
{
	color: #666;
}

#blog .photo
{
    text-align: center;
    margin-bottom: 50px;
}

#blog .photo img
{
	border: 1px solid #eee;
}

.FotomotoToolbarClass
{
    margin-top: -50px !important;
    height: 50px;
}

.entry
{
	float: left;
}

.entry a img
{
	border: 0;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

.entry a:hover img
{
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1;
}

.comment h5
{
	font-weight: bold;
	margin-bottom: 0;
	color: #eee;
}

.comment h5 a
{
	color: #aaa;
}

.comment h5 a:hover
{
	color: #eee;
}

.comment p
{
	margin: 0 0 .2em 15px;
}

#comment_photo
{
    width: 410px;
    float: left;
}

#comment_entry
{
    width: 390px;
    float: right;
}
    #comment_entry img
    {
        width: 370px;
    }

#next_prev
{
	clear: both;
}

#link_prev
{
	display: block;
	float: left;
}

#link_next
{
	display: block;
	float: right;
}

h1.entry-title
{
	font-weight: normal;
	font-variant: small-caps;
    width: 800px;
    margin: 0 auto .5em;
}

/* 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 */