/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import '../css/reset.css';
@import '../css/type.css';
/* @import '../css/grid.css'; 
@import '../css/forms.css'; */

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import '../css/buttons.css'; */
@import '../css/clearfix.css';

/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(/uploads/design/grid.png); } */


 /* -------------------------------------------------------------- 

    Extended Blueprint CSS Framework Screen Styles
    Everything above this block is part of the 
    base screen.css file from blueprint.
    * Version:   2.0 (03.11.200)
    * Website:   http://www.bhoutdoors.com

 -------------------------------------------------------------- */

/* OVERRIDE DEFAULT BROWSER COLORS */
body {color: #fff; font-family: Verdana, verdana, Arial, Helvetica, sans-serif; background: #000000 url(/uploads/design/bkgd-site.jpg) no-repeat top center; margin: 0;}
a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover {color: #913901; text-decoration: none;}
a:active {color: #913901; text-decoration: none;}
p img{float: none;}


/* STRUCTURE
---------------------------------------------------------------*/
/* div{ border: 1px solid #ccc; margin: 10px; }*/
	.container { 
	    width: 1000px;
	    margin: 0 auto;
	    text-align: left;
	}

	#header {
	    height: 89px;
	    position: relative;
	}

	#content {
	    margin: 0;
	    padding: 0;
	    position: relative;
	}

	#main-content {
	    float: right;
	    width: 67%;
	}

	#main-photo {
	    background: url(/uploads/design/bkgd-photo-main.png) no-repeat top right;
	    height: 399px;
	    width: 669px;
	}

	#main-photo .main-photo-image {
	    margin: 12px 0 0 12px;
	}
	
	
	#main-section-photo {
	    background: url(/uploads/design/bkgd-photo-section-main.png) no-repeat top right;
	    height: 369px;
	    width: 617px;
	    padding-bottom: 16px;
	}

	#main-section-photo .main-section-photo-image {
	    margin: 7px 7px 0px 0px;
	}
	

/* LOGO
---------------------------------------------------------------*/
	#logo {
    	text-indent: -9999px;
    	display: block;
    	width: 316px;
    	height: 89px;
    	background: url(/uploads/design/bkgd-sidebar-header.png) no-repeat 0 0;
	}

	#logo_link a {
	    display: block;
	    position: absolute; top: 0px; left: 60px;
	}

	#logo_link a span {
	    display: none;
	}

	#logo_link a#logolink {
	    height: 115px;
	    width: 210px;
	}


/* MAIN NAVIGATION
---------------------------------------------------------------*/
	#navigation {
		position: absolute;
		bottom: 13px;
		right: 16px;
	}

	#navigation ul {
		display: inline;
		text-align: right;
		margin: 0;
	}

	#navigation li {
		display: inline;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		height: 12px;
		text-transform: uppercase;
		padding-left: 20px;
	}

	#navigation li a {
	    color: #f2982d;
	    text-decoration: underline;
	}

	#navigation li a:hover {
	    color: #fff;
	    text-decoration: none;
	}


/* TOP NAVIGATION
---------------------------------------------------------------*/
	#topnav {
		text-align: right;
		height: 12px;
		position: absolute;
		top: 20px;
		right: 16px;
	}

	#topnav ul {
		text-align: right;
		margin: 0;
	}

	#topnav li {
	  	display: inline;
	  	font-size: 10px;
	  	font-weight: bold;
	  	color: #8b3719;
	  	height: 10px;
	}

	#topnav li a {
	    font-weight: bold;
	  	color: #913901;
	  	text-decoration: underline;
	}

	#topnav li a:hover {
		color: #fff;
	    text-decoration: none;
	}


/* SUB MAIN PHOTO CONTENT
---------------------------------------------------------------*/
	#sub-main-photo {
	    background: url(/uploads/design/bkgd-photo-sub-main.png) no-repeat top right;
	    height: 471px;
	    width: 669px;
	    margin-top: 8px;
	    padding-top: 14px;
	}

	#sub-main-photo h4 {
	    color: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: 8px;
	    padding-left: 10px;
	    margin-bottom: 8px;
	}

	#sub-main-photo p {
	    color: #fff;
	    padding-left: 10px;
	}

	#sub-main-photo a {
	    color: #8b3719;
	    text-decoration: underline;
	    font-weight: bold;
	    font-size: 11px;
	}

	#sub-main-photo a:hover {
	    color: #f2982d;
	    text-decoration: none;
	}

	#sub-main-photo img {
	    margin: 14px 0 0 14px;
	}

	#sub-main-photo-image {
	    background: url(/uploads/design/bkgd-photo-sub-main-bkgd.png) no-repeat;
	    height: 133px;
	    width: 209px;
	}

	#sub-main-photo-column1 {
	    position: relative;
	    margin-left: 16px;
	    width: 199px;
	    float: left;
	}

	#sub-main-photo-column2 {
	    position: relative;
	    margin-left: 14px;
	    float: left;
	    width: 199px;
	}

	#sub-main-photo-column3 {
	    position: relative;
	    margin-left: 14px;
	    float: left;
	    width: 199px;
	}


