/*
Delicious Template for Pixelpost
Common CSS file

Author: JaySoto
Site: http://www.sotolicious.com/delicious
E-mail: jason.m.soto@gmail.com

This template was a lot of work... feel free to modify it to your hearts content, but please leave my name in here... thanks!

----------------------------
Modify by Marco Giordano
Site: http://www.dotmac.net/
E-mail: photo@dotmac.net

*/

body {
	font: 10px/20px Lucida Grande, Arial, Lucida Grande, Trebuchet MS, Tahoma, verdana, Helvetica, Arial, sans-serif;
	margin:0px;
	padding:0px;
	padding-bottom:40px;
	background-repeat: repeat-x;
	background-position: center top;
}

html, body {
     min-height:100.1%;
	}

h2 {
font-size:18px;
}

h3 {
font-size:16px;
}

h4 {
font-size:14px;
}

h6 {
font-size:12px;
font-weight: bold;
margin-bottom:0px;
padding-bottom:0px;
margin-top:8px;
padding-top:0px;
color:#666;

}

.title-heading{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
}

#title {
  position:absolute;
	bottom:0;
	padding-bottom:5px;
	font-size:18px;
	letter-spacing: -.05em;
}

.exif {
	text-align: left;
}

#notes {
	text-align: justify;
	margin-top: 10px;
	font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#about{
	text-align: justify;
	padding:0px;
	margin:0px;
}

#about .about {
margin:0 10px 5px 0;
float:left;
}

#news{
	text-align: justify;
}

p{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#bottomtitle{
	text-align: right;
	font-weight: normal;
	letter-spacing: -.5px;
}

#bottomtitle a {
	padding:2px;
}

#thumbnails{
	text-align: center;
	margin: 6px 0px 2px 4px;
	clear: both;
	width:34px;	
}

#photobox {
	text-align:center;
	padding:4px;
}
	
#image-border {
    position: relative;
	margin: 0;
}

#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index:10;
}

#menu_browse a{
	outline: none;
}

#menu_browse_prev, #menu_browse_next{
	width: 50%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#menu_browse_prev {
	left: 0px;
	top: 0px;
	float: left;	
}

#menu_browse_next {
	right: 0px;
	top: 0px;
	float: right;	
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url('../images/prevImage.png') no-repeat center center;
	cursor: pointer;
}

#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('../images/nextImage.png') no-repeat center center;
	cursor: pointer;
}

#slide-out-in {
padding:5px;
}

#close {
top:0px;
right:0px;
margin:5px 5px 0 0 ;
z-index:2000;
text-align:right;
}

#comments-wrapper {

	text-align:left;
	padding-left:10px;
	padding-right:10px;
	color:#999;
}

#addcomment { 
	text-align:left;
	width: 35%;
	float: left;
	margin-top: 5px;
}
	
.formfield{
	width: 				90%;
	padding:			2px;
	margin: 			0px auto;
	font: 				10px verdana, arial, helvetica, sans-serif;
}

.formbutton{
	font: 				10px verdana, arial, helvetica, sans-serif;
	padding: 			5px;
	margin: 			0px auto;
}
	
#image_comments {
	width:55%;
	float:right;
	margin-top:8px;
	margin-bottom:15px;
	padding: 0 5px 15px 15px;
	text-align:left;
	font: 10px/14px verdana, Helvetica, Arial, sans-serif;
}

#image_comments ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#image_comments li {
	margin:0px 0px 15px 0px;
	padding-left:16px;
	background: url(../images/comment.gif) no-repeat;
}
	
#image_comments h5 {
margin:15px 0 10px 0;
}

.catpages {
  padding:5px 0px;
  text-align:center;
}
.catpages a {
  padding:2px 6px;
  margin-right:2px;
  margin-bottom:8px;
  text-decoration:none;
}

.nav_menu { 
	float:right;
	clear:right;
	margin-right: 10px;
	margin-top: 3px;
}

.nav_title { 
	float:left;
	clear:left;
	margin-left: 10px;
	margin-top: 1px;
	font-size: 14px;
	letter-spacing:1px;
	font-weight: bolder;
	text-transform:none;
}


.nav_subtitle { 
	font-size: 14px;
	letter-spacing:0px;
	font-weight: 100;
	text-transform:none;
}

.pipe {
	color: #444;
}

#top-spacer {
	font-size: 16px;
	text-align: center;
	z-index: 100;
	height: 1px;
}

#wspacer {
	font-size: 16px;
	text-align: center;
	z-index: 100;
	height: 10px;
}

/* navigation-footer */
#footer {
	padding:0px;
	position:fixed;
	left: 0px;
	bottom : 1px;
	margin:0px;
	height: 21px;
	width:100%;
	z-index:1000;
	text-align: center;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:.85;
} 

#footer td {
	margin-top:0px;
	padding-top:0px;
	padding-left: 10px;
	padding-right: 10px;
}

.topimg {
	width:705px; 
	padding: 5px; 
	height:100%;
	margin:0px;
	text-align:center;
	border-style: solid;
	border-width: 1px;
}

 #rgbbox {
 /*
	padding:1px;
	margin:1px;
	border-style: solid;
	border-width: 1px; 
*/
}

.abouttitle{
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
	font-size:14px;
	font-weight: bolder;
	color:#1C627A;
} 




#page {							/* style in about template */
	padding:20px 0px;
	text-align:left;
	width:720px;
	margin:0px auto;
}

#page h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}

#page p {
	font-size:10px;
	/* font-style:italic; */
	margin: 0px 10px 20px 0px;
}

#page ul {
	font-size:10px;
	/* font-style:italic; */
	margin:0px 0px 5px 0px;
}
	
#page ul li {
	/* list-style:none; */
	/* display:inline; */
	padding:0px 5px 0px 0px;
}
	
#page a {
}


#page img {
	/*background:#FFF;
    padding:3px;
    border:1px solid #CCC;*/
}

#infobox {
	width:710px;
	text-align:left;
	line-height: 150%;
}

.clear {
	clear:both;
}
	
#col1 {
	width:33%;
	float:left;
}

#col2 {
	width:33%;
	float:left;
}

#col3 {
	width:33%;
	float:right;
}

#col3 ul li {
	/* list-style:none; */
	/* display:inline; */
	padding:0px 5px 0px 0px;
}


#browse_box {
	text-align:center;
	position:absolute;
	top:10px;
}

#browse_thumbs {
	width:580px;
	float:left;
	text-align:left;
	margin-right:2px;
}

#browse_thumbs .thumbnails {
	border:1px solid #666;
	margin:6px 6px 4px 6px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#browse_thumbs .thumbnails:hover {
	border:1px solid #666;
	margin:6px 6px 4px 6px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}

#browse_categories {
	width:145px;
	float:right;
	text-align:left;
	padding:10px;
	height:100%;
}

.viewing {
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#browse_wrapper {
	position:relative;
	width:755px;
	margin-right:auto;
	margin-left:auto;
}