/*  
Theme Name: Legroom
Theme URI: http://www.lewisheriz.com
Description: Heriz theme designed by <a href="http://www.lewisheriz.com">Lewis Heriz</a>.
Version: 1.1
Author: Lewis Heriz
Author URI: http://www.lewisheriz.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
    margin: 0 auto;
    padding: 0;
	background: #FFFFFF;
    font-family: Helvetica, Arial, "Century Gothic", sans-serif;
	font-size: 11px;
	line-height: 14px;
}

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

	a:active, a:focus {
		outline:none;
	}
	
	a:visited {
		color: #666666
	}
	
	a:hover {
		color: #AA0000
	}

img {
    border: none;
}

p {
	text-align:left;
	margin-bottom:5px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Century Gothic", sans-serif;
}

h1, h2, h3, h4 {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    padding-bottom: 3px;
}

	h1, h2 {
		color: #333333
	}
	
		h2 {
			margin: 0 0 30px 0;
			text-transform:uppercase
		}
	
	h3, h4 {
		line-height: 13px;
		margin-bottom: 3px
	}
	
form {
    margin:0px;
    padding:0px;
}
#page {
    margin: 0 auto;
    width: 900px;
    background: #FFFFFF;
}

/* header area */
#header {
    position: relative;
    background: #ffffff;
    height: 80px;
    border-bottom: none;

}

#anchor {
	float: left;
	width: 230px;
	height: 80px
}

#headerimg {
    display: none;
    position: relative;
    padding: 0;
    height: 80px;
}
#headerimg .description{
    display: none;
    position: absolute;
    left: 110px;
    bottom: 3px;
    color: #000000;
    font-size: 14px;
}

/* navigation tabs */

#nav {
	position: absolute;
    right: 140px;
	bottom: 19px;
	width: 500px;
	height: 40px;
}

#nav ul {
    list-style: none;
    margin: 0px;
}
	#nav ul li {
		float: left;
		margin: 0 5px;
	}

	#nav ul li.current_page_item a, #nav ul li.current-cat a, #nav ul li.current-cat-parent a {
		color: #AA0000;
		background-image: url(images/hiddennav-button-bg-o.gif); 
	}
	
	#nav ul li a {
		color: #666666;
		text-decoration: none;
		padding: 5px 4px;
		font: bold 12px/100% "Century Gothic", Arial;
		text-transform: uppercase;
		background-image: url(images/hiddennav-button-bg.gif); 
		border: 0;
		display: block;
	}
	
		#nav ul li a:hover {
			color: #AA0000;
			background-image: url(images/hiddennav-button-bg-o.gif); 
		}
			/* begin invisible menu */	
		
			#nav ul li ul {
				position: absolute;
				top: 20px;
				margin-left: 0px;
				margin-top: 4px;
				margin-right: 5px;
				padding: 0;
			}
			
			#nav ul li ul li.page_item a, #nav ul li ul li.cat-item a {
				color: #666666;
			}
			
				#nav ul li ul li a {
				margin-right: -5px;
				padding: 0;
				text-transform: lowercase;
			}
			
			#nav ul li ul li.current-cat a, #nav ul li ul li.current-cat-parent a, #nav ul li ul li:hover a {
					color: #AA0000;
				}
			
			#nav ul li ul li a:after {
				content: " |";
				color: #666666
				}
						#nav ul li ul li ul li.current_page_parent a {
							color: #AA0000;
						}
		
			/* end invisible menu */				

/* content area */
#content {
    width: 610px;
	min-height: 650px;
    padding: 10px 0px 10px 0;
	margin: 0px 20px 0px 0px;
	border: none;
    text-align: justify;
    float: right;
    overflow: hidden;
}

.entry {
    font-family: Helvetica, 'Century Gothic', Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 13px;
}

#info-wrapper {
	margin: 0 auto;
	width: 600px;
	padding-top: 25px;
}

#left-column {
	width: 250px;
	float: left;
	margin-bottom: 20px
}

#right-column {
	width: 300px;
	float: right;
	margin-bottom: 20px;
	margin-right: 50px
}


/* POST STYLES */

