/*
Theme Name: JimmyClean
Theme URI: http://littleredbird.com
Description: Jimmy Clean Website Theme
Version: 1.0
Author: David Wimbley
Author URI: http://littleredbird.com
*/

/* ----- FIXES ----- */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

:focus {
    outline: 0;
}

body{
background: url("../images/background.png") repeat scroll 0 0 #fff;
height: 100%;


}

/*ol, ul {list-style: none;}*/

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}

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

.left, #left, .alignleft, .Left{
	float: left;
	display: inline;
}

.right, #right, .alignright, .Right{
	float: right;
	display: inline;
}





/* ----- GENERAL ----- */

.Clear{
clear:both;
}

h1, h1 a{
font-size: 30px;
text-decoration:none;
padding:0;
margin:0;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

h4{
font-size:19px;
}

h5{
font-size:17px;
}

p, body{
font-size:12px;
font-family: 'Tahoma', 'Arial', san-serif;
line-height:21px;
}

a:link, a:hover, a:visited{
text-decoration:none;
}

ul, ol{
margin:0 0 0 30px;
}

/* Begin Shortcodes */
blockquote,
blockquote p{
font-size:18px;
font-style:italic;
line-height:1.3em;
font-family:times;
}

blockquote{
background: #f2f2f2 url('images/quote-start.png') top left no-repeat;
margin:0 0 15px 0;
}

blockquote p,
.entry blockquote p{
background: url('images/quote-end.png') bottom right no-repeat;
padding:5px 25px 7px 25px;
}

blockquote.blockquoteLeft{
display:inline;
width:40%;
float:left;
margin:10px 10px 10px 0;
}

blockquote.blockquoteRight{
display:inline;
width:40%;
float:right;
margin:10px 0 10px 10px;
}

.red{
	border:1px solid #CF2619;
border-left:10px solid #CF2619;
	background: #FFC4BF url('images/shortcodes/red_alert.png') no-repeat top left;
	background-position:7px 7px;
	padding:5px 10px 5px 39px;
	color:#B52116;
	margin:0 0 15px 0;
}

.green{
	border:1px solid #1EB516;
border-left:10px solid #1EB516;
	background: #C2FFBF url('images/shortcodes/green_plus.png') no-repeat top left;
	background-position:7px 7px;
	padding:5px 10px 5px 39px;
	color:#188F11;
	margin:0 0 15px 0;

// text-indent:30px;
line-height:1.6em;
}

.yellow{
	border:1px solid #FFF04F;
border-left:10px solid #FFF04F;
	background: #FEFFBF url('images/shortcodes/yellow_textbox.png') no-repeat top left;
	background-position:7px 7px;
	padding:5px 10px 5px 39px;
	color:#AFA000;
	margin:0 0 15px 0;
margin:0 0 15px 0;
}

.blue{
	border:1px solid #0B72BF;
	border-left:10px solid #0B72BF;
	background:#BFE4FF url('images/shortcodes/blue_check.png') no-repeat top left;
	background-position:7px 7px;
	padding:5px 10px 5px 39px;
	color:#0760A2;
	margin:0 0 15px 0;
}

xmp.xmpCustom{
border:1px dotted #777;
padding:5px 10px;
margin:0 0 15px 0;
}

.lightbox{
padding:0 0 15px 0;
margin:0;
}

.lightbox img{
float:left;
margin-right:8px;
}
/* End Shortcodes */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

.entry img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.entry img.alignright {
padding: 4px;
margin: 10px 0 2px 15px;
display: inline;
}

.entry img.alignleft {
padding: 4px;
margin: 10px 15px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.aligncenter{
display:block;
margin:0 auto;
}
/* End Images */






/* ----- STRUCTURE ----- */


#wrapper-container-outer{
width: 960px;
height: 100%;
margin:0 auto;
}

#wrapper-container{

}

#wrapper-container-inner{
width:960px;
margin:0 auto;

}

/*--- Header --*/
#header-container{
height: 118px;



background: #f34d23;
}

#header-container #header{
height: 118px;
margin:0 auto;
width:960px;
}

#header-container #header #logo,
#header-container #header #logo a,
#header-container #header #logo a img{
float:left;
padding:0;
margin:0;
}

#header-container #header #nav{
float:right;
height:20px;
}

