/*
    Theme Name: IMPREZZ
    Theme URI: http://www.productivedreams.com/
    Description: IMPREZZ is a wordpress theme by <a href="http://www.productivedreams.com">ProductiveDreams</a>
    Version: 1.0
    Author: Gopal Raju
    Custom tweaks author: Sam Barnes
    Twitter: http://twitter.com/gopalraju
    Author URI: http://www.productivedreams.com/
	Tags: custom header, fixed width, two columns, widgets
*/


/* 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, 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;
	vertical-align: baseline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	color: #232d30;
	line-height: 24px;
	
}
body {
	line-height: 1;
	background: #171b1c url(images/bodybg.jpg) no-repeat fixed center 100px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr{
display: none;
}

/* Layout
--------------------------------------------------------------- */

.primarynav{
height: 40px;
width:1004px;
margin: 0 auto;
position: relative; 
top: 50px;
z-index: 9999;
height: 30px;
}

.primarynav *{

list-style: none;}

.primarynav li.current_page_item a, .primarynav li a.current_page_item {
color: #FFF;
}

.primarynav li.pagenav{
overflow:hidden;
width:545px;
}

.primarynav ul{
top:22px;
left: 0;
list-style: none;
}

.primarynav ul li{
float: left;
list-style: none;
}

/* Stops the sub-navigation menu items/pages showing */
.primarynav ul li ul {
    display: none;
}

.primarynav a{
font-size: 24px;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-transform:lowercase;
color: #3f514a;
padding-right: 25px;
letter-spacing: -1px;
text-decoration: none;
}

.primarynav a:hover{
color: #77959b;
}

.primarynav a.topnav_rss{
background:transparent url(images/rss.jpg) repeat scroll 0 0;
color:#FFFFFF;
padding:0 10px 0 30px;
position:absolute;
right:0;
top:0;
}

.primarynav h2{
display: none;
}

#sidebar{
width:285px;
float: left;
background: transparent url(images/sidebarbg.gif) repeat-y center top;
_margin-left:-18px;
}

#sidebar a:hover{
color: #FFF;
}


#sidebar h1.logo{
width: 250px;
padding: 0px;
margin: 0px auto;
}

#sidebar h1.logo a{
background: url(images/logo.gif) no-repeat center top;
width: 250px;
height: 120px;
display: block;
overflow: hidden;
text-indent: -999px;
border-top:6px solid #111f22;
}

input#submit{
border:1px solid #7BA2AD;
padding: 10px;
font-family: Helvetica, Arial, Verdana, sans-serif;
background: #242f31;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
font-size: 14px;
}

#commentform input#submit{
float: right;

}

#sidebar h2{
padding: 10px 10px 20px 10px;
background: url(images/heads.jpg) no-repeat center;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 18px;
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
}

.narrowcolumn textarea{
border:2px solid #7BA2AD;
width:93%;width:415px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
padding: 5px;
_width:405px;
}


.narrowcolumn h2.pagetitle {
margin-top: 30px;
text-transform: uppercase;
_margin-top:70px;
}

.narrowcolumn #commentform label {
display: block;
float: left;
/*text-align: right !important;*/
width:130px;
}

.narrowcolumn #commentform {
margin: 0px auto;
_margin-left:20px;
overflow: hidden;
height: 1%;
}

.narrowcolumn #commentform label small {
float: right;
}

.narrowcolumn .add_comment h3#respond{
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 20px;
text-transform: uppercase;
padding:10px;
margin: 10px 0px;color: #293538;
border-bottom: 2px solid #293538;
text-align: right;
position: absolute;
top:-10px;
left: 0px;
letter-spacing: -1px;
width: 430px;
}

.narrowcolumn .add_comment{
position: relative;
padding:55px 10px 40px 10px;
margin: 10px 0px;
}

