/*   
Theme Name: Miguel Tavares V2.0
Theme URI: http://www.migueltavares.com/
Description: Tema para Wordpress
Author: Miguel Tavares
Author URI: http://www.migueltavares.com/
Version: 2.0
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#f2f2f2 top repeat-x url('images/bg.jpg');
	color:#707070;
	margin:0;
	padding:0;
}
/********************************************************************************************** GLOABAL STYLES */
h1{
	color:#383838;
	font-size:28px;
	}
h2{
	color:#383838;
	font-size:26px;
	}
h3{
	color:#383838;
	font-size:18px;
	}
h4{
	color:#383838;
	font-size:16px;
	}
h5{
	color:#383838;
	font-size:14px;
	}
h6{
	color:#383838;
	font-size:12px;
	}

small{
	font-size:11px;
	}
b, strong{
	font-weight:bold;}
i, em{
	font-style:italic;
	}
p{
	padding:15px 0px 15px 0px;
	line-height:21px;
	}
.fleft{ float:left;}
.fright{ float:right;}
.alignright{
	float:right;
	margin: 3px 0px 10px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 10px 0px;
	}
	
	
#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	border:1px #d6d6d6 solid;
	}		
	

#main-container{
	width:962px;
	margin:0px auto 0px auto;
	display:block;
	}

/********************************************************************************************** Header */
#header{
	position:relative;
	display:block;
	width:962px;
	height:106px;
	margin:0px auto;
	background:top center no-repeat url('images/header.jpg');
	}
.logo_link{
	position:absolute;
	width:255px;
	height:90px;
	top:10px;
	left:350px;
	}
#header h1 { text-indent: -9999px; }
#header h3 { text-indent: -9999px; }

/********************************************************************************************** Menu */
#menu_wrap {
	display:block;
	width:962px;
	height:48px;
	margin:0px auto;
	background:top center no-repeat url('images/menu_bg.jpg');
	z-index:1;
	}
#menu_wrap  a.current{
		/* styles in template_style.css */
	}
	
#menu_wrap .separator {
	width: 1px;
	height: 47px;
	background: url(images/separator.gif) no-repeat;
}
/* - more styles for menu are in in superfish.css - */

/********************************************************************************************** Banner */
#banner_wrap {
	position:static;
	display:block;
	width:962px;
	height:241px;
	margin:0px auto;
	background:top center no-repeat url('images/banner_bg.jpg');
	margin-bottom:10px;
	z-index:100;

	}
/********** styles for banner text slideshow */
#description{
	height:180px;
	width:340px;
	display:inline;
	margin:10px 0 0 30px;
	z-index:100;
	float:left;
	}
#description h2{
	/* styles in template_style.css */
	}
	
#description h3{
		/* styles in template_style.css */
		}	
	
#slideshow2 ul li{
	  display:block;
	  width:340px;
	  height:180px;
	  float:left;
	}
#description .readmore{
	display: inline-block;
	width:116px;
	height:34px;
	background:top center no-repeat url('images/readmore.png');
	margin-right:5px;
	margin-top:20px;
	}
#description .see_portfolio{
	display: inline-block;
	width:116px;
	height:34px;
	background:top center no-repeat url('images/see.png');
	margin-right:5px;margin-top:15px;
	}
	
#description .readmore:hover{
	background:top center no-repeat url('images/readmore_on.png');
	}
#description .see_portfolio:hover{
	background:top center no-repeat url('images/see_on.png');
	}
	
/********** styles for banner images slideshow */	
#imgs{	  
  position:relative;
  width:480px;
  float:right;
  height:180px;
  display:block;
  right:40px;
  top:30px;
  background-color:#333;
  }	
  

#banner_wrap .prev, #banner_wrap .next{
	display:block;
	width:35px;
	height:51px;
	cursor:pointer;
	}

#banner_wrap .prev{
	position:absolute;
	z-index:5;
	top:88px;
	left:-44px;
	}
#banner_wrap .next{
	position:absolute;
	z-index:5;
	top:141px;
	left:-44px;
	}
	
/********************************************************************************************** Banners for subpages */	
#small_banner_wrap{
	display:block;
	width:932px;
	height:90px;
	margin:0px auto;
	margin-bottom:10px;
	font-size:18px;
	color:#bfc2c8;
	padding:40px 0 0 30px;
	}
.banner_about{
	background:top center no-repeat url('images/small_banner_about.jpg')
	}
.banner_blog{
	background:top center no-repeat url('images/small_banner_blog.jpg')
	}
.banner_portfolio{
	background:top center no-repeat url('images/small_banner_portfolio.jpg')
	}
.banner_servicos{
	background:top center no-repeat url('images/small_banner_servicos.jpg')
	}
