/*
THEME NAME: !Powerfolio
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Powerfolio theme by Arch1k, based on the Sandbox theme.
VERSION: 1.0.0
AUTHOR: <a href="http://arch1k.wordpress.com/">arch1k </a>
AUTHOR URI:
TAGS: powerfolio, arch1k 
Museo 700 font by Jos Buivenga (exljbris) -> www.exljbris.nl */

/* - - - CSS Reset - - - */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before, q:after{content:'';content:none;}:focus{outline:0;}

a{color:#00BFFF; text-decoration:none;}
a:hover{text-decoration:underline;}

#wrapper, html, body{
  /*height:100%; width:100%; margin:0; padding:0; overflow:auto;*/
  font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
  }

body {
  background:#FAFAFA; color:#555;
  }

#header {
  background:white url(images/tom_header_bg.png) right top repeat-x; border:
  display:block; width:100%;
  z-index:2;
  position:absolute; top:0; left:0;
  }
	#header #blog-title{
	  float:left; padding-left:2%;
	  }
		#header #blog-title span a{
		  display:block; cursor:default;
		  font-size:0.75em; text-indent:-9000em;
		  height:56px; width:334px; margin-left:14px;
		  background:url(images/tom_header_mini_logo.png) 0 0 no-repeat;
		  }
	#header #blog-description{
	  float:left; font-size:1px; visibility:hidden;
	  }
	/* - - - CUSTOM SCROLLBAR - - - */
	.slider-container {
	  display:none;
	  margin:0 0 0 30px; clear:both;
	  background:url(images/slider-long.gif) right top repeat-x;
	  position: relative; bottom:-9px;
	  }
	.ui-slider {
	  position: relative; text-align: left; display:block;
	  margin:0 30px; height:20px;
	  }
	.ui-slider .ui-slider-handle {
	  position: absolute; z-index: 2; 
	  width: 60px; height: 20px; cursor: default;
	  top: 0; margin-left: -30px;
	  background:url(images/slider-handle.png) 0 0 repeat-x;
	  }
	 #contact-form a{
	   display:block; background:url(images/contact.png) 1em 0 no-repeat; 
	   height:49px; width:120px; float:right; padding:0 1em;
	 }
	 #contact-form a:hover{
	   border-left:0px solid #EEE;
	 }
/* - - - SIDEBAR AND WIDGETS - - - */
#secondary{
  display:none;
  z-index:2;
}
#primary{
  z-index:2;
  position:absolute; top:56px; left:2%; margin-top:5.4em;
  width:14em; /*ie6 fix*/
}
	#primary li{
	  zoom:1;
	}
		#primary ul li ul li{
		  list-style-type:none; 
		}
			 #primary ul li ul li a{
			  display:block; display:inline-block; text-decoration:none; font-size:1em;
			  color:#333; padding:0.50em 2.0em 0.25em 0.9em; border:1px solid #FAFAFA;
			  border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:1em;
			}
			#primary .current-cat a, #primary .current_page_item a{
			  color:#111; background:#eee; border:1px solid #ddd;
			  border-bottom-color:#D0D0D0; border-top-color:#ECECEC;
			}
				#primary ul li ul li .children{
				  margin-left:1.0em;
				}
			#primary li a:hover{
			  background:#F3F3F3; border:1px solid #F3F3F3; color:#000;
			  border-top-color:#E4E4E4; border-bottom-color:#FFF;
			}