/*--- Content --*/
#content{
width:960px;
margin:0 auto;
padding:35px 0 25px 0;
background: url('images/header_shadow.png') center top no-repeat;
}

#content-portfolio{
width:960px;
position:relative;
left:40px;
padding:35px 0 25px 0;
background: url('images/header_shadow.png') top left no-repeat;
}

#content-homepage{
width:960px;
margin:0 auto;
}

#homepage-header-shadow{
background: url('images/header_shadow.png') center top no-repeat;
height:30px;
width:960px;
margin:0 auto;
}

#content #narrowcolumn{
width:630px;
}




/* ----- SIDEBAR -----*/
#content #sidebar{
width:200px;
float:right;
padding: 0 20px 20px 20px;
}

#sidebar .widget{
padding:20px 0 20px 0;
}

#sidebar h2{
font-size:18px;
padding:0 0 3px 0;
}

#sidebar,
#sidebar a,
#sidebar h2,
#sidebar li,
#sidebar ul,
#sidebar ol{
}

#sidebar ul{
list-style:none;
padding:0;
margin:0;
}

#sidebar li li{
background: url('images/double_arrow.png') left no-repeat;
background-position: 0 7px;
padding:0 0 0 15px;
margin:0 0 0 1px;
}

#sidebar ul ul ul{
padding:0 0 0 15px;
}

#sidebar ul ul{
}

#sidebar ul ul ul{
border:none;
}

#sidebar .widget_tag_cloud div{
padding:0 0px;
}

#sidebar .widget_tag_cloud div a{
padding:0 10px 0 0;
}

#sidebar #wp-calendar{
width:100%;
}

#sidebar #wp-calendar tr td a{
text-decoration: underline;
}

#sidebar #wp-calendar tr td#next{
text-align:right;
}




/* ----- SEARCH ----- */
#s{
padding:6px;
width: 126px;
font-size:11px;
}

#searchsubmit{
padding:5px;
font-size:11px;
}




/* ----- NAVIGATION ----- */
#navigation{
float:right;
height:35px;
position:relative;
top:37px;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:1000;
}

#nav a{
display:block;
padding:8px 15px;
text-decoration:none;
background:none;
font-size:14px;
color: #fff;
}

#nav li{
font-size: 16px;
font-weight: bold;
}

#nav li.star{
	margin-top: 8px;
}

#nav a:hover{
	color: #f9c4bb;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:200px;
top:38px;
border-bottom:none;
margin:-1px 0 0 0;
}

#nav li ul a{
width:170px;
height:auto;
float:left;
padding:6px 15px 5px 15px;
}

#nav li:hover{
}

#nav ul ul{
top:auto;
margin:-1px 0 0 0;
}

#nav li ul ul {
left:200px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/* ----- NAVIGATION END ----- */






/* ----- HOME PAGE ----- */
#welcome-message{
font-size:22px;
line-height:26px;
margin:30px auto 0;
padding:27px 0 10px;
width:50%;
}

/* --INTRO COLUMNS-- */
#intro-column-container{
padding:30px 0 45px 0;
}

#intro-column-container .introColumn{
float:left;
border:none;
}

#intro-column-container #intro-column1{
padding:0 20px 0 0;
width:286px;
}
#intro-column-container #intro-column2{
padding:0 20px 0 0;
width:286px;
}
#intro-column-container #intro-column3{
width:286px;
}

#intro-column-container .introColumn .introColumnImage{
width:276px;
padding:5px;
margin:0 0 10px 0;
}

#intro-column-container .introColumn .introColumnTitle{
padding: 3px 0 2px 0;
font-size:14px;
font-weight:bold;
}

#intro-column-container .introColumn .introColumnText{
}

#intro-column-container .introColumn .introColumnLink{
text-align:right;
padding:5px 10px;
margin:10px 0 0 0;
}

#intro-column-container,
#intro-column-container a:link,
#intro-column-container a:visited,
#intro-column-container p{
}

#intro-column-container .introColumn h2{
font-size:18px;
padding:0 0 10px 0;
}

#intro-column-container .introColumn h2 a{
font-size:18px;
}

#intro-column-container ul,
#intro-column-container ol,
#intro-column-container li{
list-style:none;
}

#intro-column-container ul li{
padding:3px 0;
}

