body { margin: 0 }

/* General Stuf
-----------------------------------------------------------------------------------*/
.green{color:#8ed240}
.hidden{display:none}
.left{float:left}
.right{float:right}
.text-right{text-align:right}
a:link,a:visited,a:active{color:#008000}
a:hover{background:#008000;color:#fff;text-decoration:none}
hr{background-color:#424840;color:#424840}

/* Logo
-----------------------------------------------------------------------------------*/
div.logoborder { background: #666; height: 25px; text-align: right }
div.logoborder a,div.logoborder a:link,div.logoborder a:visited,div.logoborder a:hover,div.logoborder a:active {
	color: #999; cursor: pointer; font-size: 95%; padding-right: 5px; text-decoration: none }
div.logoborder a:hover { background: #666; text-decoration: underline }
div.logoborder a.left { padding-left: 5px }

div.logo { background: #fff; height: 300px }
div.logo div.img { height: 300px; position: absolute; text-align: center; width: 750px }
div.logo #logoSpinner { height: 300px; position: absolute; text-align: center; width: 750px; z-index: 100 }
div.logo #logoB { display: none }

div.logo div.flickrlink { background: #666; display: none; margin-left: 550px; position: absolute; text-align: center; width: 200px }
div.logo div.flickrlink a { color: #999; text-decoration: none; }
div.logo div.flickrlink a:hover { background: #666; color: #999; text-decoration: underline; }

div.logo div.titlewrapper { left: 20px; position: relative; top: 170px; width: 200px; z-index: 5 }	
div.logo div.title {
	background: transparent url(../images/title.png) left top no-repeat; cursor: move; height: 100px; width: 200px;  z-index: 5 }
	
/* Previous/Next Buttons
-----------------------------------------------------------------------------------*/
div.logo div.previous {
	background: transparent url(../images/previous.png) top left no-repeat; cursor: pointer; display: none; height: 20px; margin-top: 50px; position: absolute; width: 80px }
div.logo div.next {
	background: transparent url(../images/next.png) top left no-repeat; cursor: pointer; display: none; height: 20px; position: absolute; margin: 50px 0 0 670px; width: 80px }

/* Menu
-----------------------------------------------------------------------------------*/
div.menu { background: #fff; margin: 0 }
div.menu ul { border-top: 3px solid #666; height: 20px; width: 750px }
div.menu ul li { background: #999; cursor: pointer; float: left; padding: 1px 0 2px 0; text-align: center; width: 150px }
div.menu ul li.hover { background: green }
div.menu ul li.active { background: green; font-weight: bold }
div.menu ul li a:link,div.menu ul li a:visited,div.menu ul li a:hover,div.menu ul li a:active {
	color: #fff; text-decoration: none }
	
/* About Sidebar
-----------------------------------------------------------------------------------*/
div.aboutsidebar { margin-top: 40px }
div.aboutsidebar div.cont { line-height: 150%; padding-right: 20px; text-align: right }

/* Creativity Pane
-----------------------------------------------------------------------------------*/
div.creative { margin-top: 40px }
div.creative div.cont { line-height: 150%; padding-left: 40px }

div.creative div.cont div.creativebits { width: 444px }
div.creative div.cont div.creativebits ul { width: 444px }

div.creative div.cont div.creativebits form { margin-bottom: 20px }
div.creative div.cont div.creativebits form input.text { color: #aaa; height: 16px; padding: 1px; vertical-align: middle; width: 420px }
div.creative div.cont div.creativebits form input.button { vertical-align: middle }

div.creative div.cont div.creativebits li { cursor: move; display: inline; position: relative }
div.creative div.cont div.creativebits li.a { background: #eee; border: 1px solid #008000; padding: 4px }
div.creative div.cont div.creativebits li.b { background: #eee; font-style: italic; padding: 4px }
div.creative div.cont div.creativebits li.c { background: #fff; border: 1px dotted #666; padding: 4px }
div.creative div.cont div.creativebits li.d { background: #fdfdfd; border: 1px solid #666; padding: 4px; text-transform: uppercase }
div.creative div.cont div.creativebits li.new { background: #fff6bf; border: 2px solid #ffd324; padding: 4px; z-index: 20 }

/* Portfolio
-----------------------------------------------------------------------------------*/
div.portfolio { margin-top: 40px }

div.portfolio ul li { clear: left; padding-top: 30px }
div.portfolio ul li.hover { background: #fafafa }
div.portfolio ul li hr { background: #ddd; color: #ddd; margin: 0; padding: 0 }
div.portfolio ul li div { padding: 0 10px 50px 0 }
div.portfolio ul li div h2 { font-size: 100%; font-weight: bold }
div.portfolio ul li div img { border: 5px solid #eee; float: left; margin: 0 20px 0 0 }
div.portfolio ul li div img.hover { border: 5px solid #008000 }

/* Portfolio Detail
-----------------------------------------------------------------------------------*/
div.portfolioTitle { margin-top: 40px }

div.portfolioShots div.cont { padding-left: 10px }
div.portfolioShots img { border: 5px solid #eee }
div.portfolioShots img.hover { border: 5px solid #008000 }

/* Journal
-----------------------------------------------------------------------------------*/
div.journal { margin-top: 40px }

div.journal div.entry div.info { margin: -15px 0 15px 0; padding: 2px 5px 2px 0px }
div.journal div.entry div.info a { text-decoration: none }

div.journal div.entry img { border: 5px solid #eee }
div.journal div.entry img.hover { border-color: #008000 }
div.journal div.entry img.left { margin: 0 5px 2px 0 }

div.journal div.entry hr { background: #eee; color: #eee; height: 5px; margin: 15px 0 60px 0 }

/* Journal Detail
-----------------------------------------------------------------------------------*/
div.journalDetail { margin-top: 40px }

div.journalDetail div.entry div.info { margin: -15px 0 15px 0; padding: 2px 5px 2px 0px }
div.journalDetail div.entry div.info a { text-decoration: none }

div.journalDetail div.entry img { border: 5px solid #eee }
div.journalDetail div.entry img.hover { border-color: #008000 }
div.journalDetail div.entry img.left { margin: 0 5px 2px 0 }

div.journalDetail div.entry hr { background: #eee; color: #eee; height: 5px; margin: 15px 0 60px 0 }
div.journalDetail div.entry p.full { margin-top: 20px }

/* Journal Sidebar
-----------------------------------------------------------------------------------*/
div.journalSidebar { margin-top: 40px }

div.journalSidebar div.customBox { margin-bottom: 30px; padding-left: 20px }
div.journalSidebar div.customBox h3 { line-height: 2; margin: 0 }
div.journalSidebar div.customBox ul li ul { margin-bottom: 10px }
div.journalSidebar div.customBox hr { background: #ddd; color: #ddd }

/* About Me
-----------------------------------------------------------------------------------*/
div.about { margin-top: 40px }
div.about p { margin: 30px 0 50px 0 }
div.about p img { border: 5px solid #eee }
div.about p img.left { margin-right: 10px }
div.about p img.right { margin-left: 10px }
div.about p img.hover { border: 5px solid #008000 }

/* Contact
-----------------------------------------------------------------------------------*/
div.contact { margin-top: 40px }
div.contact div.message { margin-top: 25px; width: 350px }
div.contact div.message img { padding-right: 10px; vertical-align: middle }
div.contact form textarea { width: 740px }

/* Imprint
-----------------------------------------------------------------------------------*/
div.imprint { margin-top: 40px }


/* Lightbox
-----------------------------------------------------------------------------------*/
#jquery-overlay { height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90 }
#jquery-lightbox a:hover { background: none }

#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100 }

#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px }
#lightbox-container-image { background: #eee; padding: 10px }

#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100% }

#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 }
#lightbox-nav a { outline: none }
#lightbox-container-image-box > #lightbox-nav { left: 0 }

#lightbox-nav-btnPrev { background: #eee; float: left; left: 0 }
#lightbox-nav-btnPrev,#lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1 }

#lightbox-nav-btnNext { float: right; right: 0 }

#lightbox-container-image-data-box {
	background: #eee; font-size: 10px; height: 50px; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100% }
	
#lightbox-container-image-data { color: #666; padding: 0 10px }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70% }

#lightbox-image-details-caption { font-weight: bold }
#lightbox-image-details-currentNumber { clear: left; display: none }

#lightbox-secNav-btnClose { float: right }