/*  
Theme Name: PhotoNicki
Theme URI: http://mynicki.net
Description: Nicki Photoblog
Version: 1.0
Author: Nicki
Author URI: http://mynicki.net/
*/

html {
  overflow-x:auto;
  overflow-y:auto;
  width:100%;
  height:100%;
  margin: 0px;
  padding: 0px;
}

body{
	height: 100%;
    width: 100%;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:67.5%;
	line-height:1.5;
    margin: 0px;
	text-align:center;
	margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
h2, h3, h4 {font-weight:normal; margin: 0 auto; padding: 0 auto;}

h2 {font-size:1em; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
h3 {font-size:0.9em;}
h4 {font-size:0.8em;}

/*************************************
 +Stuff
 *************************************/
a:visited img {border: 0px solid #333;cursor:pointer;}
a:active img {border: 0px solid #333;cursor:pointer;}
a:hover img {border: 0px solid #333;cursor:pointer;}
a:link img {border: 0px solid #333;cursor:pointer;}
a {cursor:pointer;}
ul{list-style-type:none;margin:0;padding:0;}
a{color:#fff;text-decoration:none;cursor: pointer;}
a:hover{color:#999;cursor: pointer;}
a:visited{cursor: pointer;}
/*************************************
 +Header
 *************************************/
.preload {
	position: absolute;
	z-index:1;
	height: 1px;
	width: 1px;
	left:0px;
	}
.preload img{width: 0px;height:0px;border:0px;}
	
#header{
	margin: 0 auto;
	height: 24px;
	color: #ccc;
	width: 100%;
	position: fixed;
    z-index: 200;
    left: 0px;
    top: 0px;
}

#headerl{
	position: fixed;
    overflow: hidden; height: 24px;
    right: 50%;
    left: 0px;
    text-align: ;
    margin-right: 48px;
    z-index: 200;
    top: 0px;

}
#headerr{
	position: fixed;	
	overflow: hidden; height: 24px;
	left: 50%;
	right: 0px;
	margin-left: 81px;
	width: 100%;
	z-index: 200;
	top: 0px;
	min-width: 356px;
}
.headerlnav {display: block;float: right;}
.headerrnav {display: block;float: left;}
.logo{
	left: 0px;
	display: block;float:left;
	width:180px; 
	text-align: left;
    padding-left: 6px;
    overflow: hidden;
    line-height: 24px; height: 24px;
    color: #888;
    font-size: 0.9em;
    position: absolute;
    z-index: 1;
	}
	
.postact {display:block; margin-top:1px;}		

#headerm{
	width: 130px;
	height: 36px;
    text-align: center;
    padding-top: 9px;
    z-index: 230;
    left: 50%;
    position: fixed;
    margin-left: -48px;
    top: 0px;
}
#topshadow{
	height: 7px;
	position: fixed;	
	left: 0px;
	top: 24px;
	width: 100%;
	z-index: 90;	
}
#postlinktabs {
	position: relative;
	height: 16px;
	width: 46px;
	padding: 13px 42px 0px 42px;
}
#postnext, #postnexth {
	background: url(./images/alno.png) no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	}
#postpre, #postpreh {
	background: url(./images/arno.png) no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	float: right;
	}
#postnextpic, #postnexthpic {
		background: url(./images/alno.png) no-repeat;
		height: 16px;
		width: 16px;
		display: block;
		float: left;
		margin: 2px 6px 2px 0px;
		}
#postprepic, #postprehpic {
		background: url(./images/arno.png) no-repeat;
		height: 16px;
		width: 16px;
		display: block;
		float: left;
		margin: 2px;
		}
#postlinktabs img{border: 0px;}
#postlinktabs img:hover{border: 0px solid;}
#header a:hover{color: #aaa;}
#header a{color: #888;}

.butnb { 
	width:2px;
	height:24px;
	display: block;
	float: left;
	}