#intro-column-container .twitter-message{
padding:5px 0;
}

.introColumn ul{
padding:0;
margin:0;
}

.introColumn ul li{
}

/* --TWITTER-- */
#intro-twitter{
padding:10px 5px;
margin:0 0 30px 0;
font-size:12px;
}

#intro-twitter #twitter-bird{
float:left;
}

#intro-twitter #tweet{
float:left;
padding:0 0 0 5px;
position:relative;
top:9px;
}

#intro-twitter #tweet a{
text-decoration:underline;
}

#intro-twitter #tweet abbr{
display:none;
}





/* ----- PAGE ----- */
.title{
padding:0 0 13px 0;
}





/* ----- BLOG ----- */
.post{
margin:0 0 10px 0;
}

.blogtitle{
padding:0 0 5px 0;
}

.blogtitle h2{
font-size:20px;
}

.postmetadata{
padding:0 0 17px 0;
}

.highlight{
padding:2px 4px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5{
padding:20px 0 10px 0;
}

.post{
padding:0 0 10px 0;
}

.entry p{
padding:0 0 15px 0;
}

.entry ul,
.entry ol{
padding:0 0 15px 0;
}

.entry ul ul,
.entry ol ol{
padding:0;
}

.entry a:link,
.entry a:visited{
text-decoration:underline;
}

.entry a:hover{
}

.entry img{
padding:5px;
margin-bottom: 15px;
}

.readmore{
padding:4px;
display:inline;
}

.separator{
padding:25px 0 0 0;
}

.excerpt-pic{
}




/* ----- BLOG SINGLE ----- */






/* ----- PORTFOLIO ----- */
#content-portfolio-border{
width:900px;
margin:0 auto;
}

#filter{
padding:5px;
width:890px;
}

#filter #sortby{
float:left;
position:relative;
top:2px;
}

#filter fieldset{
}

#filter fieldset input{
position:relative;
top:2px;
}

#filter label{
float:left;
padding:0 5px 0 0;
}

ul.image-grid {
list-style:none;
margin:0;
padding:0;
text-align:justify;
}

ul.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

ul.image-grid li {
float:left;
margin:30px 19px 0 0;
list-style:none;
width:287px;
}

ul.image-grid li .boximage{
}

ul.image-grid li .boxtitle{
font-size:14px;
font-weight:bold;
padding:0 0 3px 0;
}

ul.image-grid li .boxdescription{
}

ul.image-grid li .boxlink{
padding:5px;
text-align:right;
}

ul.image-grid li .boxlink a{
text-decoration:none;
}

/* ----- IE Only ----- */
#IE-submit{
width:75px;
padding:2px;
text-align:center;
cursor:pointer;
float:left;
display:inline;
margin:0 0 0 25px;
}





/* ----- ARCHIVE ----- */
.entry-navigation a{
font-size:16px;
}

.archive-title{
padding:0 0 20px 0;
}






/* ----- CONTACT ----- */
#contact #respond{
width:520px;
float:left;
}

#contact #google-map-container{
width:330px;
float:right;
padding: 10px;
}

#contact #google-map{
}

#contact #contact-info{
}

#contact #contact-info .label{
font-weight:bold;
float:left;
width:70px;
}

#contact #contact-info .contantInfoItem{
float:left;
width:260px;

}

#contact-failed,
#contact-success{
padding:5px;
margin:0 0 10px 0;
}






/* ----- COMMENTS ----- */
h3#comments{
padding:20px 0;
font-size:18px;
}

ol.commentlist{
margin:0;
}

ol.commentlist .even{
}

.commentlist,
.commentlist ul{
list-style:none;
}

.commentlist .comment-body{
padding:10px 10px 10px 10px;
position:relative;
}

.commentlist .comment-header{
height:30px;
}

.commentlist .avatar{
padding:0 10px 0 0;
float:left;
display:block;
}

.commentlist .comment-block-right{
float:left;
line-height:15px;
}

.commentlist .comment-author{
}

.commentlist .comment-meta{
}

.commentlist .comment-text{
position:relative;
padding:10px 0 10px 0;
}

#respond h3{
padding:20px 0;
font-size:18px;
margin: 0 0 20px 0;
}

#respond input,
#respond textarea{
padding:5px;
margin:0 0 10px 0;
}