.narrowcolumn #commentform #author, .narrowcolumn #commentform #email, .narrowcolumn #commentform #url{
float: right;
border:2px solid #7BA2AD;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
padding:5px 5px;
width:245px;
}
.narrowcolumn #commentform #author:focus, .narrowcolumn #commentform #email:focus, .narrowcolumn #commentform #url:focus, .narrowcolumn textarea:focus{
background:#FFFFF5;
}

.narrowcolumn #commentform p{
clear: both;
overflow: hidden;
padding: 5px 0px;
height: 1%;
}



.innerpage .post{
padding-top: 40px !important;
}

#sidebar ul li ul li{
border-bottom:1px solid #1F2A2C;
}

#sidebar ul li ul.top_commenters{
margin: 0px auto;
}


#sidebar ul li ul.top_commenters li{
padding-top: 10px;
}

#sidebar ul li ul{
width:80%;
margin: 0px auto;
}

#sidebar ul li ul li{
display: block;
padding-bottom: 10px;
}

#sidebar ul li ul li a{
color: #888d8f;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 13px;
text-decoration: none;
}

#sidebar ul li ul{
margin: 10px auto 0px auto;
}

#sidebar .description{
width:230px;
font-family: Helvetica, Arial, Verdana, sans-serif;
margin: 0px auto;
color: #a8acad;
}

#sidebar .searchfield{
width:250px;
margin: 0px auto;
overflow:hidden;
clear: both;
padding: 5px 0px 3px 0px;
}

#sidebar .searchfield span, #sidebar .searchfield label{
display: none;
} 

#sidebar .searchfield input#searchsubmit{
border: none;
width:100px;
height: 28px;
display: block;
overflow: hidden;
text-indent: -999px;
line-height: 0;
float: left;
background: #0d1618 url(images/search_btn.gif) no-repeat center;
cursor: pointer;
}

#sidebar .searchfield input{
border: none;
color: #ededed;
background: #101c1f;
float:left;
height:16px;
padding:6px;
width:138px;
}

.sidebar-right{
width:175px;
float: left;
padding-top: 70px;
margin-left: 12px;
}

.narrowcolumn, .widecolumn{
float: left;
padding-top:40px;
width:480px;
}

.narrowcolumn .post{
padding-right: 30px;
position: relative;
padding-bottom: 0px;
padding-top: 113px;
_overflow: hidden;
_width: 468px;
}

p.postmetadata{
padding-bottom: 20px;
display: none;
}

.comments a{
text-decoration: none;
font-size: 12px;
text-transform: lowercase;
background: #D0E6EC url(images/comments.gif) no-repeat scroll 99% 50%;
display: block;
margin-left: -15px;
padding-right: 25px;
width:460px;
text-align: right;
margin-bottom: 20px;
}

.narrowcolumn .post .comments a span {
font-size: 12px;
}

.PostHead {
    left:-30px;
    position:absolute;
    top:30px;
}

/* Conditional comment in ie7-fixes.css */
.PostHead h1, .innerpage .post h1 {
    float: left;
    width:370px;
    _width:370px;
    padding-top: 2px;
    padding-left: 11px;
    font-size: 30px;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
}

.innerpage .post h1 {
    float:none;
    padding-left: 0px;
    width:auto;
}

.PostHead h1 a {
    font-size: 30px;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
}

.page-title-wrapper {
    background: transparent url(images/stormtrooper-icon.jpg) no-repeat;
    height: 87px;
    clear: both;
}
.page-title {
    margin: 0px 0px 0px 82px;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
}

.page-title-wrapper-search-results {
    margin: 40px 0px 25px 0px;
    background: transparent url(images/stormtrooper-icon.jpg) no-repeat;
    height: 87px;
    clear: both;
}
.page-title-search-results {
    font-size: 30px;
    margin-left: 82px;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
}

/* Conditional comment in ie-fixes.css */
.page-title-wrapper-archive {
    margin: 40px 0px 0px 0px;
    background: transparent url(images/stormtrooper-icon.jpg) no-repeat;
    height: 87px;
    clear: both;
}
.page-title-archive {
    font-size: 17px;
    margin-left: 82px;
    padding-top: 25px;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
}