.post {
    margin: 0px auto;
	width:600px;
	min-height: 500px;
    padding: 10px 10px 10px 10px;
    color: #666666;
    font-size:11px;
    line-height: 11px;
}
	.post h3 {
    font-size:13px;
    color:#666666;
	text-transform: uppercase;
	}

	.post h3 a {
    color:#666666;
	}

	.post h3 a:hover {
    color:#AA0000;
	}

.post-content {
	margin-bottom: 15px
	}

.post-date {
    float: left;
    color: #999999;
    line-height: 13px;
    margin-bottom: 5px
}
.post-month {
    float: left;
    color: #000000;
    line-height: 11px;
    padding-top: 0px;
    margin-left: 0;
}
.post-day {
    float: left;
    color: #000000;
    line-height: 11px;
    padding-top: 0px;
    margin-left: 0;
}

.post-header {
	width: 550px;
	float: left;
}

.post-indexer {
	float: left;
	margin: 25px 0 0 0;
	width: 225px;
    padding-bottom: 1px;
    padding-top: 4px;
	clear:both;
	letter-spacing: 1px;
	text-transform: none;
    color: #888888;

}

	.post-indexer .post-client {
	width: 225px;
	}
	
	.post-indexer .post-date {
	width: 225px;
	}



#morepics {
	float:left;
	clear:both;
	width:150px;
	height:28px;
	margin-top:10px;
	overflow:hidden
}

	#morepics a {
	background-image:url(images/view-more.gif);
	background-repeat:no-repeat;
	width:150px;
	height:28px;
	display: block
	}

	#morepics a:hover {
	background-image:url(images/view-more.gif);
	background-repeat:no-repeat;
	background-position:0px -28px;
	width:150px;
	height:28px;
	display: block
	}


.post-details {
 	float: left;
	width: 500px;
	margin: 25px 0 0 0;
    padding-bottom: 1px;
    padding-top: 1px;
	text-transform: none;
	letter-spacing: 0.5px
}

.post-details p {
	font-size: 11px;
	color:#666666
}	


	.post-details img {
		float:left;
		margin-right:10px;
	}

	.post-details p.small {
		font-size: 8px;
	}

.post-details a {
	font-weight: bold
}	

.post-title {
	margin: 0 0 30px 0;
    font-size:13px;
	text-transform: uppercase;
}

	.post-title h2 a, h2 a:visited {
		text-decoration: none;
	}
	
	.post-title h2 a:hover {
		color: #DD0000;
		text-decoration: none;
	}
			
	.post-title h3 {
    	font-size:13px;
		font-family: "Century Gothic", Arial, sans-serif;
		margin: 0px;
		padding-bottom: 2px;
	}

		.post-title h3 a {
			font-weight: normal
		}


.post-cat {
    padding-left: 0px;
    float:left;
    font-size: 10px;
	line-height: 13px;
    color: #999999;
	padding-bottom:5px
}

.post-comments {
    padding-left: 0px;
    float: right;
    font-size: 95%;
}

.post-comments-home {
    float: right;
    font-size: 10px;
    line-height: 10px;
    padding-top: 0px;
    margin-left: 0;
}

.more-link {font-size: 10px}

.mini-add-comment {
    padding-left: 18px;
    float: right;
}

#showcase {
    margin: 0px auto;
	width: 550px;
	background-image: url(images/showcase-bg.jpg);
	min-height: 500px;
    padding: 0;
    color: #444444;
    line-height: 11px;
}

#showcase img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#showcase-footer {
	margin: 0px auto;
	width: 550px;
	height: 90px;
	background-image: url(images/showcase-footer.jpg);
	background-repeat: no-repeat;
	}
	
	#showcase-details {
	font-family: "Century Gothic", Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:-80px;
	margin-bottom: -80px;
	width: 300px;
	background-image:url(images/showcase-detail-bg.jpg);
	background-repeat: repeat-y;
	}
	
	#showcase-details .info {
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	}
	
	#showcase-details .date {
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 80%;
	color: #333333;
	}

#latest {
	width:500px;
	margin: 0 auto;
}


/* catalogue styles */
.work-item {
	float:left;
	width:300px;
	margin: 0;
    font-size: 10px;
    color: #444444;
    line-height: 11px;
    margin: 0;
}

