/*
Theme Name: Paul
Description: Paul Maloney theme
Author: Paul Maloney
Author URI: http://paulmaloney.net

*/

html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }




body {
background: #fff;
color: #666666;
margin:0;
padding:0;
font: 13px Helvetica, Arial, Verdana, sans-serif;
}

a {color: #2984d9;text-decoration:none; outline:none;}
a:hover {color:#666666;text-decoration:none; outline:none;}

img {border:0;}

h1 {font: 24px Helvetica, Arial, Verdana, sans-serif; margin: 5px 0 10px 0; padding:0; color:#666666;} 

h2 {font: 26px Helvetica, Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding:0; font-weight:bold; color:#666666;}

h3 {font: 20px Helvetica, Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding:0; font-weight:bold; color:#666;}

h4 {font: 15px Helvetica, Arial, Verdana, sans-serif; margin: 15px 0 10px 0; padding:0; font-weight:bold; color:#666;} 

h5 {font: 20px Helvetica, Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding:0; font-weight:bold; color:#666;}

#header {width: 997px; margin:0 auto; height: 70px; padding: 20px 0 20px 0;}

#logo {
float:left; 
width: 315px; 
height: 84px; 
border:0;
}

#logo a {
display:block;
width: 421px; 
height: 84px; 
border:0;
background: url("images/images.jpg") no-repeat;
cursor:pointer;
background-position: 0 0 0 0;
}

#logo a:hover {
width: 421px; 
height: 84px; 
border:0;
background: url("images/images.jpg") no-repeat;
cursor:pointer;
background-position: -422px 0;
}


#nav {float:right;  height: 70px; padding: 0; margin: 0; font: 15px Helvetica, Arial, Verdana, sans-serif; color:#666666;}

#nav a {color:#666666; margin: 0 0 0 40px; padding:0; line-height: 75px; font-weight:bold;}

#nav a:hover {color:#2984d9; margin: 0 0 0 40px; padding:0; line-height: 65px; font-weight:bold;}


.hello {font:22px Helvetica, Arial, Verdana, sans-serif; color:#666666; font-weight: bold; margin: 10px auto;width:997px;text-align:center;}
span.hellob {font:22px Helvetica, Arial, Verdana, sans-serif; color:#2984d9; font-weight: bold;}

span.av {font:17px Helvetica, Arial, Verdana, sans-serif; color:#666666; font-weight: bold;}
span {font:13px Helvetica, Arial, Verdana, sans-serif; color:#2984d9;font-weight: bold;}
span.botright {margin: 10px 0 0 0;}
span.wu {font:26px Helvetica, Arial, Verdana, sans-serif; color:#2984d9;font-weight: bold;}



#text {border:0; margin: 10px auto; width:997px; color:#666; background: #fff url('dbg.jpg');}

#textin { width:997px; margin: 0 auto; padding: 10px;}
.bigk {font: 26px Helvetica, Arial, Verdana, sans-serif; margin: 0 0 10px 0; padding:0; font-weight:bold; color:#2984d9;}

#container {
width: 997px;
color: #666666;
margin:0 auto;
text-align:left;
}

span.and {padding:1px; font: 13px Helvetica, Arial, Verdana, sans-serif;font-weight: bold; color:#666666;}
span.clear {background:#666666; padding:1px; color:#fff; font: 13px Helvetica, Arial, Verdana, sans-serif;font-weight: bold;}
span.loud {background:#666666; padding:1px; color:#fff; font: 13px Helvetica, Arial, Verdana, sans-serif;font-weight: bold;}

.clearer {clear:both;}

.bot {width: 997px; padding: 5px 0 5px 0;}
.botleft {float:left; width: 479px; margin: 0 20px 0 0; padding: 0 0 15px 0;}
.botright {float:left; width: 478px;margin: 0 0 0 20px;padding: 0 0 15px 0;}


.botleft p {margin:20px 0 0 0; padding:0;}
.botright p {margin:20px 0 5px 0; padding:0; font-style:italic;}



span.client {font:14px Helvetica, Arial, Verdana, sans-serif; color:#666666; margin: 0; padding: 0;font-weight: bold;}


.rightl {float:left; width: 24px; margin: 0 10px 0 0; vertical-align:middle;}
.rightr {float:left; vertical-align:middle;}

#footer {padding: 5px 0 5px 0; font: 13px Helvetica, Arial, Verdana, sans-serif; color:#666666; margin: 0 0 20px 0;}
#footercont {width:997px; margin:0 auto;}
#footerl {float:left;}
#footerr {float:right;}


#footer a {color: #2984d9;text-decoration:none;font-weight: bold;}
#footer a:hover {color:#666666;text-decoration:none;font-weight: bold;}

.work {width: 997px; padding: 0 0 10px 0; margin: 20px 0 20px 0;}
.workl {float:left; width: 550px; margin: 0 20px 0 0;}
.workl img {border:0;}
.workr {float:left;width: 427px}
.workr a {font-size: 15px; font-weight:bold;}

.workml {float:left; width: 150px; margin: 0 20px 0 0;}
.workmr {float:right;width: 790px; }
.workmr img {border:0; margin: 0 10px 10px 0;}





.line {
border:0;
margin: 10px auto; 
width:997px;
height: 25px;
background: url("images/images.jpg") 0 0 no-repeat;
background-position: 0 -84px;
}







/*comments*/

#comments { float: left; margin-bottom: 15px; width: 674px; }
.commentlist { float: left; position: relative; width: 640px; }
.commentlist li { list-style: none; margin: 0; }
.commentlist li li { margin-left: 50px; }
.commentlist .comment-body, .postContainer li li.even .comment-body { background: #f4f4f4; -moz-border-radius: 8px; border-radius: 8px; clear: both; margin: 0 0 15px 70px; padding: 10px; position: relative; }
.commentlist li.odd .comment-body { background: #f8f8f8; }

.comment-author img { border: 3px solid rgb(222, 221, 217); border: 3px solid rgba(222, 221, 217, .9); float: left; margin: -10px 0 0 -120px; padding: 4px; }
.commentlist li.odd .comment-author img { border: 3px solid #f4f4f4; border: 3px solid #f8f8f8; float: left; margin: -10px 0 0 -120px; padding: 4px; }

.commentlist .comment-body p { font-size: 13px; }
.commentmetadata {  position: absolute; right: 10px; top: 10px; }
.even > div .says, .odd > div .says { border-color: transparent #f4f4f4 transparent transparent; border-style: solid; border-width: 10px 20px 10px 0; height: 2px; left: -20px; position: absolute; text-indent: -10000px; top: 25px; width: 0; }

.odd > div .says { border-color: transparent #f8f8f8 transparent transparent; }
.commentlist a { color: #2984d9; margin-bottom: 15px; text-decoration: none; }
.commentlist a:hover { color: #999; margin-bottom: 15px; text-decoration: none; }
.commentlist .fn { font-weight: bold; }
.commentlist .comment-meta a { font-size: 12px;}

#respond { float: left; }
#respond h3 { margin-top: 20px; clear: both; }
#commentform small { margin: 0; padding: 0; font-style: normal; font-weight: bold; border: none; background: none; font-size:12px;}
#commentform p { float: left; width: 60%; }
.subscribe-to-comments { float: left; clear: none !important; font-size: 12px; padding-left: 15px; }
#commentform textarea { width: 100%; min-width: 500px;}
#commentform input[type=text] { width: 60%; border: 1px solid #ccc; margin: 5px 0 0 0; padding:2px;}



.comment-reply-link {padding: 3px; background: #2984d9; font: 14px Helvetica, Arial, Verdana, sans-serif;color:#fff;}
.comment-reply-link:hover {padding: 3px; background: #666; font: 14px Helvetica, Arial, Verdana, sans-serif;color:#fff;}
.comment-reply-link a {color:#fff;}
.reply a {color:#fff;}
/*end comments*/


#left {float:left; width: 680px; margin: 0 27px 0 0;color:#666;}
#sidebar {float:right; width: 290px; margin: -25px 0 0 0; padding:0;}

.article {width: 680px; margin: 0 0 30px 0;color:#666;}
.meta {height: 20px; padding: 5px 0 3px 0; color:#666;}
.meta a {color: #2984d9; font-weight: bold;}
.meta a:hover {color: #666; font-weight: bold;}

.content {margin: 10px 0 10px 0;color: #666;}
.content p {color: #666;}
.content img {border:0;}
.read {background: #2984d9; color:#fff; padding:5px; width: 74px; font-size: 15px; font-weight: bold;}
.read:hover {background: #666; color:#fff; padding:5px; width: 74px; font-size: 15px; font-weight: bold;}
.read a {color: #fff;}
.read a:hover {color: #fff;}


/** Form **/

.wpcf7-form {width: 500px;}
.wpcf7-form p {margin: 10px 0 10px 0; padding: 0; color: #666; font-weight:bold;}

.wpcf7-text {
    width: 100%;
    display: inline;
    float: left;
    margin: 10px 0 10px 0;
}
 
 
input, textarea, select, div.selector, div.uploader  {
    width:100%;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    padding: 6px 6px;
    color: #999999;
    border: 1px solid #d9d9d9;
    outline: none;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 10px 0 10px 0;
    box-shadow: 0 10px #eee inset;
    -moz-box-shadow: 0 0 10px #eee inset;
    -webkit-box-shadow: 0 0 10px #eee inset;
    -ms-box-shadow: 0 0 10px #eee inset;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}
 
input:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0px 0px 5px #bfdeff;
    -moz-box-shadow: 0px 0px 5px #bfdeff;
    box-shadow: 0px 0px 5px #bfdeff;
}
 

select {
    padding: 6px 6px;
}
 
textarea {
    overflow: hidden;
}
 
.wpcf7-form-control-wrap {
    color: #666;
    text-align: left;
    font: 16px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
}
 
.wpcf7-submit {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: left;
    padding: 6px 3px;
    height: 36px;
    cursor: pointer;
    width: 96px;
    background: #FBFBFB; 
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); 
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}
 
 
#form-title {
    padding: 12px;
}
 
#form-title h2{
    margin-bottom:0;
}
 

 
.error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position:relative;
    top:-1px;
}
 
 

.loading-text{
    position:relative;
    top:-3px;
}
 
 

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
 
.option{
    margin:6px 0;
}

html .clearfix,
:first-child+html .clearfix {
    zoom: 1;
}

/** End Form **/

.getin {margin: 10px 0 10px 0;}

.getinl {float: left; width: 550px; margin: 0 20px 0 0;}
.getinr {float: left;}
span.getinc {font-weight:bold; color:#666;}
.getinr a {color: #2984d9;text-decoration:none;font-weight:bold;}
.getinr a:hover {color:#666666;text-decoration:none;font-weight:bold;}




.ssform {margin: 18px 0 5px 0;}
.ssforml {float:left; margin: 12px 5px 0 0; vertical-align:middle;}
.ssformr {float:right;vertical-align:middle;}
.field {
width: 183px;
margin:0;
padding:8px 3px 7px 3px;
}

ul {list-style:none; margin: 5px 0 10px 0; padding:0;}
li {list-style:none; margin: 5px 0 5px 0; padding:0;}
#searchform {margin:0; padding:0;}


.wp-pagenavi {
	clear: both;
margin: 5px 0 10px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #999;
	padding: 3px 5px;
	margin: 2px 2px 2px 0;
font-weight: bold;
 box-shadow: 0 10px #eee inset;
    -moz-box-shadow: 0 0 10px #eee inset;
    -webkit-box-shadow: 0 0 10px #eee inset;
    -ms-box-shadow: 0 0 10px #eee inset;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #999999;
border: 1px solid #d9d9d9;
font-weight: bold;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


#slider-wrapper {
    width:997px;
    height:320px;
    margin:0 auto;
}


#slider {
position:relative;
width:997px;
height:300px;
background:url(images/loading.gif) no-repeat 50% 50%;
margin: 25px 0 10px 0;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}



.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}