#search-results .PostHead {
    width: 450px;
}
#search-results .PostTime {
    margin-right: 5px;
}
#search-results h2 a  {
    text-decoration: none;
}
#search-results h2 a:hover {
    color: #000;
    background: #ACD2DC;
    border-bottom: 1px solid #4B9DB4;
}
#search-results .comments {
  height: 1px;
  font-size: 1px;
}
.search-form .search-button {
    color: #fff;
    background: #c30301;
    border: none;
    font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
    padding: 1px 10px 1px 10px;
}

/* Conditional comment in ie6-fixes.css */
/* Conditional comment in ie7-fixes.css */
/* Conditional comment in ie8-fixes.css */
.PostTime {
    float:left;
    overflow:hidden;
    width:100px;
}
.PostHead small.PostDet, .PostHead small.PostDet a {
    font-size: 12px;
    text-decoration: none;
}

.PostHead small.PostDet {
    clear:both;
    display:block;
    left:10px;
    position:absolute;
    top:-26px;
    height: 23px;
    width:395px;
    overflow: hidden;
    display: none;
}

/* Conditional comment in ie6-fixes.css */
.PostTime b {
    background:#C30301 none repeat scroll 0 0;
    clear:both;
    color:#FFFFFF;
    display:block;
    font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
    font-size:62px;
    font-weight:bold;
    height:54px;
    line-height:58px;
    overflow:hidden;
    padding:0;
    text-align:right;
    width:95px;
    z-index:999; 
}
.PostTime pm, .PostTime am {
    background: #293538;
    color: #FFF;
    padding:0px 2px 0px 0px;
    display: block;
    width:93px;
    left: 0;
    font-size: 14px;
    text-align: right;
}

#page {
    background: transparent url(images/wrapperbg.jpg) repeat-x center top;
    width:959px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px 15px 0px 30px;
    position: relative;
    z-index: 999;
}

.bgimage {
    width:1004px;
    margin: 0px auto;
    background: #FFF url(images/sidebarbg.gif) repeat-y 511px 0px;
}

div.twitter {
    background:#FFFFFF url(images/twitter.gif) no-repeat scroll left top;
    margin-left:-14px;
    overflow:hidden;
    padding-top:10px;
    width:200px;
}

/* Updated by thesambarnes.com to allow for maximum character count Tweets - begin */
div.twitter-content {
    border-top:medium none;
    overflow:hidden;
    padding:0px 15px 0px 27px;
    height: 145px;
}

div.twitter-content *{
font-size: 12px;
line-height: 18px;
width: 100%;
}

div.twitter-content li{
padding-top: 2px;
}

div.twitter-content li span {
    clear: both;
    display: block;
    width:151px;
}
/* Updated by thesambarnes.com to allow for maximum character count Tweets - end */

a.followme {
    display: block;
    width: 175px;
    padding: 0 0 10px 0;
    text-indent: -999px;
    letter-spacing: -1px;
    color: #AB3730;
    text-decoration: none;
}

.sidebar-calls-to-action {
    margin: 20px 0px 0px 0px;
}

img.sidebar-call-to-action{
    margin: 0px 0px 10px 0px;
    clear: both;
}

.google-ads{
width:175px;
overflow: hidden;
padding-top: 20px;
float: left;
display: block;
margin-left: 15px;
}


#sidebar ul.top_commenters li{
float: left;
padding-left: 15px;
}

#sidebar ul.top_commenters li span img{
border: 3px solid #101C1F;
overflow: hidden;
display: block;
width:32px;
height:32px;
}

#sidebar ul.top_commenters li span img:hover{
border: 3px solid #FFF;
}


/* Comments */