.butn, .butna {
	width: 64px; height: 24px; line-height: 24px;
	display: block; float: left;
	text-align: center;
	font-size: 0.9em;
	}
.but{
	display: block;
	float: left;
	width: 70px;
	height: 18px;
	position: relative;
    padding: 1px 0px 0px 2px;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #ccc;
	margin: 2px 7px 0px 0px;
	text-align: center;
	cursor: pointer
}
.butc{
	display: block;
	float: left;
	width: 19px;
	height: 18px;
	position: ;
    padding: 0px 0px 0px 0px;
	margin: 3px 3px 0px 0px;
	text-align: center;
	cursor: pointer;
}
.butclw, .butclg, .butclb, .butcld {
	width: 19px;
	height: 19px;
}
.butclw {background: url(./images/wswitch.png) no-repeat top center;}
.butclg {background: url(./images/gswitch.png) no-repeat top center;}
.butclb {background: url(./images/bswitch.png) no-repeat top center;}
.butcld {background: url(./images/dswitch.png) no-repeat top center;}
/*************************************
 +InfoPanel
 *************************************/
#info {
    width:270px;
	position: absolute;
	display: block;
	text-align: left;
	visibility: hidden;
	overflow: hidden;
	z-index: 7;
	padding: 1px;
}
#info img{border: 0px;}
#infotitle {
width: 266px;
padding: 2px;
position: relative;	
font-weight: bold;
text-transform: uppercase;
text-align: center;
font-size: 1em;
margin-bottom: 1px;
}
#infocomment {width: 270px;padding: 0px;position: relative;text-align: center; margin-top: 1px;}	
.noteit {padding: 3px 0;}
.exifscrab {text-align: left;font-size: .9em;}
.exifscraba {text-align: left;font-size: 0.8em;color: #666;}
.exif {
	width:90px;
	display: block;
    float: left;
	text-align: right;
	background: url(./images/exifbg.png);
	padding-right: 5px;
	margin-right: 5px;
	color: #000;
}
.exifa {
	width:64px;
	display: block;
    float: left;
	text-align: right;
	padding-right: 5px;
	margin-right: 5px;
	color: #888;
}

.cart {
	width: 30px;
	height: 30px;
	z-index: 5;
	position: absolute;
	display: block;
	visibility: hidden;
}

.cartpur {
	background: url(./images/cartpost.png) no-repeat center center;
}

.cartpur:hover {
	background: url(./images/cartposta.png) no-repeat center center;
}

/*************************************
 +Dimensions
 *************************************/
#tab{height: 100%; width: 100%; border: 0px;padding: 0px;margin:0px;border-collapse: collapse;}
td{border:0px;padding:0px;}
.p p{margin: 0px;}
.border, .original img{padding:0px;}
#ops{position:absolute;z-index:4;}
#senstest {
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000000;
	box-shadow: 0px 0px 3px #000000;
}

/*************************************
 +baseshoot
 *************************************/
.butbase{
	width: 70px;
	height: 17px;
	position: relative;
	font-weight: normal;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: #888;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	padding-top: 1px;
}
.base{position:absolute;z-index:2;visibility: hidden; margin: 0px auto;}


/*************************************
 +Flexcroll
 *************************************/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
background: url(./images/vscrollerbasebg.png) repeat-y;
width: 19px;
visibility: visible !important;
margin: 0px 0px 0px 0px;
}
.vscrollerbar {
width: 12px;
visibility: visible !important;
margin: 0px 0px 0px 6px;
padding: 0px;
}

.vscrollerbarbeg {
width: 12px;
height: 15px !important;
}
.vscrollerbarend {
width: 12px;
height: 15px;
}

#mycustomscroll{
width: 381px;
position: relative;
padding-left:1px;
float: left;
display: block;
}
/*************************************
 +Comments
 *************************************/
#side, #sideabout, #sidearchives, #sidesocial, #sideessay {
	z-index: 100; 
	height: 100%; position: fixed; 
	top: 25px; left: 0px; bottom: 0px;
	width: 413px;
	margin-left: -382px;
	}