.banner_contact{
	background:top center no-repeat url('images/small_banner_contact.jpg')
	}
.banner_404{
	background:top center no-repeat url('images/small_banner_404.jpg')
	}
	
/**********************************************************************************************  Content */
#content_wrap{
	position:relative;
	display:block;
	width:930px;
	padding:20px 1px 20px 31px;
	}
#content{
	display:block;
	width:560px;
	float:left;
	}
#content img{
	border:4px #CCC solid;
	}
	
.content_bg_nosidebar{
	background: repeat-y url('images/content_bg_white.jpg');
	
 	}
.corners_top_nosidebar{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:962px;
	height:10px;
	background:#F2F2F2 center bottom  no-repeat url('images/top_corners.jpg'); 
	}
.corners_bottom_nosidebar{
	position:absolute;
	bottom:-1px;
	left:0px;
	display:block;
	width:962px;
	height:11px;
	background:#F2F2F2 center  top no-repeat url('images/bottom_corners.jpg');
	}

.content_bg_sidebar{
	background: repeat-y url('images/content_bg_sidebar.jpg');
	
 	}
.corners_top_sidebar{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:962px;
	height:10px;
	background:#F2F2F2 center bottom  no-repeat url('images/top_corners_subpage.jpg'); 
	}
	
.corners_bottom_sidebar{
	position:absolute;
	bottom:-1px;
	left:0px;
	display:block;
	width:962px;
	height:11px;
	background:#F2F2F2 center  top no-repeat url('images/bottom_corners_subpage.jpg');
	}

/********************************************************************************************** Portfolio */
.corners_top_portfolio{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:947px;
	height:33px;
	padding:20px 0px 0px 15px;
	background:#F2F2F2 center bottom  no-repeat url('images/portfolio_top_corners.jpg'); 
	}
.corners_top_portfolio a{
	padding: 0px 15px 15px 15px;
	display:block;
	float:left;
	}	
	
.corners_top_portfolio a:hover, .corners_top_portfolio a.on, .corners_top_portfolio li.current-cat a {
	padding: 0px 15px 16px 15px;
	display:block;
	float:left;
	color:#000;
	background:bottom center no-repeat url('images/portfolio_menu_mark.jpg');
	}
.corners_top_portfolio .submenu_title{
	float:left;
	padding: 0px 15px 16px 15px;
	display:block;
	float:left;
	color:#686a6f;
	}
	
.project{
	border-bottom:1px #CCC solid;
	padding-bottom:30px;
	margin-top:30px;
	width:890px;
	}
.project table tr td{
	vertical-align:top;
	}
.project table tr td.image a img{
	/* styles in template_style.css */
	}	
.project table tr td.image a img:hover{
	/* styles in template_style.css */
	}	
.project table tr td.break{
	width:20px;
	}
.project table tr td.description{
	vertical-align:text-top;
	}
		
/********************************************************************************************** Sidebar */
.sidebar_box{
	display: inline;
	width:280px;
	float:left;
	margin-right:30px;
	}
.top_margin{
	margin-top:50px;}
.sidebar_box h2{
	color:#383838;
	font-size:21px;
	padding-bottom:10px;
	border-bottom:1px #CCC solid;
	}
p.recent_post{
	border-bottom:1px #CCC solid;
	}

#sidebar{
	width:310px;
	display:block;
	float:right;
	}
	
.sub_menu li a{
	display:block;
	width:235px;
	padding:10px 10px 10px 35px ;
	border-bottom:1px #CCC solid;
	}
.sub_menu li a:hover{
	/* styles in template_style.css */

	}
	
	

	
/********************************************************************************************** Blog */	
.post{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px #CCC solid;
min-height: 220px;
	}
.entry{}
.postmeta .link_one{
	/* styles in template_style.css */
	}
.postmeta .link_two{
	/* styles in template_style.css */
	}
.postmeta .link_one:hover,.postmeta .link_two:hover{
	/* styles in template_style.css */
	}
.clear{
	position:relative;
	display:block;
	width:930px;
	height:10px;
	clear:both;
	}



/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:90%;
	padding:10px;
	margin:0px auto;
	color:#FFF;
	background-color:#2E3138;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm, .wpcf7-form, .wpcf7 { 
	width: 563px;
	background-color:#F9F9F9;
	
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error{
	display:block;
	}
#commentForm input.submit, .wpcf7-form input.submit { 
	width: 120px;
 	background-color:#393939;
 	border: 1px solid #393939;
 	color: #c2ec00;
 	cursor: pointer;
 	padding: 2px 4px 2px 4px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	}