/* Conditional comment in ie-6-fixes.css and ie-7-fixes.css */
ol.commentlist li {
    padding: 10px;
    background: #D0E6EC;
    margin-bottom: 15px;
    border: 2px solid #7BA2AD;
    height: 1%;
    border-top: none;
    font-size: 14px;
    clear: both;
}

ol.commentlist li cite a {
font-size: 22px;
font-style: normal;
text-decoration: none;
}

ol.commentlist li p {
    padding-bottom: 15px;
}

.authordiv {
    padding-bottom:25px;
    background: transparent url(images/author.gif) no-repeat left bottom;
    overflow:hidden;
    padding:13px 0px 13px 73px;
    _height: 48px;
}
.authordiv img{
float: left;
border: 2px solid #7BA2AD;
}
li.authorli {
padding: 0px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}

.authordiv cite{
padding-left: 10px;
float: left;
font-size: 13px;
width: 200px;
}

.authordiv small{
float: left;
width:330px;
}

.authordiv small a{
font-size: 13px;
padding-left: 10px;
text-decoration: none;
}

.authordiv cite a {
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/* Conditional comment in ie-fixes.css */
.CommWidth h3#comments {
    background: #242f31;
    color: #FFF;
    padding: 10px;
    margin: 10px auto;
}

h3#respond {
    background: transparent !important;
}

.entry {
    padding: 15px 0px;
}
.entry h2 {
    padding: 10px 0px 10px 0px;
    font-size: 22px;
}
.project h2 {
    clear: both;
    padding: 20px 0px 10px 0px;
    font-size: 22px;
}

.project h2.first {
    padding: 10px 0px 10px 0px;
    font-size: 22px;
}
.entry h2 a {
    font-size: 22px;
}
.entry h3 {
    padding: 10px 0px 5px 0px;
    font-size: 18px;
}
.entry h4 {
    padding: 10px 0px 5px 0px;
    font-size: 16px;
}
.entry p {
    padding-bottom: 20px;
}
.entry p.intro-copy {
    font-size: 20px;
}

.entry a {
    background: #d0e6ec;
    colour: #000;
    text-decoration: none;
    border-bottom: 1px solid #6fb1c3;
}
.entry a:hover {
    color: #000;
    background: #ACD2DC;
    border-bottom: 1px solid #4B9DB4;
}
.entry a:visited {
    
}
.entry ol {
    margin: 0px 0px 0px 20px;
    padding: 10px 0px 25px 15px;
    list-style-type: decimal;
}
.entry ol li {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
}
.entry ol li ol {
    padding-bottom: 1px;
    list-style-type: lower-alpha;
}
.entry ol li ol li {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
}
.entry ul {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 25px 15px;
}
.entry ul li {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 20px;
    background: transparent url(images/square-bullet.gif) no-repeat 0px 8px;
}
.entry ul li ul {
    padding-bottom: 1px;
}
.entry ul li ul li {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 21px;
    background: transparent url(images/square-sub-bullet.gif) no-repeat 0px 10px;
}

.clear{
clear: both;
overflow: hidden;
height: 1%;
}

#footer{
width:100%;
background: #111f22;
padding: 10px 0px;
border-top: 4px solid red;
}

.footerwrap, .footerwrap * {
    width:1000px;
    font-size: 13px;
    margin: 0px auto;
    color: #77959B;
}

.footerwrap a {
    color: #77959B;
}
.footerwrap a:hover {
    color: #fff;
}


.blog-image {
    padding: 5px 5px 30px 5px; 
    background: #5c8Ca8;
}


/* Conditional comment in ie7-fixes.css */
.blog-image-caption {
    margin-top: -27px;
    padding-left: 5px;
    margin-bottom: 20px;
    color: #fff;
}
.blog-image-caption-inside-p-tags {
    margin-top: -47px;
    padding-left: 5px;
    color: #fff;
}
/* Conditional comment in ie-fixes.css */
.blog-image-caption-full-width {
    margin-top: -27px;
    padding-left: 0px;
    color: #fff;
    text-align: center;
}



