/*   

PetteramPhoto.net
Petter Amundsen Photography
pam2@broadpark.no
http://www.petteramphoto.net/

Images may be used in other contexts, 
but they MUST be credited to me with my
name and a link to my website.

*/

html {

	background-color:#000;

}



html, body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

body {

	font-size:0.75em;

}

.javalink {

	text-decoration:none;

	border-bottom:1px dotted #ffffff;
	
	float: left;

}

h1, h2, h3, h4, h5, h6 {

	color:#FFCC00;
	font-family:	Georgia, Times New Roman, serif;

}

h2 {

	font-family:Helvetica, Arial, sans-serif;

	font-size:1.6em;

	font-weight:normal;

	margin-bottom:0;

}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

p.postdate {

	margin-bottom:5px;

	color:#645E73;

	font-family:Arial, Helvetica, sans-serif;

}

div.singlepost p {

	margin-bottom:5px;

}

div.singlepost {

	margin-bottom:20px;

}

span.commentcount a {

	color:#645E73 !important;

}



#topbg {

	width:1000px;

	margin-left:auto;

	margin-right:auto;

}



#topmenu ul.mainnav {

	margin-top:55px;

	margin-left:30px;

	margin-right: 0px;

}

#topmenu ul.mainnav li {

	float:right;

	list-style:none;

	line-height:35px;

	margin:10px 0px 10px 10px;


}

#topmenu ul.mainnav li a {

	color:#666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

	letter-spacing: normal;

	line-height: 1.6em;

	text-decoration:none;

	display:block;

	padding: 10px 0 10px 20px;

	list-style: none;

	position: relative;

}

#topmenu ul.mainnavn li a:hover, li.page-item-2 a:hover{

	background:url(img/about.png) top left no-repeat;
	
	text-decoration: none;	
}

#topmenu ul.mainnavn li a:hover, li.cat-item-1 a:hover{

	background:url(img/gallery.png) top left no-repeat;
	
	text-decoration: none;	
}

#topmenu ul.mainnavn li a:hover, li.cat-item-4 a:hover{

	background:url(img/blog.png) top left no-repeat;
	
	text-decoration: none;	
}

#topmenu ul.mainnav li a:hover, ul.mainnav li.current_page_item a, ul.mainnav li.current_page_parent a, ul.mainnav li.current-cat a, ul.mainnav li.current-cat-parent a {

	color:#FFCC00 !important;

	text-decoration: none;

}

#topmenu ul.mainnav li.current-cat.cat-item-1 a {

	color:#FFCC00 !important;

	background:url(img/gallery.png) top left no-repeat;

	text-decoration: none;

}

#topmenu ul.mainnav li.current-cat-parent.cat-item-1 a {

	color:#FFCC00 !important;

	background:url(img/gallery.png) top left no-repeat;

	text-decoration: none;

}

#topmenu ul.mainnav li.current-cat.cat-item-4 a {

	color:#FFCC00 !important;

	background:url(img/blog.png) top left no-repeat;

	text-decoration: none;

}

#topmenu ul.mainnav li.current-cat-parent.cat-item-4 a {

	color:#FFCC00 !important;

	background:url(img/blog.png) top left no-repeat;

	text-decoration: none;

}

#topmenu ul.mainnav li.current_page_item.page-item-2 a {

	color:#FFCC00 !important;

	background:url(img/about.png) top left no-repeat;

	text-decoration: none;

}

#topmenu ul.mainnav li.page_item .page-item-2 a {

	color:#FFCC00 !important;

	background:url(img/about.png) top left no-repeat;

	text-decoration: none;

}

ul.category_tabs {

	overflow:hidden;

	float:right;

	margin-left:20px;

	padding-right: 23px;

}



ul.category_tabs li {

	display:inline;

	margin-left:0px;

	line-height:30px;

	display:block;

	float:left;

	overflow:hidden;

	padding-left:10px;

}



ul.category_tabs li a {

	display:block;

	font-weight:bold;

	font-size:1.25em;

	color:#333333;

	text-decoration:none;

	text-indent: 17px;

	border-bottom:none !important;

	font-family:Helvetica, Arial, sans-sarif;

	font-weight:normal;

}

ul.category_tabs li a:hover {

	color:#CC0000 !important;

	text-indent: 17px;

	background-image: url(img/plus.png);

	background-repeat: no-repeat;
	
	text-decoration: none;
}



ul.category_tabs li.current-cat a { /*ul.tabs li.active a*/

	color:#CC0000 !important;

	display:block;

	background-image: url(img/plus.png);

	background-repeat: no-repeat;

}

ul.category_tabs li.current-cat {

}



#contentholder {

	width:1000px;

	text-align:left;

	overflow:hidden;

}

#header {

	width: 977px;

	overflow:hidden;

}

#topmenu {

	float:right;

	overflow:hidden;

}
#logo {

	float:left;

	overflow:hidden;

	
}

#mainarea {

	clear:both;

	overflow:hidden;

	color:#d3d3d3;

}

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

#contentholder  a:hover {
	color: #CC0000;
	text-decoration: none;
}