#commentForm input.submit:hover, .wpcf7-form input.submit:hover { 
 	background-color:#000;
 	border: 1px solid #000;
 	color: #e3ff64;
	}	
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	border:0px!important;
	background-color:#F9F9F9!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:330px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	width:342px;
	background-color:#F2F2F2;
	}
table.quote-form textarea{
	width:330px;
	height:200px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#707070;
	}
table.quote-form .submit{
	/* styles in template_style.css */
	}
table.quote-form .submit:hover{
	/* styles in template_style.css */
	}	
	


/********************************************************************************************** Footer */


#footer_wrap{
	margin-top:20px;
	position:relative;
	display:block;
	width:962px;
	}
#top_footer{
	position:relative;
	display:block;
	width:930px;
	padding:20px 1px 20px 31px;
	}
#twitter{
	position:relative;
	display: inline;
	width:419px;
	margin-right:0px;
	float:left;
	padding-right:30px;
	border-right:1px #CCC solid;
	}
#twitter table tr td{
	vertical-align:top;
	}
#twitter table tr td.follow_me{
	width:170px;
	}
#get_connected{
	position:relative;
	display: inline;
	width:420px;
	margin:0px 30px 0px 0px;
	padding-left:30px;
	float:right;
	}



#bottom_footer{
	position:relative;
	display:block;
	width:962px;
	height:90px;
	font-size:12px;
	color: #999;
	margin:-5px 0 0 0; /* IE6 */
	padding:10px 0px;
	background: top no-repeat url('images/footer_bg.jpg');
	}
#bottom_footer a{
	color:#999;
	text-decoration:none;
	}
#bottom_footer a:hover{
	color:#000;
	}
#top_button{
	display:block;
	top:0px;
	left:467px;
	position:absolute;
	width:29px;
	height:17px;
	font-size:9px;
	padding:8px 0 0 0;
	text-align:center;
	background: top no-repeat url('images/top_bt.jpg');
	}
#bottom_footer a#top_button{
	color: #CCC;
	text-decoration:none;
	}
#bottom_footer a#top_button:hover{
	color:#FFF;
	text-decoration:none;
	}
#footer_menu{
	position:absolute;
	display:block;
	padding:1px;
	top:10px;
	right:0px;
	}





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	z-index:		99;
}
.sf-menu {
	line-height:	1.0;	z-index:		99;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			47px; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	font-size:14px;margin-left:15px;
}

.sf-menu a {
	border-right:	0px solid #FFFFFF;
	padding: 		20px 20px 14px 20px;
	text-decoration:none;
	color:#797979;
}

.sf-menu li li a {

		padding: 		10px 10px;
color:#797979;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#797979;
}
.sf-menu li {
	background:	none;

}


.sf-menu li li {
	background:		#D5D5D5;
	border-top:	0px solid #979797;
	border-right:	1px solid #EAEAEA;
	border-left:	1px solid #EAEAEA;
	
}
.sf-menu li li li {
	background:		#D5D5D5;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#000;
	outline:		0;
	background: url(images/menu_li_on.png) repeat-x;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			20px; /* IE6 only 1.05*/
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -20px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_content a.pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_content a.pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_content a.pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_content a.pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_content a.pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_content a.pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded  p.pp_description { color: #fff; }

	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content { background: url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square  p.pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_content a.pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_content a.pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_content a.pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content a.pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_content a.pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_content a.pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_content a.pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_content a.pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_content a.pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
		div.pp_pic_holder #pp_full_res object,
		div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff;
			font-size: 17px;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


.wp-pagenavi {
margin: 15px 30px 0 0;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 8px 4px 8px; 
	margin: 20px 0 0 0;
	text-decoration: none;
	color: #333;
}

.wp-pagenavi a:hover {	
	color: #065800;
	background: url(images/pagenavi_current.jpg) no-repeat;
}
.wp-pagenavi span.pages {
	padding: 4px 8px 4px 8px; 
	margin: 2px 2px 2px 2px;
	color: #FFF;
	background-color: #FFF;
}
.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 
	margin: 20px 0 0 0;
	font-weight: bold;
	color: #333;
	background: url(images/pagenavi_current.jpg) no-repeat;
}
.wp-pagenavi span.extend {
	padding: 4px 8px 4px 8px; 
	margin: 20px 0 0 0;
	text-decoration: none;
	color: #333;
}


/* Lists */

ul.skills{
float: left;
width: 48%;
margin: 5px 1% 20px 1%;
border-bottom: #d4e4e9 3px solid;
list-style: none;
}

ul.skills li{
border-top: 1px dotted;
padding: 5px 0 5px 6px;
font-weight: bold;
display: block;
height: 35px;
}

ul.skills li img{
display: inline;
padding: 1px;
float: left;
clear: both;
margin:	-2px 6px 0 0;
}