.full-width-image {
    background: #5c8Ca8;
    margin-bottom: 25px;
    float: left;
}
.full-width-image-with-source {
    background: #5c8Ca8;

    float: left;
}

#projects .full-width-image {
    margin-bottom: 10px;
}

/* Conditional comment in ie-fixes.css */
.blog-image-full-width {
    padding: 5px 5px 5px 5px;
    background: #5c8Ca8;

 }
.blog-image-caption-full-width-in-post {
    color: #fff;
    text-align: center;
}
.blog-image-caption-full-width-in-post-align-left {
    padding-left: 5px;
    color: #fff;
    text-align: left;
    background: #5c8Ca8;
}
.full-width-image p, .full-width-image-with-source p {
   padding-bottom: 5px;
}
.full-width-image p a, .full-width-image-with-source p a {
   padding-left: 22px;
   color: #fff;
   border-bottom: none;
   background: transparent url(images/web-project-screenshots-icon.png) no-repeat 0px 1px;
}
.full-width-image p a:hover, .full-width-image-with-source p a:hover {
   border-bottom: 1px solid #fff;
   color: #fff;
   background: transparent url(images/web-project-screenshots-icon.png) no-repeat 0px 1px;
}

a.back-to-top {
    float: right;
    text-align: right;
    font-size: 12px;
    background: none;
    border: none;
    text-decoration: underline;
    clear: both;
}
a.back-to-top:hover {
    text-decoration: none;
}

.strikethrough {
    text-decoration: line-through;
}
.source-ref {
    display: block;
}
.source-ref a {
    font-size: 10px;
}
.image-source {
    border: 2px solid black;
}
.image-source-ref {
    clear: both;
}
.image-source-ref a {
    font-size: 10px;
}

.cat-item {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    color: #888d8f;
}


/* Wordpress plugin style overrides */

/* Tweet This plugin (.tt) - Removes default link background colour and bottom border */
/* Blog images - Removes default link background colour and bottom border */
/* Conditional comment in ie6-fixes.css */
.entry a.tt, .entry a.blog-link-image {
    background: none;
    border-bottom: none;
}

.subscribe-to-comments {
    float: right;
}

.subscribe-to-comments input {
    margin: 6px 8px 0px 0px;
    float: left;
}
.narrowcolumn #commentform .subscribe-to-comments label {
    width: 305px;
    float: right;
    padding: 0px;
    text-align: right;
}

/* Subscription manager styling */
.subscription-manager-custom {
    float: left;
    margin: 80px 50px 0px 0px;
    width: 428px;
}

.wrap h2 {

}

.wrap p {
    margin-bottom: 20px;
}

/* Conditional comment in ie-fixes.css */
#after-image-note {
    margin-top: 15px;
    float: left;
    clear: both;
}

.underline {
    text-decoration: underline;
}

/* BackType Connect specific styling */
.btc-summary a {
    background:#D0E6EC none repeat scroll 0 0;
    border-bottom:1px solid #6FB1C3;
    text-decoration: none;
}
.btc-summary a:hover {
    background:#ACD2DC none repeat scroll 0 0;
    border-bottom:1px solid #4B9DB4;
    color:#000000;
}

/* JQuery Switcher.js specific styling */
/* Conditional comment in ie-fixes.css */
.hide {
    display: none;
    float: left;
}

/* Conditional comment in ie6-fixes.css */
a.switcher {
    float: right;
    font-size: 12px;
    background: none;
    border-bottom: 1px solid #fff;
    text-decoration: underline;
    cursor: pointer;
}