.work-details {
    font-family: "century gothic", Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    line-height: 13px;
}
.work-title {
    float: left;
    margin-left: 0px;
}
	.work-item ul {
	list-style:none;
	margin:0;
	}
	
	.work-title li {
	list-style:none;
	margin:0;
	}

	.work-title h2 {
    padding-bottom: 1px;
    padding-top: 4px;
    line-height: 22px;
	letter-spacing: 1px;
    font-size:13px;
    font-family: "Century Gothic", Arial, sans-serif;
	text-transform: none;
    color: #888888;
	}
	
		.work-title h2 a, h2 a:visited {
    		color: #770000;
    		text-decoration: none;
		}
		
		.work-title h2 a:hover {
    		color: #DD0000;
    		text-decoration: none;
		}
		
	.work-title h3 {
    font-size: 12px;
    font-family: "Century Gothic", Arial, sans-serif;
    color: #222222;
    margin: 0px;
    padding-bottom: 2px;
}
.clearboth { clear: both; }

/* gallery styles */

#gallery {
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	width: 570px;
	min-height: 170px;
}

.item a {
	width: 156px;
	height: 156px;
	float: left;
	margin: 8px;
}

.item a:hover {
	background-color:#333333
}

.item img {
	width: 150px;
	height: 150px;
	margin: 3px
}

#page-turner {
	float:right;
	width: 100px;
	height: 17px;
	line-height: 20px
}

#page-turner .prev-link a {
	background-image:url(images/prev-link.gif);
	background-repeat:no-repeat;
	float: left;
	width: 45px;
}

	#page-turner .prev-link a:hover {
	background-image:url(images/prev-link.gif);
	background-repeat:no-repeat;
	background-position:0px -17px;
	float: left;
	width: 45px;
}

#page-turner .next-link a {
	background-image:url(images/next-link.gif);
	background-repeat:no-repeat;
	float: right;
	width: 45px;
}

	#page-turner .next-link a:hover {
	background-image:url(images/next-link.gif);
	background-repeat:no-repeat;
	background-position:0px -17px;
	float: right;
	width: 45px;
}

/* NEWS STYLES */
 .news-wrapper {
	margin: 0 auto;
	padding-top: 20px;
	width: 550px
 }
 
.left-column-news {
 	float: left;
	width: 350px;
	margin-right: 20px;
	margin-bottom: 30px
 	}
	
.right-column-news {
 	float: right;
	width: 180px;
	margin-bottom: 30px
 	}
	
	  	.right-column-news .post-title, .right-column-news .post-details {
		margin: 0;
		width: 180px;
		padding-bottom: 10px
		}

/* SEARCH STYLES */
.search-wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-top: 20px;
	width: 550px;
	height: 90px;
 }
 	.search-wrapper .thumbnails {
		float: left;
		width: 90px;
		min-height: 90px;
		margin-right: 20px;
		margin-bottom: 20px;
		background-image:url(../../../gallery/icons/search/search-thumb.gif);
		background-repeat:no-repeat
	}
	.search-wrapper .thumbnails img {
		width: 90px;
	}

	.search-wrapper .post-title,  .search-wrapper .post-details {
	margin: 0;
	width: 420px;
	padding-bottom: 10px
	}

/* content area */

.navigation {
    clear: both;
    padding: 10px 0px;
}
.navigation a, .navigation a:visited {
    color: #660000;
}
.previous-entries a {
    float: right;
    padding-left: 18px;
    background: url(images/mini-nav-left.gif) no-repeat right center;
}
.next-entries a {
    float: left;
    padding-right: 18px;
    background: url(images/mini-nav-right.gif) no-repeat left center;
}

/* comments area */

.commentbox {
	float: left;
	width: 500px;
	margin-top: 30px;
	clear: left
}

#respond, #comments {
    border-bottom: 2px dotted #999999;
    padding: 0;
	background:transparent;
	color: #888888;
    clear: both;
	font-size: 12px;
	text-transform: none
}

#comments {
	margin-bottom: 5px;
}

#respond {
	margin-top: 20px;
}

.commentlist {
    margin: 0;
    padding-left: 0;
  	font-size: 11px;
	background:transparent;
	list-style: none
}