#sideabout{margin-left:0px;width:32px;}
#sidearchives{margin-left:0px;width:286px;}	
#sideright, #siderightabout{width: 24px; height: 100%; display: block;float: right;position: relative;}
#sideshadow{width: 7px; height: 100%; display: block;float: right;position: relative;}	
#closeside{width: 24px; height: 97px; top: 11px; left:0px; position: absolute; z-index: 110; left:0px;}
#sideinfo, #sideinfoabout, #sideinfodisclaimer, #sideinfoarchives, #sideinfoessay, #sideinfofrontpage{
	background: url(./images/sideinfocomments.png) no-repeat center top; 
	width: 24px; 
	height: 250px;  
	z-index: 120;
	position:absolute;
	display:block;
	left:0px;
	top: 110px;
	}
#sideinfofrontpage{background: url(./images/sideinfofrontpage.png) no-repeat center top; top: 17px; height: 500px;}
#sideinfoabout{background: url(./images/sideinfoabout.png) no-repeat center top; top: 17px;}
#sideinfoessay{background: url(./images/sideinfoessay.png) no-repeat center top; top: 17px;}
#sideinfodisclaimer{background: url(./images/sideinfodisclaimer.png) no-repeat center top; top: 17px;}
#sideinfoarchives{background: url(./images/sideinfoarchives.png) no-repeat center top; top: 7px;}
#closearrow, #openarrow {
	position: absolute;
	top:10px;
	right: 0px;
	width:24px;
	height:100px;
	}
#closearrow {
	background: url(./images/closearrow.png) no-repeat center center;
	z-index: 130;
	display: none;
}
#openarrow {
	background: url(./images/openarrow.png) no-repeat center center;
	z-index: 140;
	display: block;
}
#sideclose, #sideopen{
	position: absolute;
	display:block;
	top:0px;
	right: 0px;
	width:24px;
	height:100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
}
#sideclose:hover, #sideopen:hover{cursor: pointer;}
#sideclose{z-index: 150;}
#sideopen{z-index: 160;}
#comments a:hover{color: #ccc;}
#comments a{color: #fff;}
#comments{line-height: 1.4em; }

.comarbg {
	background: url(./images/olcommentslight.png);
	padding: 2px 0px 2px 5px;
	text-align: left;
}
.comar {background: url(./images/downarrow.png) right center no-repeat;color: #ccc;}
.comcase{
	background: url(./images/olcomments.png);
	margin: 4px 2px 4px 4px;
	padding: 3px;
	width: 350px;
	text-align: left;	
		}
.bubble {width: 356px; height: 9px; background: url(./images/bubble.png) no-repeat top left; margin: 0px 2px 0px 4px;}		

#noteit:hover {cursor: pointer;background: url(./images/olcommentslight.png);}
#commentform {margin:0px;}

#comments textarea {background: url(./images/olcomments.png);margin: 4px 2px 0px 0px;width: 342px; margin-bottom: 4px; padding: 4px;border: 0px;color: #fff;}

#comments input[type=text] {
background: url(./images/olcomments.png);
width: 110px;
margin:0px 4px 0px 0px;
padding: 2px;
display: block;
border: 0px;
float: left;
color: #fff;
}

.desc {
	width: 110px;
	margin:0px 4px 0px 0px;
	padding: 0px 4px 0px 0px;
	display: block;
	border: 0px;
	float: left;
	text-align: left;	
}

#comments input[type=submit], #guestbook input[type=submit] {
background: url(./images/olcomments.png);
margin:0px;
width: 350px;
border: 0px;
padding: 2px;
cursor: pointer;
color: #fff;
font-size: 0.9em;
font-weight: bold;
}

#comments input[type=submit]:hover{background: url(./images/archivecontentbg.png);}