#respond #submit{
font-size:11px;
position:relative;
width:78px;
height:27px;
padding:0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}






/* ----- FOOTER ----- */
#footer-container{
width:900px;
margin:0 auto;
padding:25px 0 20px 0;
background: url('images/header_shadow.png') top no-repeat;
}

#footer-container #footer{
}

#footer-container #footer #footer-left{
margin:0 auto;
width:750px;
}

#footer-container #footer #footer-left img{
display:inline;
margin:0 4px 0 0;
}

#footer-container #footer #footer-left li{
display:inline;
margin:0 4px 0 0;

}


#footer-container #footer #footer-bottom{
	width: 250px;
	margin: 0px auto;
}

#footer-container #footer #footer-bottom li{
display:inline;
margin:0 4px 0 0;

}

#footer-container #footer #footer-right{
float:right;
}

#bottom-shadow{
	background: transparent url('images/bottom_shadow3.png') bottom center no-repeat;
	margin:-34px auto 0 auto;
	width:1108px;
	
	
	
}








/* ----- CODA SLIDER ----- */
#banner{
position:relative;
}

/* --Most common stuff you'll need to change-- */

.coda-slider-wrapper {
height:352px;
background:transparent;
}

.coda-slider-wrapper-inner{
width:939px;
height:258px;
margin:8px auto 0 auto;
padding:5px;
}

.coda-slider {
margin:0 auto;
position:relative;
}

.panel-wrapper{
position:relative;
height:324px;
width:892px;
}

/* --Learn More & Description-- */
.learn-more a{
text-indent:-9999px;
background:transparent url('images/header_learn_more2.png') top center no-repeat;
height:51px;
width:157px;
position:absolute;
margin-top:250px;
margin-left:685px;
z-index:2;
}

.coda-slider .panel .description{
background:#000;
width:450px;
display:block;
position:absolute;
bottom:30px;
left:30px;
z-index:2;
filter:alpha(opacity=80);
opacity:0.8;
padding:10px;
}

.coda-slider .panel .description p{
color:#9d9d9d;
}

/* --Use this to keep the slider content contained in a box even when JavaScript is disabled-- */
.coda-slider-no-js .coda-slider {
height: 200px; overflow: auto !important; padding-right: 20px;
}

/* --Change the width of the entire slider (without dynamic arrows)-- */
.coda-slider, .coda-slider .panel {
width:892px;
}

/* --Change margin and width of the slider (with dynamic arrows)-- */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width:892px;
}
.coda-slider-wrapper.arrows .coda-slider {
}

/* --Arrow styling-- */
.coda-nav-left a {
padding: 5px;
position:absolute;
top:145px;
left:10px;
z-index:99999;
height:50px;
width: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
text-indent: -9999px;
font-size:0px;
}

.coda-nav-right a {
padding: 5px;
position:absolute;
top:145px;
right:10px;
z-index:99999;
height:50px;
width: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
text-indent: -9999px;
font-size:0px;
}

/* --Tab nav-- */
.coda-nav ul li a.current {
background: url("images/dot_selected.png") no-repeat center top;
}

/* --Panel padding-- */
.coda-slider .panel-wrapper {
}

/* --Preloader-- */
.coda-slider p.loading {
text-align: center;
}


/* --Don't change anything below here unless you know what you're doing-- */
/* --Tabbed nav-- */
.coda-nav ul {
padding: 13px 0 0 0;
clear: both; display: block; margin: auto; overflow: hidden;
}
.coda-nav ul li {
display: inline;
}
.coda-nav ul li a {
height:22px;
width:22px;
display: block;
float: left;
margin-right: 1px;
padding: 3px 3px;
text-decoration: none;
}

/* --Miscellaneous-- */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/* ----- CODA SLIDER END ----- */



/* ----- WP-PAGENAVI PLUGIN ----- */
#wrapper-container .wp-pagenavi {
	clear: both;
}

#wrapper-container .wp-pagenavi a,
#wrapper-container .wp-pagenavi span {
	text-decoration: none;
	padding: 4px 8px;
	margin: 2px;
}

#wrapper-container .wp-pagenavi a:hover,
#wrapper-container .wp-pagenavi span.current {
}

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

#wrapper-container .wp-pagenavi .pages{
display:none;
}