/*
Theme Name: andersbirger
Theme URI: http://andersbirger.com
Description: Anders Birger - Photojournalist
Version: 1.0
Author: Soren Aarlev
Author URI: http://sorenaarlev.com



	This theme was designed and built by Soren Aarlev,
	whose website you will find at http://sorenaarlev.com

	The CSS, XHTML  is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* RESET
-----------------------------------------------------------*/
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,p,
blockquote {margin:0; padding:0;}
a img {border:none;}
ul,ol { list-style:none;}
.clear {clear:both;}
/*---------------------------------------------------------*/



/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html {border:0; margin:0; padding:0; font-size:16px; background-color:#111; }
body {font:62.5% Arial, Verdana, Sans-serif; color:#666; text-align:center; background-color:#111; }
p{text-align:left; color:#878787; font:1.4em/1.7em Arial, Verdana, Sans-serif;}
div.action {height:33px; display:inline; text-align:left; margin:15px 15px 0 0; float:left; padding-left:23px; padding-top:5px; background:url(http://andersbirger.com/wp-content/themes/andersbirger/graphics/action.gif) no-repeat left;  background-color:#0d0c0c;}
div.action a{font:1em/2.8em Arial, Sans-serif; text-transform:uppercase; color:#fff; text-decoration:none; margin-right:15px;}
div.action a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
/*---------------------------------------------------------*/



/* STRUCTURE
-----------------------------------------------------------*/
#container {width:960px; margin:0 auto; position:relative;}
#header {width:960px; height:27px; margin-top:44px; padding-bottom:10px; border-bottom:1px solid #2f2f2f;}
#content {margin-top:20px;}
#content-galleryselection {}
#content-top {width:960px; margin-top:25px;  padding-bottom:25px; border-bottom:1px solid #2f2f2f;}
#content-bottom {width:960px;margin-top:25px;}
#col-left {float:left; width:700px;}
#col-right {float:left; width:190px; margin-left:20px; background-color:#1d1c1c; padding:25px;}
/*---------------------------------------------------------*/



/* NAVIGATION
-----------------------------------------------------------*/
div.menu {float:right; margin-top:12px;}
.menu ul li {float:left; position:relative; z-index:100;}
.menu table {position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px;}
.menu ul li a, .menu :visited { text-align:center; display:block;  padding:5px 10px 5px 10px;
 color:#fff;background:#111;text-decoration:none; font:1.2em  Arial, Sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;}
.menu ul li a:hover {color:#fff;background-color:#2f2f2f;}
.menu ul ul {visibility:hidden;position:absolute; height:0; width:100px;}
.menu ul ul li a {text-align:left!important; text-transform:none!important; width:150px!important; padding:7px 0 7px 10px!important;  font:1em Arial, Sans-serif!important; color:#fff!important; background-color:#171717!important;}
.menu ul ul li a:hover {text-align:left!important; width:150px!important;background-color:#333; color:#f7eb0d; background-color:#333!important;}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;padding-top:1px;}
.menu ul li.current_page_item a {color:#fff; background-color:#2f2f2f;}
/*--------------------------------------------------------*/




/* HEADINGS
-----------------------------------------------------------*/
h1 a{background:url(http://andersbirger.com/wp-content/themes/andersbirger/graphics/andersbirger_logo.gif) no-repeat; width:200px; height:27px; text-indent:-9999px; float:left; margin-top:4px;}
h2 {font:2.2em Georgia; color:#fff; letter-spacing:-1px; text-align:left; margin-bottom:10px;}
h3{font:bold 1em helvetica; color:#cdcdcd; letter-spacing:0px; text-align:left; margin:20px 0 10px 0;}
/*---------------------------------------------------------*/



/* CONTENT
-----------------------------------------------------------*/
#featured-project {width:960px;}
#featured-images {width:646px; float:left;}
#featured-text {width:244px; height:300px; background-color:#1d1c1c; float:left; margin-left:20px; padding:25px;}
#about-me{width:420px; height:157px; background-color:#1d1c1c; float:left; padding:25px;}
#about-me  img {float:left; padding:5px; border:1px solid #2f2f2f; margin-right:15px;}
#view-gallery {width:420px; height:157px; background-color:#1d1c1c; float:left; margin-left:20px; padding:25px;}
#view-gallery img {float:left; padding:5px; border:1px solid #2f2f2f; margin-right:15px;}
#content-galleryselection img {float:left; width:300px;height:200px;padding:5px; border:1px solid #2f2f2f; margin:25px 25px 0 0;}
div.gallery-selection-text {float:left;width:573px; height:162px; background-color:#1d1c1c; padding:25px; margin-top:25px;}
img.aboutme {float:left; width:170px;padding:5px; border:1px solid #2f2f2f; margin:0 25px 0 0;}
div.spacer {height:10px;}
/*---------------------------------------------------------*/



/* FOOTER
-----------------------------------------------------------*/
ul#footer {width:960px; border-top:1px solid #2f2f2f; margin:25px 0 25px 0; color:#2f2f2f; padding-top:10px; text-align:left;}
ul#footer li {display:inline; color:#2f2f2f; font:1em Arial, sans-serif; padding:0 2px 0 2px;} 
ul#footer li a{color:#666;text-decoration:none;}
ul#footer li a:hover{color:#fff;border-bottom:1px dotted #fff;text-decoration:none;}
/*---------------------------------------------------------*/



/* CONTACT FORM
-----------------------------------------------------------*/
.submit {background-color:#2f2f2f; border:none; font:1em Arial, Sans-serif; text-transform:uppercase; color:#fff;text-decoration:none; padding:3px; margin-top:5px;}
p.contact-info {margin-top:10px;}
.titles-contactform {margin-bottom:10px;}
.textarea-contactform {width:500px;}
/*---------------------------------------------------------*/



/* PHOTO GALLERIES
-----------------------------------------------------------*/
.gallery-wrapper{position:relative; width:700px; float:left;}
.caption{font:1.1em Arial, Helvetica, Sans-serif; color:#878787;}
.gallery_demo {width:700px;margin:0 auto; padding-top:2px;} /* Adjust Thumbs from Main Image */
.gallery_demo li{width:68px;height:50px;border:3px double #202020;margin: 0 2px;background:#111;}
.gallery_demo li div{left:240px}

#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:#111;}
#main_image img{margin-bottom:5px;} /*Adjust the caption from the main image*/

.galleria{list-style:none;width:700px;}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0px 5px 5px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:3em;}
* html .galleria li div span{width:400px} /* MSIE bug */
/*---------------------------------------------------------*/