/* SIDE CONTENT
---------------------------------------------------------------*/
	#side-content {
	    float: left;
	    width: 33%;
	    background: transparent url(/uploads/design/bkgd-sidebar-body.png) no-repeat 0 0;
	    padding-top: 220px;
	}

	#side-content a {
	    margin-top: 0px;
	    margin-top: 220px;
	    height: 945px;
	}

	#side-content p {
	    color: #b77f40;
	    margin: 0 50px 20px 38px;
	}
	
	
/* INTERIOR PAGE STYLING
---------------------------------------------------------------*/
	#interior-content-container {
	    background: url(/uploads/design/bkgd-photo-sub-main.png) no-repeat top right;
	    height: 471px;
	    width: 669px;
	    margin-top: 0px;
	    padding-top: 14px;
	}
	
	#interior-content {
	    margin: 6px 26px 0px 26px;
	}
	
	#interior-content img {
		float: right;
		/* background: #af9472;
		border: 2px solid #af9472; */
		margin: 0px 0px 4px 12px;
	    padding: 4px 4px 4px 4px;
	}
	
	#interior-content  p {
	    color: #fff;
	    font-size: 14px;
	}
	
	#interior-content  a {
		color: #f2982d;
	    text-decoration: underline;
	}
	
	#interior-content  a:hover {
		color: #913901;
		text-decoration: underline;
	}
	
	#content-photo .content-photo {
		float: right;
		background: #af9472;
		border: 2px solid #af9472;
		margin: 0px 0px 4px 12px;
	    padding: 4px 4px 4px 4px;
	}



/* FOOTER
---------------------------------------------------------------*/
	#footer {
	    margin-bottom: 100px;
	}

	#footer p {
	    font-size: 10px;
	    color: #8b3719;
	}

	#footer a {
		color: #8b3719;
		text-decoration: underline;
	}

	#footer a:hover {
	    color: #ac6933;
	    text-decoration: none;
	}
	
	
/* BUTTON
---------------------------------------------------------------*/	
	.button {
		cursor: pointer;
		font-size: 14px;
		font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
		margin: 15px 0px 0px 0px;
		background-color: #8b3719;
		border: 2px #ac6933 outset;
		padding: 1px 4px;
		color: #fff;
		text-decoration: bold;
	}



/*	gallery
---------------------------------------------*/
	#gallery-header {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 2em 0;
	}

	#gallery-capsule {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 3em 0;
	}

	#gallery-thumb {
		float: left;
		width: 240px;
		margin: 0 0 0 0;
	}
	
	#gallery-thumb img {
		float: left;
		margin: 0 0 0 0;
	}
	
	#gallery-detail {
		float: left;
		width: 582px;
		margin: 0 0 1em 0;
	}
	
	#gallery-detail h1 {
		font-size: 2.65em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	#gallery-detail h2 {
		font-size: 1.75em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	#gallery-info {
		float: right;
		width: 318px;
		margin: .2em 0 0 0;
	}
	
	#gallery-info h2 {
		font-size: 1.75em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	.description {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
	}
	
	.detail-description {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
		margin: 0 0 1.6em 0;
	}
	
	.photo-by {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
	}
	
	.uploaded {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
	}
	
	.location {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
	}
	
	.tags {
		font-size: .9em;
		line-height: 1em;
		color: #FFF;
	}
	
	.tagged {
		font-size: .85em;
		line-height: 2.4em;
		color: #FFF;
	}
	
	.additional-info {
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
	}
	
	.results {
		font-size: .85em;
		line-height: 2.6em;
		color: #8a8a8a;
	}
	
	#gallery-footer {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 2em 0;
		padding: 0 0 2em 0;
		text-align: center;
	}
	
	#gallery-footer-nav a {
		font-size: .9em;
		border: #8a8a8a 1px solid;
		margin: 0 2px 0 2px;
		padding: 2px 7px 2px 7px;
		text-decoration: none;
	}
	
	#gallery-footer-nav a:hover {
		background: #e37b00;
		font-size: .9em;
		color: #fff;
		border: #424242 1px solid;
		margin: 0 2px 0 2px;
		padding: 2px 7px 2px 7px;
		text-decoration: none;
	}