/*  
Theme Name: Coffee Break
Version: 1.0.4
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

body {
	background:#fff;
}

a { color: #2882c1; }

/* MyStyles */

#featured-home h2 {
	margin:0px;
	padding:0px 0px 1px 0px;
	position:relative;
	top:-40px;
	width:185px;
	border-bottom:1px solid #000;}


#featured-head {
	margin:0px;
	height:36px;
	width:210px;
	background:url(http://www.johnpia.com/images/featuredhead.png);
	position:relative;
	top:-32px;
	left:-5px;
}

#featured-home {
	width:263px;
	float:left;
	margin-left:20px;

	position:relative;
	top:10px;
}

#featured-home img {
	border:5px solid #06C;
	margin:0px;
	position:relative;
	top:-33px;
}
	

#me {
	float:left;
	position:relative;
	left:5px;
	top:20px;
	width:568px;
	height:205px;
	border:5px solid #136dc2;

}

#newhome-top {
	width:100%;
	height:200px;
	padding:0px;
	float:left;
}

#whoami {
	margin:0px;
	padding:8px 8px 0px 8px;
	height:40px;
	width:230px
}

#service-head {
	margin:0px;
	padding:8px 8px 0px 8px;
	height:28px;
	width:200px;
	background:url(http://www.johnpia.com/images/servicehead.png);
	position:relative;
	top:-5px;
}


#newhome-top p {
	padding:5px;
	text-indent:none;
}

#newhome-top-right {
	float:left;
	margin-left:5px;
	width:100%;
	height:200px;
	background-color:#000;
}


#service-home {
	width:295px;
	float:left;
	height:420px;
	border-right:1px groove #000;
	position:relative;
	top:-20px;


}

#service-block {
	width:272px;
	height:80px;
	margin:6px 0px 6px 0px;
	float:left;

}

#service-block img {
	border:5px solid #333;
	position:inherit;
	opacity:.7;
	filter:alpha(opacity=70);
	
}

#service-block img:hover {
	
	position:inherit;
	opacity:1;
	filter:alpha(opacity=100);
}

#wrap {
	width:100%;
	background:url(images/background-wrap.jpg);
	background-repeat:repeat;
}

#newport-job {
	width:370px;
	padding:10px 0px 10px 10px;
	height:270px;
	float:left;
	background:url(http://www.johnpia.com/images/portbg.jpg);
	margin:12px;
	border:4px dashed #124c74;
}

#newport-job img {
	float:left;
	margin-left:0px;
	border:6px solid #549ba9;
	padding:0px;
}

#newport-topright {
	width:155px;
	float:right;
	margin-right:18px;
	line-height:20px;
}

#newport-dis {
	float:left;
	width:345px;
	position:relative;
	top:-40px;
	
}

#newport dis p {
	font-size:10px;
	text-indent:10px;
}

	

#listjobs {
margin-bottom:40px;
text-align:center;
}

# listjobs img {
margin-right:5px;
}

#listjobs li {
list-style:none;
float:left;
text-indent:3px;
text-align:center;
display:inline-block;
font-weight:bold;
text-align:left;
margin-top:-10px;
margin-bottom:10px;
margin:left:0px;
margin-right:30px;
}


#listjobs ul {
list-style:none;
float:left;
text-indent:3px;
text-align:center;
display:inline-block;
font-weight:bold;
text-align:left;
margin-top:-10px;
margin-bottom:10px;
margin:left:0px;
margin-right:30px;
}



#job h1 {
float:left;
margin-top:60px;
padding:0px;
font-size:24px;
font-family:calibri;
}

#job img {
border: 8px solid #71abd4;
}

#job img:hover {
border: 8px solid #104a73;
}

#portfolio-left {
width:60%;
float:left;
}

#portfolio-right {
width:30%;
float:right;
background-color:#000;
height:300px;
}

.done {
font-size:11px;
color:#fff;
line-height:25px;
font-weight:bold;
font-family:Georgia;
letter-spacing:3px;
text-indent:5px;
}

.done li {
list-style:none;
}


#service {
width:98%;
text:align:left;
background-color:#eae9e9;
margin:0px 0px 15px 0;
padding:5px;
border: #aaaaaa 1px dashed;
}