#single {

	background:transparent url(img/blackbg.png) repeat scroll 0 0;

	overflow:hidden;

	

	float:left;

	width:100%;

}

#exif {
	width: 225px;
	height: 500px;
	float: right;
	font-size:	10px;
	font-family:	verdana, arial, helvetica;
}

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

#exif a:hover {
	color: #FFCC00;
	text-decoration: none;
}

#exif ul {
	padding-left: 0px;
	margin-left: 0px;

}

#exif li{
  padding: 10px 0 10px 0px;
  list-style: none;
  position: relative;
  border-top: 1px dotted #282828;
  border-bottom: 1px dotted #101010
}

#singleholder {

/*	margin:0 35px;*/

	margin:10px 5px 20px 23px;

	overflow:hidden;

/*	padding:10px 0 20px 0;*/

	paddin:10px 35px 20px 35px;
	
	width: 954px;

}



#colorselection {

	overflow:hidden;

	float:left;

	display:block;

	margin-bottom:10px;

}

.imagepan {

	clear:both;
	width: 954px;

}

.viewport {

	background-color:#000000 !important;

}

div.colorsquare {

	overflow:hidden;

	float:left;

	cursor:pointer;

	cursor:hand;

}



#padding {

	position:absolute;

	top:0px;

	left:0px;

/*	width:100%;

	height:100%;*/

/*	display:none;*/

}

#nav-below {
  clear: both;
  padding-top: 10px;
  height: auto;
  overflow: auto;
  padding-bottom: 10px
}
.nav-previous {
  float: left;
  width: 47%;
}
.nav-next {
  float: right;
  text-align: right;
  width: 47%;
}

.photocomment {

	margin-top:15px;

	margin-bottom:10px;

}



.photocomment h1 {

	margin-bottom:0px;

}



.photocomment p {
	width: 650px;

//	font-family: Georgia, serif;

	font-size: 13px;

	font-style: italic;

	font-weight: normal;

	text-transform: normal;

	letter-spacing: normal;

	line-height: 1.6em;

}



#comments {

	width: 650px;
	margin-top:15px;

//	display:none;

	overflow:hidden;

	float:left;

	background-color:#0F0F0F;

	padding:15px 0;

	border:1px solid #1F1F1F;

	padding-left: 40px;

	clear: left;

}



div#commentformdiv textarea {

	width:425px;

}


#comments h3, #respond p {

	margin-bottom:20px;

}



ul.commentlist li {

	list-style:none;

	margin-left:0;

}

.left15px {

//	margin-left:10px;

}



div.gravatar img {

	border:3px solid #2f2f2f;

}

div.gravatar {

	float:left;

	width:80px;

}

div.commentblock {

	float:left;

	width:350px;

}



div.commentblock p {

	margin-bottom:5px;

}



div.commentblock cite.fn {

	font-weight:bold;

//	color:#ff0099;

}



div.commentblock .commentmetadata a {

	font-size:0.917em;

	color:#645E73 !important;

}



div.commentitem {

	overflow:hidden;

	clear:both;

	margin-bottom:10px;

}



div.w50 {

	overflow:hidden;

	float:left;

	width:448px;

}





#homephotos {

	background:url(img/pattern.gif) top left;

	overflow:hidden;

	float:left;

	margin:0 20px;

	width:100%;

}

#homephotoholder {

	margin:3px 0 3px 3px;

	overflow:hidden;

	float:left;

}

div.photo {

/*	background:url(img/sampleth.jpg) center center no-repeat;*/

	width:190px;

	height:130px;

	float:left;

	overflow:hidden;

	position:relative;

	margin:0 1px 1px 0;

	/**/

	opacity:0;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

}



.blankphoto {

	width:190px;

	height:130px;

	float:left;

	overflow:hidden;

	position:relative;

	margin:0 1px 1px 0;

	background-color:#000000;

}



#hack {

	width:220px;

	height:160px;

	background-color:#666666;

	display:none;

	border:3px solid #000;

}



#footer {

	margin:30px 20px;

	color:#464646;

	font-family:Helvetica, Arial, sans-serif;

	font-size:1.083em;

	clear:both;

}



#page {



}



.navigation {

	overflow:hidden;

	clear:both;

}

.navigation .alignleft {

	float:left;

	overflow:hidden;

}

.navigation .alignright {

	float:right;

	overflow:hidden;

}



/** comment ***/

textarea {

	height:140px;

	padding:5px;

}



input.text:focus, input.title:focus, textarea:focus, select:focus {

	border:1px solid #FFFFFF;

	outline-color:#FFCC00;

	outline-style:solid;

	outline-width:2px;

}



input.text, input.title, textarea, select {

	padding:5px;

	border:1px solid #a7a6aa;

	/**/

	margin:5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	color:#333333;

}

input.text {

	width:131px;

}

input.sendmessage {

	width:111px;

	margin-top:5px;

	display:block;

}

input.sendmessage:hover {

	cursor:pointer;

	cursor:hand;

}



span.error {

	color:#ff0099;

	display:block;

}