/* Author bio specific styling */
.author-bio {
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 450px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
.no-about-title {
    padding-top: 20px;
}
.author-bio h4 {
    font-size: 14px;
}
.author-bio img {
    float: left;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}
.author-bio p {
    padding-bottom: 0px;
    font-size: 14px;
}
.beneath-bio-pic-copy {
    clear: both;
    padding-top: 15px;
}
.author-bio p a {
    font-size: 14px;
}
.author-bio ul {
    padding: 0px;
    margin: 0px;
}
.author-bio ul li {
    font-size: 14px;
    background: none;
    padding: 0px;
    margin: 0px;
}
.author-bio ul li a {
    font-size: 14px;
}
.end-of-article {
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

/* Conditional comment in ie-fixes.css */
.end-of-article-section {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* Small icons inside paragraphs */
.teenage-ninja-mutant-turtle-head-lol {
    background: transparent url(images/teenage-ninja-turtle-head.gif) no-repeat 0px 1px;
    padding-left: 35px;
}
.finding-nemo-dory-head-lol {
    padding: 10px 0px 10px 35px;
    background: transparent url(images/web-project-management-mr-grumpy-gills-dory-icon.gif) no-repeat 0px 5px;
}
.pdf-icon-in-copy {
    margin-left: 5px;
    padding: 0px 0px 0px 20px;
    background: transparent url(images/pdf-icon.png) no-repeat 0px 0px;
}
.ryu-small-icon {
    margin-left: 5px;
    padding: 5px 35px 10px 35px;
    background: transparent url(images/ryu-icon-ko.jpg) no-repeat 0px 0px;
}
.sxsw-thumbs-small-icon {
    margin-left: 2px;
    padding: 0px 0px 10px 32px;
    background: transparent url(images/sxsw-thumbs-up.gif) no-repeat 0px 0px;
}

.video {
    margin-bottom: 25px;
}

/* Warning announcement */
.warning {
    background: #FEBFBE url(images/warning.jpg) no-repeat 7px 3px;
    border: 3px solid #fe7371;
    margin-top: 20px;
    margin-bottom: 25px;
    width: 454px;
}
.warning p {
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    margin-left: 80px;
    line-height: 20px;
}
.warning p.warning-title {
    padding: 5px 0px 3px 0px;
    font-weight: bold;
    font-size: 15px;
}

.quote {
    padding: 20px 0px 20px 70px;
    margin: 0px 0px 20px 0px;
    background: transparent url(images/quote-graphic.gif) no-repeat 5px 20px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.quote-no-bottom-line {
    padding: 20px 0px 20px 70px;
    margin: 0px 0px 20px 0px;
    background: transparent url(images/quote-graphic.gif) no-repeat 5px 20px;
    border-top: 1px dotted #ccc;
}

/* Web Project Manager Interview styles */

/* Conditional comment in ie6-fixes.css */
/* Conditional comment in ie7-fixes.css */
/* Conditional comment in ie8-fixes.css */
#web-pm-interview h2 {
    margin-top: 30px;
    padding-left: 5px;
    text-transform: uppercase;
    background: #C30301;
    clear: both;
    color: #fff;
}

/* Conditional comment in ie7-fixes.css */
/* Conditional comment in ie8-fixes.css */
#web-pm-interview h3 {
    margin-top: 30px;
    padding: 10px 10px 15px 5px;
    color: #000;
    background: #D0E6EC;
    font-weight: normal;
}

/* Conditional comment in ie7-fixes.css */
/* Conditional comment in ie8-fixes.css */
#web-pm-interview h3.first {
    margin-top: 0px;
}
#web-pm-interview p {
    padding: 10px 0px 20px 5px;
}
#web-pm-interview p.last {
    margin-bottom: 20px;
}
#web-pm-interview .blog-image-caption-full-width-in-post {
    padding-top: 0px;
    padding-bottom: 5px;
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
    width: 400px;
    margin-left:-16px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 3px solid #D0E6EC;
	padding: 3px 5px;
	margin: 2px;
    background: #D0E6EC;
    color: #000;
}

.wp-pagenavi a:hover {
    text-decoration: underline;
}

.wp-pagenavi span.current {
	font-weight: bold;
    background: #FF0000;
    font-size: 24px;
    border-color: #FF0000;
    color: #fff;
}