#service h2 {
margin:0px;
font-style:italic;
position:relative;
top:10px;
height:20px;
padding:10px 0px 0px 10px;
font-size:22px;
font-family; georiga;
}

#service h3 {
margin:0px;
padding: 0px;
text-indent:12px;
font-size:14px;
font-family; calibri;
}

#service p {
padding: 15px;
margin:0px;
}

#aboutcontent { 
width:100%;
float:left;
}

#twitterbutton {
width:190px;
float:left;
margin: 30px 35px 0px 65px;
}


#twitterbutton img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding:10px;
border: #aaaaaa .2em dashed;
}

#twitterbutton img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border: #909090 .2em dashed;
}


#resumebutton {
width:190px;
float:left;
margin: 30px 0px 0px 25px;
}


#resumebutton img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding:10px;
border: #aaaaaa .2em dashed;
}

#resumebutton img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
border: #909090 .2em dashed;
}

#headtwitter {
	float:right;
}
	

#headtwitter img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;

}

#headtwitter img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;

}


#portjob {
width:700px;
float:left;
height:200px;
margin:10px 0px 50px 0px;
border: 10px solid #0d4770;
}

#portjobs img {
text-align:center;
}





/* Containers */

.content { width:860px; margin:0 auto; padding:0;}
#top { background:url(images/bg-top-tile.gif) repeat-x top left; border-bottom:1px solid #333128; }
#top .content { background:url(images/bg-top.png) no-repeat top center; }
#main-content {	background: url(images/background-wrap.jpg) repeat-x top left; padding:40px 0 25px; }
#footer { background: #e1e1e1 url(images/bg-footer-top.gif) repeat-x top left; padding: 25px 0 14px 0; margin-top:25px; }

/* Header */

#header {
	width: 960px;
	height: 250px;
	clear: both;
	position: relative;
	left:-30px;
	background:url(http://www.johnpia.com/images/header1.jpg) no-repeat;
}

#header h1 { display: none; }

#header img.logo { float:left; }

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	float:left;
}
#nav { margin-top:223px;
position:relative;
left:160px;}

#nav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	letter-spacing:1px;
	text-transform:none;
	font-weight:bold;
	display: block;
	line-height: 28px;
	padding: 0 10px;
}
#nav a { color: #c0baa5; }
#nav a:hover, #nav li.current_page_item a{ color:#fff; background:#3f3a2b;}

#nav li { float: left; }

/* Style drop down list */

#nav li ul { position: absolute; width: 172px; left: -999em; z-index: 99999; }
#nav li ul li {	position:relative; z-index:999; border: 1px solid #2a2a2a;  background: #FFF; }
#nav li ul li:hover {	border:none; }
#nav li ul li a { line-height: 25px; font-size: 11px; width: 150px; }
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li.current_page_item ul li a { color:#c0baa5; background:#fff; border:none;}
#nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a:hover { color:#fff; background:#3f3a2b; border:none;}
#nav li.current_page_item ul li a { color:#c0baa5; background:#fff; border:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Featured / Slider */

#featured { background:#adc042 url(images/bg-slider-bot.png) repeat-x left bottom; border-top:1px solid #c9e044; border-bottom:1px solid #99aa3a; height:100px;  }
#featured #page-title { position:relative; }
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }
.container { position:relative; height:320px; width:860px; overflow:hidden; margin:0 auto; z-index:0;}
.container div { z-index:0; position:absolute; top:0; left:0; padding:0; width:860px; }
.container div div {  z-index: auto; position:static; padding:0px;width:auto; }
#loopedSlider { width:960px; margin:0 auto; padding-top:40px;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:120px; left:0px; }
#loopedSlider li#n { position:absolute; top:120px; right:0px; }

#featured h2 { color:#fff; font-size:40px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }
#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#333; line-height:20px; }

/* Homepage */
.home h3 { padding: 0; }
.home .feature { margin-left:65px; }
.home img.home-icon { float:left; padding:0; }

/* Main Content (style) */

#main {	width:590px; }
#main-full { width:100%; }
#main p, #main ul, #main ol { font-size:14px; }
#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 18px; }
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
	border-left:2px solid #777777;
	color:#f2f2f2;
	font-style:italic;
	margin:5px auto 15px;
	padding:0px 10px;
	width:85%;
}

