/*
THEME NAME: Noel Loozen NEW
THEME URI: http://www.pandl.org/
DESCRIPTION: Photography Portfolio
VERSION: 2.0
AUTHOR: <a href="http://pandl.org/">Jonas Lund</a>
AUTHOR URI:
TAGS:
*/
/* RESET */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* STRUCTURE */
body, html {width: 100%; height: 95%; background: #fff;}
#container {width: 100%; height: 100%; min-width: 820px; min-height: 550px; margin-top: 20px;}
.content {min-width:680px; /* height:95%; */ height: 85%; width: 75%; max-width: 1000px; margin-left: 180px; padding: 0px 20px 20px 0px;}
#menu {background: #fff; z-index: 200; position: fixed; width: 140px; top: 20px; left: 20px;}
#menu li { padding:1px 0px; font-weight: bold; text-transform: uppercase;}
#menu li a {font-size: 11px;}
.workInfo {clear: both; float: left;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#subnav {display: none; margin: 5px 0px 0px 2px;}
#subnav li {margin-bottom: 2px;}

/* TYPE */
body {font-family: "Helvetica", "Arial", sans-serif; font-size: 11px; line-height: 14px; color: #000;}
h1 { margin-bottom: 10px;}
#menu h1 a {color: #888; font-size: 14px;}
h2 {font-size: 11px; padding-bottom: 6px;}
h3 {font-weight: normal;}

a, a:link {color: #333; font-size: 11px; text-decoration: none;}
a:hover {color: #666; border-bottom: 2px solid;}
a:visited {color: #333;}
a.sel, .current_page_item a {border-bottom: 2px solid;}
p {width: 220px; margin-bottom: 6px;}

/* CONTACT */
/*
#about.post-772 p {line-height: 48px; width: 500px; font-size: 48px; padding: 20px; margin-top: 100px; margin-left: 10px; display: block;-webkit-transform: rotate(357deg); -moz-transform: rotate(357deg);
}
#about.post-772 a {font-size: 48px;}
#about.post-772 p+p {margin-top: 30px; -webkit-transform: rotate(358deg); -moz-transform: rotate(358deg);}
*/
#about.post-772 p {margin-bottom: 4px; margin-top: 0px;}

/* CV */
#about strong {border-bottom: 1px solid; display: block; }
#about ul {width: 440px; margin: 10px 0px 20px 0px;}
#about li {margin: 0px 0px 16px 0px; border-bottom: 1px dotted;}
#about p {width: 440px; margin: 14px 0px 6px 0px;}
#about #linksUl li {margin: 0px 0px 8px 0px;}

/* IMGS */
img {float:right;max-height:100%;max-width:100%;}

/* SLIDE */
#slide {height: 650px; width: 720px; overflow: hidden;}
#slide img {/* height: 650px; */ width: auto;}
.next, .prev {cursor: pointer;}
.workInfo {width: 220px; float: left; margin-right:20px; margin-bottom:20px;}
#home .workInfo, #random .workInfo {width: 180px;}
#slidenav {float: right; width: 150px; margin-top: 14px;}
#slidenav .next, #slidenav .prev, #slidenav .count {margin: 6px; display: block; float: left;}
#slidenav .next, #slidenav .prev {font-weight: bold;}
#slidenav .next:hover, #slidenav .prev:hover {border-bottom: 2px solid;}

#alert, #randAlert {display: none; padding: 5px; background: #FFFFCC; position: fixed; z-index: 2000; top: 20px; left: 280px;}
#randAlert {left: 480px;}
.video {float: right; margin-right:-25px;}