ol.commentlist p {
margin-bottom: 3px;
}

	.commentlist li {
  	  padding: 8px 0 7px;
	  border-bottom: 1px dotted #444444;
	}
	.commentlist .alt {
 	   background: transparent;
	}
	.commentlist cite {
  	  font-weight: bold;
	  font-family: Arial, Helvetica, sans-serif;
  	  font-style: normal;
  	  font-size: 11px;
  	  color: #999999;
	}
		.commentlist cite a, .commentlist cite a:visited {
   		 color: #999999;
		}
	.commentlist small {
  	  margin-bottom: 2px;
  	  display: inline;
  	  font-size: 11px;
  	  color: #999999;
	}
	
#commentform {
	width: 400px;
    margin-top: 10px;
  	color: #333333;
	background:transparent;
}
	#commentform p {
		padding: 2px 0px;
		margin: 0px;
		color: #333333;
	}
	#commentform label {
  	  color: #333333;
  	  font-size: 87%;
	}
	
	#commentform input {
	width: 174px;
   	border: 1px solid #999999;
	padding: 2px;
	margin-right: 4px;
	font: 11px Helvetica, Arial, sans-serif;
	color: #333333;
    overflow: hidden;
	}
	
	#commentform textarea {
    	width: 398px;
    	height: 115px;
    	border: 1px solid #999999;
		font: 11px Helvetica, Arial, sans-serif;
    	padding: 2px;
    	margin-top: 3px;
		margin-right: 4px;
		color: #333333;
    	overflow: hidden;
	}
		#commentform textarea:focus, #commentform input[type="text"]:focus {
			border: 1px solid #555555;
	    	padding: 2px;
			margin-right: 4px;
			color: #333333;
			overflow: hidden;
		}
	#commentform #submit {
    	background: url(images/comment-btn-bg.gif) no-repeat;
		font: bold 11px Helvetica, Arial, sans-serif;
		text-transform: uppercase;
    	color: #333333;
    	border: none;
		margin-right: 8px;
    	float: right;
    	width: 100px;
    	height: 25px;
    	cursor: pointer;
	}
/* end comments area */


/*sidebar */
#sidebar {
    float: left;
	margin: 0 0 0 5px;
    padding: 25px 0 0 0;
    width: 195px;
	min-height: 650px;
    color: #444444;
    overflow: hidden;
}


	/*sidebar title (h2) */
	#sidebar h2 {
		font-family: "Century Gothic", Helvetica, Arial, sans-serif;
		font-size: 20px;
		font-weight:normal;
		color: #222222;
		margin: 0px 0px 6px;
		border: none;
		text-transform: uppercase
	}

	/*sidebar title (h4) */
	#sidebar h4, #sidebar .sidebartitle{
 		color: #666666;
		margin: 0px 0px 10px;
		border: none;
	}

/*sidebar section links */
	#sidebar .sidebar-sectionlink {
	position:relative;
	top:5px;
	clear: both;
	font-size: 10px;
	margin-bottom:5px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	}
	
	#sidebar .sidebar-sectionlink, #sidebar .sidebar-sectionlink a, #sidebar .sidebar-sectionlink a:visited {
	float: left;
	clear: both;
	width: 185px;
	background-color:#333333;
	color:#FFFFFF;
	}
	
	#sidebar .sidebar-sectionlink a:hover {
	color:#FFFFFF;
	background-color:#AA0000;
	}

/*sidebar list level1 */
	#sidebar ul {
		margin: 0;
		padding: 0;
		font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	}
	
	#sidebar ul.list-blogroll {
		margin-left:5px
	}

	#sidebar ul.list-tags {
		font-size:9px
	}

			#sidebar ul.list-tags a {
			font-size:140%
		}
	
	#sidebar ul li {
		list-style: none;
		margin: 0;
		border: none;
		color:#666666;
		font-weight: bold;
	}
	
	#sidebar ul li.current-cat a {
		color:#AA0000;
	}
	
	#sidebar ul li.current-tag a {
		color:#AA0000;
	}
	
	#sidebar ul li.current-post-item a {
		color:#AA0000;
	}
	

/*sidebar mininews */
.mini-news {
    padding: 4px 4px 6px 4px;
    text-align: justify;
    float: left;
    width: 185px;
	border: none;
	margin: 0 0 10px 0;
}

.sidebar-post {
    float: left;
    font-size: 9px;
    color: #000000;
    line-height: 10px;
    margin: 0;
}
.sidebar-post-date {
    float: left;
    font-size: 10px;
    color: #999999;
    line-height: 13px;
    margin-bottom: 2px
}

