ul.photos { width:1000px; margin-top:25px}
ul.photos {list-style: none outside;}
ul.photos li {display: inline;}

ul.photos a { 
  background: #fff; 
  display: inline; 
  float: left; 
  margin: 0 35px 27px 0px; 


 
}
ul.photos li:nth-child(5n) a{ margin-right:0px }		

ul.photos img { display: block; width: 172px; height:172px; margin-bottom: 12px; }


* {
	margin: 0;
	padding: 0;
}
body {
	font-size:13px; 
	font-family:helvetica, arial, sans-serif; 
	color:#666;
	width: 100%;
	background: #EDEEE4 url(https://s3.amazonaws.com/ahoernecLocomotiveHeroku/sites/4f7cd28696bbb80003000004/theme/images/bg.jpg);

}
a { text-decoration:none; color:#1571b2;}
a:hover { text-decoration:underline; color:#50a0d8;}

li {
line-height: 1.5em;
color: #666;
}

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1000px;

	margin: 25px auto 15px auto;
	padding: 25px;
	background: #FFF;
}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	/* margin-top: 55px; */
	height: 260px;
	background: #FFF;

}

/* Navigation
-----------------------------------------------------------------------------*/

#header .masthead {  margin:0px 0 30px;}

#header ul.main-nav { border-bottom:4px solid #e5e5e5; margin:0px 0 30px 0; /*padding-bottom: 3px;*/ }
#header ul.main-nav>li { float:left; list-style:none; margin-left:35px;  font-size:15px; text-transform:uppercase; }
#header ul.main-nav>li:first-child { margin-left:0;}
#header ul.main-nav>li>a { color: #bbb; letter-spacing:-1px; padding:0 0 3px 0; position:relative; }
#header ul.main-nav li>a:hover { border-bottom:4px solid #333333; color: #333333;text-decoration:none; }
#header ul.main-nav>li.current a { font-weight:bold; border-bottom:4px solid #333333 ; color:#333333 ; }


/* drodowns */
#header ul.main-nav .dropdown-ie { position:relative; z-index:99; top:4px; -moz-top:5px; display:none} /*can't have position relative + float left on container li...intermittent documented bug*/


#header ul.main-nav ul {  margin:0; padding:0; background:#333; position:absolute; left:0; background:#333333;  width:230px; margin:0; padding:0 0 12px 0; }


#header li.active.dropdown a { border-bottom:4px solid  #333333; color: #333333}

#header ul.main-nav  li.dropdown { list-style-type:none; text-transform:normal;  z-index:99;}
#header ul.main-nav  li.dropdown>a { padding-right:16px;border-top:none;}

#header ul.main-nav  li.dropdown>a:after { border-top:4px solid #bbb;border-left:4px solid transparent;border-right:4px solid transparent;height:0;width:0; display:block;  content:""; position:absolute; top:7px; right:-0px; }
#header ul.main-nav  li.dropdown.active>a:after { border-top:4px solid #333333;}

@-moz-document url-prefix() { .dropdown-ie { top:5px!important;} } 
@-moz-document url-prefix() {#header ul.main-nav  li.dropdown>a:after {  top:5px; }}



#wrapper #header ul.main-nav ul li { list-style:none;}
#wrapper #header ul.main-nav ul li a { color: #ededed; display:block;  font-size:13px; text-transform:none; padding:1px 0px 8px; letter-spacing:0; margin:0 10px; border-bottom:1px solid #5c5c5c;}
#header ul.main-nav ul li a span {position:relative; top:8px; display:inline-block; padding-bottom:3px;  border-bottom:3px solid #5c5c5c; }
#header ul.main-nav ul li a:hover span { border-bottom:3px solid #ededed; padding-bottom:3px;  }
#header ul.main-nav ul li a { text-decoration:none; }


#header ul.main-nav form { height:15px; position:relative;}
#header ul.main-nav input[type="text"] { float:left; width:100px;  line-height:15px; margin:0; vertical-align:top; border:0; font-size:15px;  color:#bbb;font-family:helvetica, arial, sans-serif; text-transform:uppercase; letter-spacing:-1px; padding:2px 0 0 0;background:transparent}

#header ul.main-nav .search-nav form { margin-left:-15px}

#header ul.main-nav .activesearch input[type="text"] {  border:0;border-bottom:3px dotted #333333; color:#333333; float:left;   background:transparent;}

#header ul.main-nav input[type='submit'] { margin:0; padding:0;  margin-right:3px; background:   url('icon-search.png') no-repeat top left; text-indent:-9999px; width:23px; height:21px; border:0; padding:0px 0 0px 0 ;  float:left; background-position:11px 4px;cursor:pointer; }
#header ul.main-nav input[type='text']:focus { outline:none;}



#navigation {
	margin:0;
	padding-top: 50px;
	clear:both;
	height:51px;

}


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


ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	/*background: url(../images/dropdown-bg-hover.gif) repeat-x left top; */

}



ul.nav-main li {
	float:left;
	display:block;
	height: 51px;
	color: #999;
	font: 14px Arial, Helvetica, sans-serif;
	/*background: url(../images/separator.gif) no-repeat right center; */

}

ul.nav-main li a {
	display:block;
	padding: 16px 16px 0 16px;
	height: 35px;
	color: #DDD;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:#EEE;
}



