/*
Theme Name: Boon Photography
Theme URI: 
Description: 
Version: 6.6.6
Author: D.A.M.P. Bicycles
Author URI: http://www.bikesbydamp.com
*/




/* ===========================================================
 *
 *  Nerd on a bike? 
 *
 *
 *
 *  Name:          b.dking.css
 *  Created:       2010-03-10
 *  Updated:       2010-03-11
 *  Updated by:    Me myself and I, and De La Soul
 *  Produced by:   _who are you?
 *                 _we are vem.
 *
 *  Function:      It will do whatever you tell it to do.
 *
 *  _we are vem. | Polly 44 | D.A.M.P. Bicycles
 * =========================================================== */



/* ===========================================================
 *
 *  Misc nonsense
 *
 * =========================================================== */

body
	{
		margin: 0;
		padding: 0;
	}

html
	{
		background: #000;
		color:#9f9f9f;
	}

/* ==== /Misc ================================================ */


/* ===========================================================
 *
 *  Content/layout
 *
 * =========================================================== */

#logo_start
	{
		position: absolute;
		bottom: 20%;
		left: 60px;
		height: 46px;
		width: 559px;
	}
#ie6_start
	{
		position: absolute;
		top: 95px;
		left: 60px;
		height: 36px;
		width: 610px;
	}

#wrapper
	{
		margin: 0px auto;
		width: 900px;
	}

	#header
		{
			position: relative;
			width: 100%;
			margin-bottom: 60px;
		}

		#menu_logo
			{
				bottom: 0;
				width: 236px;
			}
		#menu_items
			{
				position: absolute;
				bottom: 0;
				right: 0;
			}

	#content
		{
			padding: 20px 0 0 0;
			width: 100%;
		}

		.col-100
			{
				margin-left: 30px;
		    	width: 100px;
	    		float: left;
			}
		.col-144
			{
				margin-left: 30px;
		    	width: 144px;
	    		float: left;
			}
		.col-150
			{
    			width: 150px;
			    float: left;
			}
		.col-200
			{
				margin-left: 30px;
			    width: 200px;
    			float: left;
			}
		.col-345
			{
				margin-left: 30px;
		    	width: 345px;
	    		float: left;
			}
		.col-490
			{
				margin-left: 30px;
		    	width: 490px;
	    		float: left;
			}
		.col-590
			{
				margin-left: 25px;
				height: 525px;
	    		width: 595px;
		    	float: left;
	    		text-align: center;
			}
		.col-670
			{

		    	width: 670px;
	    		float: left;
			}

	.menu-blog
		{
			text-align: center;
			width: 490px;
			float: right;
		}
		.float-left { float: left; }
		.float-right { float: right; }
		.float-left { float: left; }
		.float-right { float: right; }

	.clear { clear: both;
		}
		.clear-start
		{
			clear: both;
			height: 10px;
			line-height: 1px;
		}
		.clear-blog
		{
			clear: both;
			height: 40px;
			line-height: 1px;
		}

	#footer
		{
			display: none;
			width: 100%;
			margin-top: 50px;
			margin-bottom: 15px;
		}

/* ==== /Content/layout ====================================== */



/* ===========================================================
 *
 *  Typo
 *
 * =========================================================== */

p
	{
		font: 12px Georgia, Times, serif;
		line-height: 17px;
		margin-bottom: 0;
	}

.col-150 p { margin-bottom: 5px; }

#footer p
	{
		font: 11px Georgia, Times, serif;
		color: #424242;
	}

.blog-feedback
	{
		border-top:1px dotted #444;
		border-bottom:1px dotted #444;
		margin-top: 20px;
		padding-bottom: 5px;
		padding-top: 5px;
	}

.blog-feedback p
	{
		margin: 0;
	}

.blog-info p, .blog-feedback p
	{
		font: 10px Georgia, Times, serif;
		color: #5c5c5c;
	}