.sidebar-post-title {
    float: left;
	text-align: left;
    width: 150px;
	clear: both;
}

	.sidebar-post-title h2 {
    margin: 0 0 30px 0;
    padding-bottom: 1px;
    padding-top: 10px;
    line-height: 22px;
	letter-spacing: 1px;
    font-size:13px;
    font-family: "Century Gothic", Arial, sans-serif;
	text-transform: none;
    color: #888888;
	}
	
		.sidebar-post-title h2 a, h2 a:visited {
    		color: #770000;
    		text-decoration: none;
		}
		
		.sidebar-post-title h2 a:hover {
    		color: #DD0000;
    		text-decoration: none;
		}
		
	.sidebar-post-title h3 {
    font-size: 12px;
    font-family: "Century Gothic", Arial, sans-serif;
    color: #222222;
    margin: 5px 0 0 0;
	padding-top: 10px;
    padding-bottom: 3px;
	border-top: 1px #353535 dotted
}

.sidebar-post-comments {
	color: #999999;
    padding-right: 13px;
    float: right;
    font-size: 9px;
}

#fixed-info {
	height: 200px;
	float: left;
	clear:both
}

#fixed-info #mini-contact {
    padding: 4px 4px 6px 4px;
    text-align: justify;
    float: left;
    width: 185px;
	border: 1px #222222 dotted;
	margin: 0 0 10px 0;
}

	#fixed-info #mini-contact h2 {
	    margin: 0 0 5px 0;
    	padding-bottom: 1px;
    	padding-top: 2px;
		padding-left:3px;
		border-bottom: 1px dotted;
    	line-height: 22px;
		letter-spacing: 1px;
		color: #FFFFFF;
		background-color:#333333;
		font-size:18px;
    	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
		text-transform: none;
}


/*search form */
#fixed-info #searchform {
    margin: 15px 0 0;
}
#fixed-info #searchform br {
    display: none;
}
#fixed-info #searchform #s {
    border:1px solid #000000;
    width: 110px;
    height: 12px;
    padding: 4px 4px 0px 5px;
    background: #fff;
    margin-right: 2px;
    color: #444444;
    font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#fixed-info #searchform input {
    border: 1px solid #333333;
    background-color: #FFFFFF;
    font-family: "Century Gothic", Helvetica, sans-serif;
    font-size: 8pt;
    color: #444444;
    padding: 0px;
}

/* footer area */
#footer {
    clear: both;
	width: 900px;
	height: 54px;
    background: #ffffff;
    color: #000000;
    font-size: 70%;
    padding-bottom: 0px;
	margin-left:5px
}
#footer a, #footer a:visited {
    color: #000000;
}
#footer h4 {
    font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
    color: #000000;
    margin: 10px 0px 5px;
}

#footer #credits {
    float: left;
    width: 900px;
	padding: 15px 0 5px 0;
    color: #000000;
}

#footer #credits a, #credit a:visited {
    color: #222222;
}
#footer .rss {
}


.footer-recent-comments {
    display:none;
}
.footer-recent-comments ul {
    display:none;
}
.footer-recent-comments ul li {
    display:none;
}
.footer-recent-posts {
    display:none;
}
.footer-recent-posts strong {
    display:none;
}
.footer-recent-posts ul {
    display:none;
}
.footer-recent-posts ul li {
    display:none;
}
.footer-about {
    width: 220px;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
}

.title {
    font-family: 'Century Gothic', Helvetica, sans-serif;
	font-weight: bold;
    color: #333;
    font-size: 7.5pt;
    text-transform: uppercase;
}

a.title {
    color: #FFF;
}

a.title:visited {
    color: #DDD;
}

a.title:hover {
    color: #999;
    border: 0px;
}

/* credits */


.rss-sidebar {
    text-decoration:underline;
	padding-left: 2px;
    padding-bottom: 2px;
}


/* alignments */
.center {
    text-align: center;
}
img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
img.alignleft, img[align="left"] {
    float:left;
    margin: 2px 10px 5px 0px;
}
.alignright {
    float: right;
}
img.alignright, img[align="right"] {
    float:right;
    margin: 2px 0px 5px 10px;
}
.clear {
    clear:both;
}
hr {
    clear:both;
	color:#999;
    margin:  10px 0 10px 0;
}