.commentsblock input, .commentsblock textarea{border:1px solid #d1d1d1;}
.commentsblock textarea:focus{background:#eee;border:1px solid #a1a1a1;}
.commentsblock textarea:focus, .commentsblock input:focus{background:#eee;border:1px solid #a1a1a1;}
.commentauthor{display:block;font-weight:bold;}
.commentlist{	
	font-size:;
	list-style-type:none;
	margin:0;
	margin-bottom:4;
	padding:0;
	text-align: left;
}
ol.commentlist{font-size: ;list-style-type:none;margin:0;margin-bottom:4;padding:0;text-align: left; width: 364px;}
.commentlist li{
	background: url(./images/olcomments.png);
	margin: 0px 4px 4px 4px;
	padding:0.3em 0.7em;
	line-height: 1.2em;
	text-align: left;
}
li.author{border: 1px dotted #666;}
.aut {
	display: block;
	float: left;
	font-size:0.8em;
	text-transform: uppercase;
	font-weight: bold;
	}
/*************************************
 +Archive
 *************************************/
#accordion, #accordionger {padding: 4px 0px 4px 5px;color: #eee;font-size:1.1em;}
h3.toggler {
	background: url(./images/archivecontentbg.png);
	cursor: pointer;
	font-family: Georgia, Times, serif;
	font-weight:normal;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 2px 2px 2px 6px;
	color: #888;
	border-left: 4px solid #555;
	text-align: left;
}
.element {min-height: 0px;font-size: 1em;margin: 0px 0px 2px 4px;text-align: left;}

#archivescatch{
	background: url(./images/commentbgdark.png);
	width: 251px;
	float: left;
	display:block;
	height: 100%;
	padding:0px 4px 0px 0px;
}

.elementspace{background: url(./images/linermid.png) no-repeat bottom center;height: 17px;margin: 12px 0 12px 0;}

/*************************************
 +New Thumbs
 *************************************/
.tiny {
	width: 130px;
	height: 180px;
	display: block;
	float: left;
	margin: 0 4px 0px 4px;
	border-left: 0px solid #292929;
	padding: 0px 0px 0px 8px; 
	background: url(./images/shade.png) no-repeat left center;
	overflow:hidden;
}
.tiny a, .tiny{color: #888;font-size: 0.8em; text-align: left;}
.tiny h1{
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	text-transform: uppercase;
}
.tinythumb {
	width: 128px;
	height: 85px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #252525;	
}
.tinydesc {padding: 0px;}
.tinydummy{width: 130px; height: 167px;position: absolute; padding: 0px;margin: 0px;cursor:pointer;}
.tinydimension {
	background: #252525;
	padding: 1px;
	margin: 0px 0px 6px 6px;
}


.current-cat {
	background: url(./images/ccat.png) no-repeat center right;
	margin: 1px 0px 1px 0px;
	text-align: left;
	padding-left: 6px;
	}
.current-cat:hover {background: url(./images/archivehover.png);}
.cat-item{padding-left: 6px;margin: 1px 0px 1px 0px;line-height: 1.6em;}
.cat-item:hover{background: url(./images/archivehover.png);padding-left: 6px;color: #fff;}
.accordionbottom {
	background: url(./images/accordionbottom.png) repeat-x;
	width: 247px;
	margin: 0px 4px 4px 4px;
	padding-top: 10px;
}
.accordiontop {
	background: url(./images/accordiontop.png) repeat-x;
	width: 356px;
	height: 14px;
	margin: 8px 4px 4px 4px;
	
}

/*************************************
 +Copyright
 *************************************/
#copyright {
	z-index: 6;
	width: 100%;
	height: 15px;
	font-size: 0.8em;
	text-align: right;
	color: #777;
	font-family: verdana, sans-serif;
}
#copyrightcon {height: 12px;padding: 1px 0px 2px 6px;float: right;}
#copyright a{ text-decoration: underline; color: #777;}
#frontcopy a{ text-decoration: underline; color: #777;}