@charset "utf-8";

/*  -------------------------------- 
Note: All styles are alphabetized 
--------------------------------- */

@import url(reset.css); /* Reset all styles for cross-browser consistency */

/* ---------------------------------
Tag Styles
--------------------------------- */
body {background: #333 url(../images/bg-texture.png) top center; color: #f9f9f9; font: 13px/24px Arial, serif;}
table, h1, h2, h3, h4, h5, h6, ul, ol, dl, address, blockquote, fieldset, pre, p { margin: 0 0 24px 0; }
h1, h2, h3, h4, h5, h6, legend, span.firstLetter {color: #649ab0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h1 { font-size: 24px; }
h2 {  font-size: 18px; background: url(../images/pagehighlight.png) right; border-top: solid 1px #4c4c4c; border-bottom: solid 1px #2d2d2d; padding: 11px 12px 11px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; }
h4 { text-transform: uppercase; }
h6 { font-weight: normal;  }
hr {border: none; clear: both; color: #333; height: 1px; margin: 0 0 23px 0; padding: 0; width: 100%; }
a {color: #f9f9f9; font-weight: bold; outline: none; padding: 5px; /* Make links easier to select by increasing click area */ margin-left: -5px; /* shift links back into place */ }
a:hover, a:focus { color: #649ab0; }
a.button {background: #262626; background: rgba(0,0,0,.25); margin: 0; text-decoration: none; }
a.button:hover, a.button:focus { text-decoration: underline; }
a:focus {outline:none;}



/* Form Elements */
form p { position:relative }
input, textarea, select {background: #262626; background: rgba(0,0,0,.25); border: solid 1px #4c4c4c; color: #f5f5f5; font: 13px/24px Arial, Helvetica, sans-serif; padding: 3px 5px; }
select { padding: 2px 5px;}
textarea { padding: 2px 5px 3px; width: 450px; }
#reset, #submit { color: #649ab0; font-weight: bold; padding: 3px 5px 3px; display: inline-block; border: none; }
#reset:hover, #submit:hover { color: #f5f5f5; text-decoration: underline; cursor: pointer; }
fieldset {border: solid 1px #4c4c4c; padding: 1px 24px 0; }
fieldset p { font-size: 1em; }
legend {border: solid 1px #4c4c4c; font-size: 1.1em; padding: 10px 12px; }



/* Table elements */
table td { padding: 0px; text-align:center;}
table a { padding:0px 8px 0px 8px;}
table a:hover { color: #ffffff; }
table p {margin:0;}


/* Lists */ 
ol {list-style-type: decimal; padding: 0 0 0 2em; }
ol ol {list-style-type: lower-alpha; margin: 0; padding: 0 0 0 3em; }
dl { padding: 0 0 0 1em; }
dt {font-size: 1.2em; font-style: italic; font-weight: bold; }
dd { padding: 0 0 0 2em; }



/* ---------------------------------------------------------------------------
	BLOG STYLES
*/	

.date {margin-bottom:10px;}
.more {margin:-20px 0 0 0;}
#blog .button-medium {margin-bottom:20px;}
.col-2_thirds {float:left; padding:0 60px 0 0; width:540px;}
.col-third {float:left; padding:0 10px; width:280px;}
.col-third li {color:#649ab0;}
.pagination {float:right; font-size:12px; line-height:20px; padding:0;}
.pagination li {display:block; float:left; height:20px; margin-right:10px; padding:0; text-align:center; width:20px;}
.pagination li a {display:block;}
.pagination li a:hover {text-decoration:none;}
			


/* Misc text formatting */
blockquote {border-left: solid 2px #bab8a2; color: #f5f5f5; font-style: italic; padding-left: 1em; }
pre {overflow: auto; width: 100%; }
abbr, acronym { border-bottom: dotted 1px #B7B7B7; }
 
 
 
/* ---------------------------------
Common Positioning and Style Classes
--------------------------------- */
.picBorder {border: solid 5px #f5f5f5; -moz-box-shadow: 0px 1px 2px #1c1c1c; -webkit-box-shadow: 0px 1px 2px #1c1c1c; }
.alignleft { float: left; }
.alignright { float: right; }
.marginbottom { margin-bottom: 24px; }
.marginright { margin-right: 30px; }
.marginleft { margin-left: 30px; }
.shiftRight { margin-right: -30px; }
.shiftLeft { margin-left: -30px; }
br.clear {clear: both; display: block; height: 1px; line-height: 0; margin: -1px 0 0 0; padding: 0; width: 100%; }
 
 
 
/* ---------------------------------
General Styles (Used in All Pages)
--------------------------------- */
.topButton a:focus { outline: dotted 1px; }
.col1 { float: left; width: 310px; }
.col2 {float: right; overflow: hidden; width: 560px; }
.threeColumn {float: left; margin: 0 30px 24px 0; width: 280px; }
.threeColumnLast { margin: 0; }
.subColumn540 { float: left; width: 540px; }
.subColumn340 { float: left; width: 340px; }
.subColumn330 { float: right; width: 330px; }
#pageWrapper { background: url(../images/bg-highlight.png) no-repeat 10% 0%; }
#header, #wrapper, #footer { margin: 0 auto; width: 960px; }
#wrapper {background: url(../images/divider.png) no-repeat center top; overflow: hidden; padding: 24px 30px; position: relative; width: 900px; z-index: 1; }
#wrapper ul { list-style-type: square; color: #C9C7AD; margin-left: 2em; }
#wrapper ul ul { margin: 0 0 0 3em; }
#header {background: url(../images/pageshadow.png) repeat-y center; height: 96px; margin: 0 auto; padding: 0 30px; position: relative; width: 900px; z-index: 2;}
#logo {display: block; float: left; margin: 15px 0 0 -5px; }
#footerWrapper { background: url(../images/divider.png) no-repeat center top; clear: both; padding-top: 2px; }
#footer {background: url(../images/pageshadow.png) repeat-y center; overflow: hidden; padding-top: 22px; width: 900px; color:#649ab0;}
#footer a {color: #f9f9f9; padding: 5px; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #649ab0; }
#footer span { display: block; float: left; }
ul#footerNavigation { float: right; }
ul#footerNavigation li { float: left; margin: 0 0 25px 12px; }
ul#footerNavigation li.topButton { margin: -4px 0 0 8px; }



/* ---------------------------------
	Home Page Styles
--------------------------------- */
#slideshowWrapper {background: url(../images/picture-frame.png) no-repeat; margin: -4px 0 19px -34px; overflow: hidden; padding: 37px 21px 68px 37px; position: relative; width: 906px; }
#slideshowWrapper a { padding: 0; }
#slideshow { position: relative; height: 480px; overflow: hidden; }
slideshow img { float: left; }
#slideshow span {background: black; background: rgba(0,0,0,.6); /* Modern browsers get transparency */ color: #f5f5f5; display: none; font-size: 1.1em; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; letter-spacing: 30px; 
		text-align: center; }
#pager {bottom: 32px; position: absolute; right: 94px; }
#pager a {background: url(../images/slide-button.png) no-repeat; display: block; float: left; height: 5px; margin: 0; overflow: hidden; padding: 4px; width: 5px; }
#pager a.activeSlide { background: url(../images/slide-current-button.png) no-repeat; }
.controls {bottom: 29px; display: block; position: absolute; right: 30px; }
.controls a {display: block; float: left; height: 24px; margin: 0; text-indent: -9999px; width: 28px; }
.slideDescription {background: #bab8a2; color: #333; float: right; height: 408px; overflow: hidden; padding: 36px 30px; width: 190px; }


/*
a.previous { background: url(../images/previous-btn.png) no-repeat; }
a.previous:hover { background: url(../images/previous-btn-over.png) no-repeat; }
a.previous:active { background: url(../images/previous-btn-down.png) no-repeat; }
a.next { background: url(../images/next-btn.png) no-repeat; }
a.next:hover { background: url(../images/next-btn-over.png) no-repeat; }
a.next:active { background: url(../images/next-btn-down.png) no-repeat; }
*/


 
/* ---------------------------------
Gallery Page/s
--------------------------------- */
.thumbs { width: 900px; }
.thumbs a {display: block; border: solid 2px #B7B7B7; float: left; margin: -3px 9px 20px 0; padding: 0; -moz-box-shadow: 0px 1px 2px #1c1c1c; -webkit-box-shadow: 0px 1px 2px #1c1c1c; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in /* Fade transition for webkit browsers */ }
.thumbs a:hover, .thumbs a:focus { border: solid 2px #f5f5f5; -webkit-transition-property: border, color; -webkit-transition-timing-function: ease-out  }
a.last { margin-right: 0; }

 
 
/* ---------------------------------
About Me Page 
--------------------------------- */
span.firstLetter {display: block; font-size: 48px; float: left; padding: 12px 4px 0 0; }
#wrapper ul.socialIcons { list-style-type: none; margin: 0 0 30px 0; overflow: hidden; }
#wrapper .socialIcons li {border: none; float: left; font-size: 14px; margin: 0 30px 0 0; padding: 0 0 0 23px; } 
#wrapper .socialIcons li.last { margin: 0; }
#wrapper .socialIcons li.facebook { background: url(../images/socialIcons/facebook.png) no-repeat left center; }
#wrapper .socialIcons li.flickr { background: url(../images/socialIcons/flickr.png) no-repeat left center; }
#wrapper .socialIcons li.smugmug { background: url(../images/socialIcons/smugmug.png) no-repeat left center; }
#wrapper .socialIcons li.linkedin { background: url(../images/socialIcons/linkedin.png) no-repeat left center; }
#wrapper .socialIcons li.twitter { background: url(../images/socialIcons/twitter.png) no-repeat left center; }



/* ---------------------------------
Contact Page
--------------------------------- */
#contactform { position: relative; }
#contactform label { font-weight: bold; position:absolute; top:0px; left:7px; }



/* ---------------------------------
Accordion
---------------------------------*/
#list3 {}
#list3 div.selected .title { font-weight: bold; }
#list3 div div {padding: 5px;}
#list3 div div a {text-decoration:none;}
#list3 div.title {padding: 5px; cursor: pointer;}
#list3 div.selected {}