/* Main Content () */

#main . { padding:0 5px 25px 0; }
#main .-title {	width: 960px; position: relative; }
#main .-title h2, #main .-title p.-details, #main .-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.-details { line-height: 18px; margin-top: -10px; position: relative; }
#main p.-details a { text-decoration: none; }
#main p.-details a:hover { text-decoration: underline; }
#main p.-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0 1px
}
#main . h4 { margin-top: 1px; clear: both; width: 100%; }
#main . h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#main . h4.continue a:hover {background: #9fb26a;}
#main . img.thumbnail {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:5px;
}
#main . img.gallery { margin:0 7px 7px 0; }
#main h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}

/* Main Content (advert 468x60) */

#main .advert_468x60 {
	background-color:#EDEDED;
	padding:12px 0;
	margin: 5px 0 25px 0;
	text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

/* Main Content (>single) */

#main p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #main .advert_468x60 {margin: 15px 0 0px 0;}
#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}
#comments #comments_wrap {padding: 0; position: relative; margin:20px 0;}
#main . #comments ol, #main . #comments ul { background:none; border:none; padding:0; }
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; }
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
#comments ol.commentlist img.avatar { float:right; border:1px solid #e4e4e4; padding:4px; background:#fff; }
#comments ol.commentlist .user-meta { font-size:12px; margin-bottom:10px; }
#comments ol.commentlist .user-meta .name,
#comments ol.commentlist .user-meta .name a { font-size:16px; text-decoration:none;  }
#comments ol.commentlist .comment-entry { padding-right:80px;  }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }
#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #EDEDED 5px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside{width:110px;float:left;position:relative;overflow:hidden;min-height:70px;}
#comments .comment .col-right{min-height:70px;background:#fff;border:#EDEDED 1px solid;margin-left:100px;float:none;padding:10px 20px;}
* html #comments .comment .col-right{height:100px;}
#comments .comment span.reply{float:right;font-size:11px;padding:3px 3px 0;}
#comments .comment span.reply a{text-decoration:none;color:#aaa;}
#comments ul.children{margin:15px 0 0;padding:0;}
#comments ul.children li{border-top:1px solid #e3e3e3;margin:20px 0 0 0;padding:20px 0 0 25px;}
#comments .navigation .alignright,#comments .navigation .alignleft{margin:0;}
#comments .navigation a{display:block;font-weight:700;margin:15px 0;padding:5px 0;}
#comments .commentlist p{padding:0 0 10px;}
#comments #respond{margin-top:15px;}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments #respond .input{background:#f6f6f6;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;padding:5px;}
#comments .commentlist .thread-even #respond .input{background:#fff;}
#comments #respond label{padding-left:5px;}
#comments ul.children li ul.children,#comments .commentlist{padding:0;}
#comments #submit {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}


/* Sidebar */

#sidebar{width:260px;overflow:hidden;}
#sidebar h3{border-bottom:1px dashed #ccc;font:12px uppercase Georgia, serif;font-weight:bold;text-transform:uppercase;color:#555;letter-spacing:1px;margin:5px 0;padding:0 0 15px;line-height:24px;}
#sidebar ul{clear:both;}
#sidebar ul li a{color:#636363;}
#sidebar a:hover,#sidebar .current-cat a,#sidebar li.active a{color:#000;}
#sidebar ul li .meta{display:block;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#878787;font-weight:normal;text-transform:uppercase;}
#sidebar .block{background:#fcfcfc;border:1px solid #e9e8e8;padding:15px;}
#sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;}
#sidebar .block .inside ul{padding:0;}
#sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;}
#sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;}
#sidebar ul,#sidebar .textwidget{clear:both;padding:5px 0;}
#sidebar .widget{margin-bottom:25px;}
#sidebar li{line-height:18px;overflow:hidden;padding:5px 0 0 0px;}
#sidebar ul ul{border:0;margin:3px 0 0;padding:0;}
#sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;}

#sidebar #news h3 { background:url(images/ico-news.png) no-repeat left 3px; padding-left:32px; }
#sidebar #news li {background:url(images/ico-bullet.png) no-repeat left 10px;padding:5px 0 0 15px;}