/* - - - CONTENT SLIDER - - - */
#container {
  position:relative; /*height:100%;*/ width:100%; z-index:1;
}
   #pagelistnav{
     display:block; display:none; position:absolute; right:0; top:0; padding:0.5em;
     background:yellow url(); z-index:3;
   }
	#pagelistnav a{
	  color:#bbb; text-decoration:none;
	}
   .navigation, .pagenavigation{
     clear:both;
   }
   .navigation .nav-previous a, .navigation .nav-next a, 
   .pagenavigation .nav-previous a, .pagenavigation .nav-next a{
     float:left; text-decoration:none; margin:2em 1.2em 4em 0; width:200px; text-align:center;
	 color:#555; background:#EEE; border:1px solid #DDD; padding:0 5px;
	 font-size:0.80em; line-height:1.7em; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
   }
   .navigation .nav-previous a:hover, .navigation .nav-next a:hover, 
   .pagenavigation .nav-previous a:hover, .pagenavigation .nav-next a:hover{
	 color:#555; background:#DDD;
   }
   #content{
      position:relative; /*height:100%; width:100%; overflow-x:auto; overflow-y:hidden;*/
	  margin:56px 0 0 14em; padding:6em 20% 0 5%;
   }
   .worksCatChild #content{ /*expands gallery margines*/
	  padding-right:25px;
   }
    .scrollContainer{
       /*height:100%; position:relative;*/
     }

	/* - - - POSTS - - - */ 
	#content .page-title, #content .archive-meta{
	  display:none;
	}
	#content .panel{
	  /*height:100%;*/ position:relative;
	}
	.worksCatChild #content .panel{
	  float:left;
	}
	
		/* - - - BLOG STYLE POSTS & DEFAULT - - - */
		#content .panel .postcontainer, #comments{
		  font-size:0.80em; padding-bottom:6.5em; line-height:1.7em;
		  font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
		}
					#content .panel .postcontainer .entry-meta a:hover{
					  text-decoration:underline;
					}
				#content .panel .postcontainer .entry-title, #content #comments h3{
				  font-size:1.8em; font-family:Georgia,Trebuchet MS,Helvetica,sans-serif;
				}
				/*- - - Toggle between header types; post or gallery - - - */
				#content .panel .postcontainer .entry-title .blog-artifact{display:block;}
				#content .panel .postcontainer .entry-title .gallery-artifact{display:none;}
				.worksCatChild #content .panel .postcontainer .entry-title .blog-artifact{display:none;}
				.worksCatChild #content .panel .postcontainer .entry-title .gallery-artifact{display:block;}				
					#content .panel .postcontainer .entry-title a {
					  display:block; color:#555; text-decoration:none;
					}
					#content .panel .postcontainer .entry-title a:hover{
					  color:#222;
					}
				#content .panel .postcontainer .entry-content{
				  padding-top:1.2em; text-align:justify;
				}
					#content .panel .postcontainer .entry-content p{
					  padding-bottom:1.5em;
					}
					#content .panel .postcontainer .entry-content img{
					  background:transparent; padding:5px; margin:-5px 0px 0px -5px; height:130px; width:130px;
					}
					#content .panel .postcontainer .entry-content img:hover{
					  background:#eee;
					}
				#content .panel .postcontainer .entry-date{
				}
				#content .panel .postcontainer .entry-meta a{
				  text-decoration:none; color:#555;
				}
				.c1_pressCatChild #content .panel .entry-meta{
				  display:none;
				}
				.c2_newsCatChild #content .panel .entry-meta .tag-links{
				  display:none;
				}
				.c2_newsCatChild #content .panel .entry-meta .tag-links + .meta-sep{
				  display:none;
				}
		
		/* - - - GALLERY STYLE POSTS - - - */ 
		.worksCatChild #content .panel .postcontainer{
		  position:relative; background:#eee; border:1px solid #ddd; padding:5px; margin:0 1.2em 1.2em 0; zoom:1;
		  height:200px; width:200px; overflow:hidden;
		}
				.worksCatChild #content .panel .postcontainer .entry-title{
				  display:block; position:absolute; top:0; left:0; font-size:1.0em;
				}
					.worksCatChild #content .panel .postcontainer .entry-title a{
					  height:160px; width:160px; padding:20px; border:5px solid #eee; text-align:left;
					  display:block; color:#555; text-decoration:none; line-height:1.35em;
					  font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-weight:normal; 
					  font-size:1em; text-indent:-500%;
					}
					.worksCatChild #content .panel .postcontainer .entry-title a:hover div{
					  border-bottom:1px dotted #aaa; padding-bottom:0.5em;
					}
					.worksCatChild #content .panel .postcontainer .entry-title a:hover{
					  background:url(images/95percentwhite.png); border:5px solid #eee;
					  text-indent:0;
					}
						.worksCatChild #content .panel .postcontainer .entry-title .post-meta {
						  padding-top:0.5em; color:#888;
						}
				.worksCatChild #content .panel .postcontainer .entry-content{
				  display:none;
				}
				.worksCatChild #content .panel .postcontainer .entry-date{
				  display:none;
				}
				.worksCatChild #content .panel .postcontainer .entry-meta{
				  display:none;
				}
				
	/* - - - PAGES - - - */
	#content .page{
	  position:relative; /*height:100%;*/
	}
		#content .page #postcontainer{
		  margin-top:-0.5em; line-height:1.7em; text-align:justify; font-size:0.80em;
		}
			#content .page #postcontainer h2{
			  display:none;
			}
			#content .page #postcontainer h3, #content .page #postcontainer h4{
			  font-family:Georgia,Trebuchet MS,Helvetica,sans-serif; font-size:1.8em;
			  padding:1.2em 0;
			}
			#content .page #postcontainer h4{
			  font-size:1.2em; font-weight:300;
			  padding:0.5em 0;
			}
			#content .page #postcontainer p{
			  padding-bottom:1.5em;
			}
			#content .page #postcontainer hr{
			  background-color:#DDDDDD; border:0 none; color:#DDDDDD; height:1px; margin:2.5em 0 0.8em;
			}
			
#comments{
  clear:both;
}
			
#footer{
  position:fixed; right:0; bottom:0;
  font-size:0.70em; z-index:100;
}
#footer h1{
  border-top:1px solid #ddd; margin-top:1em; padding:0.5em 0 0.2em 0;
}
#footer a{
  color:#444;
}
#footer a:hover{
  color:#00BFFF;
}
	#footer #footercredits{
	  line-height:1.6em; height:1.6em; text-align:right; float:right; 
	  padding:5px 25px; border:1px solid #FAFAFA; overflow:hidden; width:300px;
	}
	#footer #footercredits:hover{
	  height:auto; background:#FFF; border:1px solid #DDD; text-align:left; 
	}
		#footer p{
		  display:block;
		}
			
/* - - - GALLERY DIALOG - - - */
#sb-body {
  border:1px solid #626262 !important; padding:20px !important; background:#FAFAFA !important;
}
#sb-loading {
  background:#FAFAFA !important;
  }
  	#sb-loading a{
  	  color:#aaa !important; font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-size:0.80em;
  	  }
#sb-info {
}
	#sb-counter a{
	  color:#555 !important;
	}
  
		
/* - - - CONTENT SLIDER Arrows - - - */
.scrollButtons {
  display:none;
  position: absolute;
  bottom: 30px;
  cursor: pointer;
  z-index:3;
}
.scrollButtons.left {
  background:url(images/arrow.png) left top no-repeat;
  left:30px;
}
.scrollButtons.left:hover {
  background:url(images/arrow.png) left bottom no-repeat;
}
.scrollButtons.right {
  background:url(images/arrow.png) right top no-repeat;
  left:100px;
}
.scrollButtons.right:hover {
  background:url(images/arrow.png) right bottom no-repeat;
}

/* - - - CONTACT FORM - - - */
#contact-section {
 background:#EEE; border-top:1px solid #D5D5D5;
}