/* GLOBAL MATTER ================================================== */

@charset "utf-8";

* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}

a:active, a:focus { 
    border: none; 
    outline: none; 
	}

a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}

a:link, a:visited {
	color: #c44;
	font-weight: bold;
	text-decoration: none;
	}

body {
	background: #eeeeee;
	color: #444444;
	font-size: 14px;
	height: 100%;
	line-height: 20px;
	width: 100%;
	}

:focus { outline: none !important; }

/* FRONT PAGE MATTER ================================================== */

#wrapper {
	height: 210px;
	margin-left: -125px;
	margin-top: -105px;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 250px;
	}

#title {
	background: url(img/title.png);
	display: block;
	height: 80px;
	width: 250px;
	}

.floater { padding: 0px 5px; }

#photography {
	background: url(img/menu.png) 0px 0px;
	display: block;
	height: 50px;
	margin: 0px;
	width: 250px;
	}

#photography:hover { background: url(img/menu.png) 0px -60px; }

#about {
	background: url(img/menu.png) -260px 0px;
	display: block;
	float: left;
	height: 50px;
	margin: 0px;
	width: 80px;
	}

#about:hover { background: url(img/menu.png) -260px -60px; }

#blog {
	background: url(img/menu.png) -340px 0px;
	display: block;
	float: left;
	height: 50px;
	margin: 0px;
	width: 65px;
	}

#blog:hover { background: url(img/menu.png) -340px -60px; }

#contact {
	background: url(img/menu.png) -405px 0px;
	display: block;
	float: left;
	height: 50px;
	margin: 0px;
	width: 105px;
	}

#contact:hover { background: url(img/menu.png) -405px -60px; }

#copyright {
	color: #888888;
	display: block;
	height: 20px;
	float: left;
	font-size: 10px;
	line-height: 20px;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	width: 250px;
	}

/* SHADOWBOX ================================================== */

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	color: #888;
	}

#sb-container {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 0;
	visibility: hidden;
	z-index: 999;
	}

#sb-overlay {
	height: 100%;
	position: relative;
	width: 100%;
	}

#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
	}

#sb-wrapper-inner {
	border-bottom: 10px solid #c44;
	border-top: 10px solid #c44;
	height: 100px;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	position: relative;
	}

#sb-body {
	height: 100%;
	position: relative;
	}

#sb-body-inner {
	height: 100%;
	position: absolute;
	width: 100%;
	}

#sb-body-inner iframe { overflow: scroll; }

#sb-player.html {
	height: 100%;
	overflow: auto;
	}

#sb-body img { border: none; }

#sb-loading {
	height: 100%;
	position: relative;
	}

#sb-loading-inner {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	}

#sb-loading-inner span {
	background: url(img/ajax-loader.gif) center left no-repeat;
	display: inline-block;
	padding-left: 24px;
	}

#sb-body, #sb-loading { background-color: #eee; }

#sb-title, #sb-info {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	}

#sb-title, #sb-title-inner {
	height: 25px;
	line-height: 20px;
	}

#sb-title-inner { font-size: 16px; }

#sb-info, #sb-info-inner {
	height: 25px;
	line-height: 20px;
	}

/*#sb-info-inner { font-size: 16px; }*/

#sb-nav {
	float: right;
	height: 25px;
	padding: 5px 0 0 0;
	width: 50%;
	}

#sb-nav a {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 20px;
	margin-left: 5px;
	width: 80px;
	}

#sb-nav-close { background-image: url(img/close.png); }

#sb-nav-next { background-image: url(img/next.png); }

#sb-nav-previous { background-image: url(img/previous.png); }

#sb-nav-play { background-image: url(img/play.png); }

#sb-nav-pause { background-image: url(img/pause.png); }

#sb-counter {
	float: left;
	width: 45%;
	}

#sb-counter a {
	color: #ffffff;
	cursor: pointer;
	padding: 0 4px 0 0;
	text-decoration: none;
	}

#sb-counter a.sb-counter-current { text-decoration: underline; }

div.sb-message {
	font-size: 16px;
	padding: 10px;
	text-align: center;
	}

div.sb-message a:link, div.sb-message a:visited {
	color: #ffffff;
	text-decoration: underline;
	}

/* CONTACT FORM ==================================================================================================== */

#cf_submit_p { text-align: right; }

#contact_form_holder {
	float: left;
	margin-left: 20px;
	width: 50%;
	}

#contact_form_holder input, #contact_form_holder textarea { 
    font-family: inherit; /* we must set this, because it doesn't inherit it */ 
    padding: 2px;
    width: 100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
	}

#contact_form_holder textarea {
	height: 140px;
	margin-top: 5px;
	}

#contact_text {
	float: left;
	width: 45%;
	}

#send_message { 
    cursor: hand;
    cursor: pointer;
    width: 100px !important; /* the width of the submit button  */ 
	}

.error {
	color: #ff4444;
	display: none;
	padding-bottom: 5px;
	}

.success {
	color: #44cc44;
	display: none;
	padding-bottom: 5px;
	}