#sidebar .widget_twitter { position:relative; font-size:14px; }
#sidebar .widget_twitter h3 { background:url(images/ico-twitter.png) no-repeat left top; padding-left:32px; }
#sidebar .widget_twitter a { color:#2882c1; font-size:14px; }
#sidebar .widget_twitter .follow { position:absolute; right:15px; top:25px; }
#sidebar .widget_twitter .follow a { font-size:12px; font-style:italic;}

#newsletter h3, #feedburner h3,#campaignmonitor h3 { background:url(images/ico-letter.png) no-repeat left 0px; padding-left:32px; }
#newsletter form, #feedburner form, #campaignmonitor form {margin-top:15px;}

#newsletter .field, #feedburner .field, #campaignmonitor .field {background-color:#F2F2F2;border:1px solid #CBD1D2;color:#999; font-size:11px;}
#newsletter .field, #feedburner .field, #campaignmonitor .field {display:block;float:left;height:19px;margin:0 4px 0 0;padding:5px 0 0 5px;width:170px;}
#newsletter .button, #feedburner .button, #campaignmonitor .button {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}
#newsletter .button, #feedburner .button, #campaignmonitor .button {cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}

#tag_cloud h2{display:block;float:none;}
.textwidget{clear:both;line-height:20px;padding:5px 2px;}
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th{color:#fff;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#wp-calendar a{text-decoration:underline;}
#wp-calendar a:hover{text-decoration:none;}
#sidebar #search_main form div{position:relative;height:33px;background:#F2F2F2;border:1px solid #CBD1D2;}
#sidebar #search_main input.field{width:163px;position:absolute;left:12px;top:7px;padding-top:2px;outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#777;border:0;background:transparent;z-index:1;}
#sidebar #search_main input.submit{position:absolute;right:0;top:0;z-index:1;}

/* Sidebar (flickr) */

#flickr h3 span { color: #0061D8; }
#flickr h3 span span { color: #FF1183; }
#flickr .wrap {	margin-left: -5px;	padding: 0;	position: relative;	}
#flickr a img {	float: left; margin-left: 5px;	margin-bottom: 5px;display: block;	padding: 3px;background: #fff;border: #CECFC6 1px solid; }
#flickr a:hover img {border: #A8AA99 1px solid;}

/* Footer */

#footer img {vertical-align: middle;}
#footer .col-right span {display: none;}
#footer .col-left { width:540px; padding:0px; background:url(images/footer-bevel.gif) repeat-y top right; }
#footer .col-left a {font-size:14px; font-family:calibri; text-align:center; letter-spacing:3px;}
#footer .col-left h1 { font-family:calibri;}
#footer .col-left a:hover {font-weight:bold;}
#footer .col-right { width:280px; }
#leftfootwrap {width:100%; float:left;}

#leftfoot1 { width:48%; display:block; text-align:left; float:left; margin-left:1px; position:relative; top:-14px;}

#leftfoot1 li { display:block; line-height:22px; }

#leftfoot1 ul { position:relative; top:-15px; font-size:10px;}

#leftfoot1 h2 { 
padding:0px; 
display:block;
margin:0px; 
color:#144a70;
font-family:calibri;
font-size:18px;
position:relative; 
top:-17px;}

#aboutsite { width:100%; display:block; text-align:left; float:left; margin-left:1px; position:relative; top:-25px;}

#aboutsite h2 { padding:0px; display:block; margin:0px; font-family:calibri; font-size:16px; position:relative; top:-17px;}
/* Misc */

a.button {
    background: url(images/btn-slider-right.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 46px; 
	margin-right: 6px;
	padding-right: 13px; 
	text-decoration: none;
	color: #3e3e3e;
	font-family: Georgia;
	font-size:18px;
}
a.button span {
	float:left;
	background: url(images/btn-slider.png) no-repeat; 
	display: block;
	line-height: 46px; 
	padding: 1px 5px 5px 18px;
} 
a.button:hover span{ text-decoration:underline; }
span.middle { float: left; padding: 13px 13px 13px 9px; }

div.hr { background:url(images/hr.png) repeat-x top left; height:1px; margin:15px 0; }
#footer div.hr { background:url(images/hr-footer.png) repeat-x top left; height:1px; margin:15px 0; }

/* Custom styles */
@import "custom.css";