/* /////////////////////////////
PROJECT: JK PHOTOGRAPHY
MEDIA TYPE: SCREEN
CREATED ON: 15.07.2012
//////////////////////////////*/




/* RESET MOST COMMON DEFAULTS */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}


/* HTML5 tags - sets display for unknown elements */
header, section, footer, aside, nav, article, figure {
	display: block;
}



/* FONTS */

@font-face {
  font-family: 'Asap';
  src: url('../fonts/Asap-Regular-webfont.eot');
  src: 
        url('../fonts/Asap-Regular-webfont.woff') format('woff'),
 		url('../fonts/Asap-Regular-webfont.ttf') format('truetype'), 
		url('../fonts/Asap-Regular-webfont.svg#webfontasap') format('svg');
}



body {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: #fff;
}



#pageWrapper {
	width: 100%;
	float: left;
	margin: 0 auto;
	text-align: center;
}

#pageContent {
	width: 960px;
	margin: auto;
	text-align: left;	
}

#header {
	width: 950px;
	height: 118px;
	padding: 30px 0px 0px 10px;
	float: left;
}

#navigation {
	width: 233px;
	float: left;
	padding: 15px 0px 0px 10px;
	color: #ccc;
}

#navigation ul {
	list-style: none;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 48px 0px;
}

#navigation li {
	padding-bottom: 26px;
}

#navigation a {
	color: #ccc;
	text-decoration: none;
}

#navigation a:hover {
	color: #6d6f71;
}

#navigation p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 20px 0px;	
}

#content {
	width: 717px;
	float: right;
	padding: 5px 0px 30px 0px;	
	color: #666;
}

#content h1 {
	font-size: 30px;
	color: #666;
	text-transform: uppercase;
	margin: 5px 0px 35px 0px;	
}

#content h2 {
	font-size: 20px;
	color: #666;
	margin: 0px 0px 20px 0px;
}

#content a {
	color: #666;
	text-decoration: none;
}

#content a:hover {
	color: #ccc;
}

#content p {
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #999;
	margin: 0px 0px 20px 0px;	
}

#content ul, #content ol {
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #999;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 13px;
}

.arcticles {
	width: 717px;
	float: left;
	border-top: 1px solid #666;
	padding: 30px 0px 0px 0px;
}

.newsItem {
	width: 717px;
	float: left;
	border-bottom: 1px solid #666;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 30px 0px;	
}

.newsItem img {
	float: left;
	margin: 0px 20px 20px 0px;	
}

p.newsDate {
	float: right;	
}

.article {
	width: 700px;
	float: left;	
}



.galleryItems {
	width: 717px;
	float: left;	
}

.galleryImage {
	width: 239px;
	height: 190px;
	margin: 0px 0px 20px 0px;
	float: left;	
}

.galleryImage img {
	display: block;
	border: 6px solid #fff;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
}



.photoBorderShadow {
	display: block;
	border: 6px solid #fff;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}



.formTable {
	width: 460px;
	display: block;
	border-collapse: collapse;	
}

.formTable td {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}

.inputText {
	width: 190px;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0px 0px 20px 0px;	
	color: #999;
}

.inputTextarea {
	width: 448px;
	height: 130px;
	border: 1px solid #ccc;
	padding: 5px;
	font-family: Arial, sans-serif;	
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	color: #999;
}

.inputSubmit {
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #ccc;
	color: #999;
	font-size: 16px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;	
}

.inputSubmit:hover {
	border: 1px solid #999;
	color: #999;
}


ul.homeSlideshow {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}






/* GENERIC STYLES */

.access {
	display: none;
}

.error {
	color: red;
	font-weight: bold;
}