.blog-info p { margin-top: 5px; }

h1 a.start
	{
		display: block;
		width: 559px;
		height: 46px;
		background: url('pix/logo.png') no-repeat top left;
		text-decoration: none;
		color: #000;
    }

h1 a.ie6
	{
		display: block;
		width: 610px;
		height: 36px;
		background: url('pix/ie6.png') no-repeat top left;
    }

h1 a.menu
	{
		display: block;
		width: 232px;
		height: 16px;
		background: url('pix/menu_logo.png') no-repeat top left;
		text-decoration: none;
    }

h1 span { display: none; }

h2
	{
    	font: 14px Georgia, Times, serif;
    	text-transform: uppercase;
	    color: #9f9f9f;
    	width: 150px;
	    float: left;
	}

#sidebar h2 { width: 200px; }

h3
	{
    	font: 14px Georgia, Times, serif;
    	color: #9f9f9f;
	}
	
h3.blog-title
	{
		margin: 10px 0 0 0;
		font: 17px Georgia, Times, serif;
		color:#efefef background: #B5D5FF;
	}

h4
	{
		font: 14px Georgia, Times, serif;
		color: #666;
	}

a
	{
		border-bottom: 1px solid #5c5c5c;
		color: #9f9f9f;
		text-decoration: none;
	}
	a:hover { color: #5c5c5c; }

h1 a,
.col-100 a, .col-100 img,
.col-144 a, .col-144 img,
.col-590 a, .col-590 img,
.col-490 img
	{
		border: 0;
		text-decoration: none;
		outline: none;
	}

.col-150 a { color: #5c5c5c; }
.col-150 a:hover, a.selected { color: #9f9f9f; }

h3.blog-title a
	{
		color:#efefef;
		text-decoration:none;
	}
h3.blog-title a:hover { color:#cca; }

.float-left, .float-right { font: 11px Georgia, Times, serif; }


/* ==== /Typo ================================================ */



/* ===========================================================
 *
 *  Menu (what happened to the good old image map?)
 *
 * =========================================================== */

ul#menu
	{
		list-style: none;
		margin: 0;
		padding: 0;
		height: 10px;
	}

	ul#menu li
		{
			float: left;
			display: inline;
			height: 10px;
			margin: 0px 0px 0px 20px;
			overflow: hidden;
		}

	ul#menu li a
		{
			display: block;
			height: 10px;
			text-indent: -999px;
		}
		ul#menu li.people a
			{
				background: url('pix/menu_people.png') 0 0 no-repeat;
				width: 47px;
			}
		ul#menu li.skate a
			{
				background: url('pix/menu_skate.png') 0 0 no-repeat;
				width: 38px;
			}
		ul#menu li.misc a
			{
				background: url('pix/menu_misc.png') 0 0 no-repeat;
				width: 31px;
			}
		ul#menu li.projects a
			{
				background: url('pix/menu_projects.png') 0 0 no-repeat;
				width: 64px;
			}
		ul#menu li.work a
			{
				background: url('pix/menu_work.png') 0 0 no-repeat;
				width: 38px;
			}
		ul#menu li.clients a
			{
				background: url('pix/menu_clients.png') 0 0 no-repeat;
				width: 51px;
			}
		ul#menu li.bio a
			{
				background: url('pix/menu_bio.png') 0 0 no-repeat;
				width: 22px;
			}
		ul#menu li.blog a
			{
				background: url('pix/menu_blog.png') 0 0 no-repeat;
				width: 34px;
			}
		ul#menu li.contact a
			{
				background: url('pix/menu_contact.png') 0 0 no-repeat;
				width: 61px;
			}
		ul#menu li.links a
			{
				background: url('pix/menu_links.png') 0 0 no-repeat;
				width: 35px;
			}

		ul#menu li.people a:hover, ul#menu li.skate a:hover,
		ul#menu li.misc a:hover, ul#menu li.projects a:hover,
		ul#menu li.work a:hover, ul#menu li.clients a:hover,
		ul#menu li.bio a:hover, ul#menu li.blog a:hover,
		ul#menu li.contact a:hover, ul#menu li.links a:hover
			{
				background-position: bottom left;
			}

		ul#menu li#selected a, ul#menu li a:active { background-position: bottom left; }

ul#sub-menu
	{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}

	ul#sub-menu li
		{
			margin-bottom: 5px;
			font: 12px Georgia, Times, serif;
		}

		ul#sub-menu li.current_page_item a { color: #9f9f9f; }

/* ==== /Menu ================================================ */




/* ==== Comments ============================================= */


.comment-author
	{
		font: 10px Georgia, Times, serif;
		color: #5c5c5c;
	}

.comment-body
	{
		margin: 0 0 15px 0;
		padding:0 0 15px 12px;
		border-bottom:1px dotted #444;
	}

/* ==== /Comments ============================================ */


/* ==== Sidebar ============================================== */

#sidebar { text-align: right; }

#sidebar ul
	{
		display: block;
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}

	#sidebar li
		{
			margin-bottom: 5px;
			font: 12px Georgia, Times, serif;
		}

		#sidebar li a
			{
				border-bottom: 1px solid #5c5c5c;
				color: #9f9f9f;
				text-decoration: none;
			}

		#sidebar li a:hover { color: #5c5c5c; }

/* ==== /Sidebar ============================================= */



/* ==== Main stuff =========================================== */

ul#clients	{
		display: block;
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}

	ul#clients
		{
			margin-bottom: 5px;
			font: 12px Georgia, Times, serif;
		}

.ngg-widget
	{
		text-align: center;
		overflow: hidden;
	}

.ngg-widget a
	{
		border: 0;
		text-decoration: none;
		outline: none;
	}

.ngg-widget img
	{
		border: 0;
		margin: 10px;
	}



/* ==== /Sidebar ============================================= */



/* ===========================================================
 *
 *  Gallery
 *
 * =========================================================== */

#loading
	{
		position: absolute;
		top: 0;
		left: 0;
		background-image: url('loader.gif');
		background-repeat: no-repeat;
		background-position: center;
		width: 595px;
		height: 525px;
	}

#slideshow .image-wrapper
	{
		display: block;
		position: absolute;
	}

#slideshow a.advance-link
	{
		display: block;
		width: 595px;
		height: 525px;
		line-height: 525px;
		text-align: center;
	}

#slideshow img
	{
		vertical-align: middle;
		border: 0;
	}

.thumbs
	{
		margin: 0;
		padding: 0;
		width: 100px;
		height: 525px;
		overflow: hidden;
	}
.thumbs li
	{
		float: left;
		padding: 0;
		margin: 0 0 6px 0;
		list-style: none;
	}

.thumbs img
	{
		border: none;
		display: block;
	}

/* ==== /Gallery ============================================= */



/* ===========================================================
 *
 *  Forms
 *
 * =========================================================== */

input, textarea
	{
		font: 12px Georgia, Times, serif;
		border: 1px solid #ddd;
		padding: 3px;
	}

button
	{
		font: 12px Georgia, Times, serif;
		background-color: #9f9f9f;
		width: 139px;
		height: 37px;
		line-height: 37px;		
		border: none;
		color: #fff;
		cursor: pointer;
		text-align: center;
	}


#contact { }

#contact fieldset
	{
		margin: 0;
		padding: 0;
		border: none;
		float: left;
		display: inline;
		width: 220px;
		margin-left: 25px;
	}

#contact legend { display:none; }

#contact input, #contact textarea { width: 212px; }

#contact textarea { height: 123px; }

#contact p.submit
	{
		clear: both;
		margin: 0;
		text-align: right;
	}

#contact p { margin: 12px 0; }

#contact label { display: block; }




/* ==== /Forms =============================================== */