ul.nav-main *.list {
	padding-right: 22px;
	background: url(../images/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 44px;
	left: 0;
	z-index: 598;
	background: #353535 url(http://www.commentnation.com/backgrounds/images/charcoal_gray_upholstery_fabric_texture_background_seamless.jpg);
/*	background: #353535 url(../images/dropdown-list-bg.gif) repeat-x left top; */
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 27px;
	float: none;
	width:145px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;	
}


/* Content
-----------------------------------------------------------------------------*/
#content {
	background: #333;
	/*height:350px;*/

}
#content h1 {
	padding-bottom: 12px;  
}

#content_full
{
	background: #FFF;
	
	width: 1000px;
	float: left;
	margin: 0;
	padding: 10px 0px 5px 0px;
}

#content_full p:last-child { margin-bottom:0px;}

#content_left
{
	height: 350px;
	width: 660px;
	float: left;
	margin: 10px 0px 0px 0px;
}

#content_left img
{
	height: 350px;
	width: 660px;
}

#content_right
{
	height: 350px;
	width: 320px;
	float:left;	
	margin: 10px 0px 0px 20px;
	overflow: none;
	
}

#content_right img
{
	height: 350px;
	width: 397px;
}

#content_left_small
{

	width: 320px;
	float: left;
	margin: 10px 0px 0px 0px;
}

#content_left_small h1 { width: 300px; color:#FFF; background-color:#000; margin: 0px 0px 5px 0px; padding: 7px 10px;}

#content_left_small li { margin: 0px 0px 5px 0px; padding: 7px 10px; width:300px; list-style:none; color:#111; background-color:#CCC }

#content_left_small li:hover { font-weight:bold; background-color:#AAA; }

#content_left_small li.season.active { font-weight:bold; background-color:#2ABDEC; }

#content_left_small li span { display:none; font-weight: normal;}

#content_left_small li.production { display:none; }

#content_left_small li.production.active { background-color:#BBB; }

#content_right_large
{
  	width: 660px;
	float:left;	
	margin: 10px 0px 0px 20px;
	overflow: none; 
}

.production_content { display:none; }


ul.albums { width:1000px; margin-top:25px}
ul.albums {list-style: none outside;}
ul.albums li {display: inline;}

ul.albums a { 
  background: #fff; 
  display: inline; 
  float: left; 
  margin: 0 35px 27px 0px; 
  width: auto; 
  padding: 10px 10px 15px; 
  text-align: center; 
  color: #333; 
  font-size: 18px; 
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
}
ul.albums li:nth-child(5n) a{ margin-right:0px }		

ul.albums img { display: block; width: 150px; height:150px; margin-bottom: 12px; }
ul.albums a:after { content: attr(title); font-size:13px;}


/* Twitter
-----------------------------------------------------------------------------*/

.tweet li{
position: relative;
padding: 15px;
margin: 0 0 2em 0;
color: white;
background: #333;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.tweet li::after {
content: "";
position: absolute;
bottom: -20px;
left: 50px;
border-width: 20px 0 0 20px;
border-style: solid;
border-color: 
#333 
transparent;
display: block;
width: 0;
}

.tweet img
{
 display:none; 
}





/* Content Bottom
-----------------------------------------------------------------------------*/
#content_bottom {
	height: 200px;

	/*padding-left:5px;
	padding-top:10px; */
}

.content_bottom_box {
	height: 200px;
	width: 320px;
	float:left;
	background: #e4e2c5;
	margin: 0px 20px 0px 0px;


}

.content_bottom_box img {
	width:320px;
	height:200px;
}

.content_bottom_box_right { margin-right:0px;}


#content h1.spaced
{
	padding-bottom:30px;
    padding-left: 200px;
}

.member
{
	padding-bottom:50px; 
}

.member:first
{
	padding-top:30px; 
}

.member_image
{
  width:200px;
  float:left;
}

.member_info
{
	line-height: 19px; 
	padding-left:200px;
}

.member_description
{
	padding-top: 12px; 
}


/* Footer
-----------------------------------------------------------------------------*/
.footerbox.container { margin-top:20px; padding:0 inherit;}
#footer { margin: 0px 0 70px 0;}
#footer * { font-size:12px;}
#footer a { color:#FFF;}
#footer p, #footer li { color:#FFF }

.footer-wrapper { width:1050px; display:block; margin:0 auto;}
.footer-wrapper p { float:right;}

#footer ul.footer-links { margin:0; list-style:none; float:left}
#footer .footer-links li  { margin:0 8px 0 0; padding:0; float:left; }
#footer .footer-links li { border-left:1px solid #c8c8c8; padding-left:8px; position:relative}
#footer .footer-links li:after { content:""; display:block; height:15px; border-left:1px solid #efefef; position:absolute; left:-0px ;top:0}
#footer .footer-links li:first-child:after {display:none}
#footer .footer-links li:first-child { border-left:0px; padding-left:0;}

#footer .footer-details { border-bottom:1px solid #c8c8c8; margin-bottom:20px; }
#footer .footer-details:after { border-bottom:1px solid #efefef;  content:''; display:block;  position:relative; top:2px}

#footer ul.creditcards { margin:0; list-style:none; clear:both; position:relative; top:4px}
#footer .creditcards li { float:left; margin: 0 10px 0 0;}

#footer ul.socialmedia { margin:0; list-style:none; float:right;}
#footer ul.socialmedia li {  margin:0  0 0 10px; float:right;}