/*  

Theme Name:    InspiredBits
Theme URI:     http://premiumthemes.net/
Description:   Developed by Bhavesh Radadiya.
Version:       1.2
Author:        PremiumThemes
Author URI:    http://premiumthemes.net/

*/

/*             IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');



/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
body { font:12px Arial, Helvetica, sans-serif;}
a { text-decoration:none; }
a:hover { text-decoration:none; 
text-shadow: 0px 0px 11px #1d9dff;
filter: dropshadow(color=#1d9dff, offx=0, offy=0); }

.fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }

hr { margin-bottom:30px; margin-top:20px; clear:both;  }
.hr2 { margin:0px; padding:0; clear:both;  }

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; }


.imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; }

#content-inner  .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:2px; }
#content-inner  #post .imgleft { margin:5px 18px 5px 0; float:left; border:1px solid #ccc; padding:2px; }

/* headings ---------------------- */
.container_border { width:960px; margin:0 auto;   }


/* Structure ---------------------- */
#top_strip { height:37px; background:#000; } 

/* original line: 
#header-in {  padding:35px 0 45px 0; background:url(skins/1-default/banner_bg_in.png) no-repeat bottom left; }       ----------- */


#home_middle { width:244px; float:left; margin-left:40px; }
#sidebar { float:right; padding-top:8px;  }

#sidebar-inner { float:right;   padding:5px 0;  }
#content-inner {  float:left; padding:10px 0; }

#bottom { margin-top:20px; }
.bottom-in { padding:15px 0 10px 0;  }
.footer-in  { padding:15px 0; overflow:hidden; }

#header .sf-menu .rss { background:url(images/i_rss.png) no-repeat right 4px; padding-right:3px;  }
#header .sf-menu li a:hover.rss {  background:#E5E5E5 url(images/i_rss.png) no-repeat right 4px; } 


/* header ---------------------- */
#header .blog-title a{ font:30px Georgia, "Times New Roman", Times, serif; padding:0; margin:0; text-decoration:none; }
#header .blog-title a:hover{ text-decoration:none;}
#header p.blog-description{  font:italic 14px Georgia, "Times New Roman", Times, serif ; margin:0; padding:0;  }
/* I moved this to -100 to get rid of the extra space above it xx ---------------------- */
#header .header_left { float:left; margin-right:10px; margin-top:10px;   }

#header p.desc_spacer{ margin-left:55px; }




/*#breadcrumb section  =================================== */
.breadcrumb {font-size:11px; padding:5px 0; clear:both; } 
.breadcrumb { padding-left:15px;   font-weight:normal; }
.breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; }
.breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:11px; text-align:left; }
.breadcrumb a:hover { text-decoration:none; }


/* home page gallery section ----------------------- */
.home_spacer { overflow:hidden; }

.photo { position:relative;	font-family:arial;	overflow:hidden; padding:4px; width:210px; height:155px; float:left; margin:0 20px 20px 0; background:#fff; z-index:0; }	
.photo .heading, .photo .caption { position:absolute; width:210px; margin:4px 0 4px 4px; z-index:99999;  /*opacity:0.6;*/ }
.photo .heading { top:-80px;  left:0px; display:none; }
.photo .caption { bottom:-80px;  left:0px; display:none; }
.photo .heading p {  left:0; font:bold 14px Arial, Helvetica, sans-serif; display:block; padding:5px 5px 8px 4px;  }
.photo .caption p { font-size:9px; display:block; padding:0px 10px 8px 10px; margin:0; }

.photo:hover .heading { top:0px; left:0; z-index:9999; display:block !important; }  
.photo:hover .caption { bottom:0px; left:0; z-index:9999; display:block !important; }



.photo .heading p a { text-decoration:none; }
.photo .heading p a:hover { text-decoration:none; }

.photo .pimg { width:210px; height:155px; display:block;  }

.pcomments { padding-left:15px; font-size:10px; text-transform:uppercase; font-weight:normal;  }
.pdate { font-size:10px; font-weight:normal; text-transform:uppercase; }
.ptags { font-size:11px; font-weight:normal; line-height:normal; float:left; padding-left:12px; padding-bottom:5px; margin:5px; color:#ccc;  }



/* rating --------------------------------*/
.photo .post-ratings {  width:85px;  height:10px;  overflow:hidden; color:#f4f4f4; text-indent:-9009px;  }
.photo .post-ratings img { border:none; float:left;  }
.photo .photo em { display:none; }
.photo .post-ratings-loading img { display:none; }
.photo .post-ratings-loading { text-indent:-9009px; display:none; float:left; overflow:hidden; width:1px; height:inherit;}

/* home page featured post ---------------------------------------*/
.gallery { width:450px; float:left; margin:0 20px 20px 0; padding:4px; overflow:hidden; }
#myGallery   { width: 448px; height: 338px;  z-index:5;}

#myGallery h2 { font-size:18px; margin:0; padding:0; }
#myGallery p { font-size:12px; margin:0; padding:0; }


.jdGallery a { outline:0; }
#flickrGallery { width: 500px; height: 334px; }
#myGallery img.thumbnail { display: none; }
.jdGallery { overflow: hidden; position: relative; }
.jdGallery img { border: 0; margin: 0; }
.jdGallery .slideElement { width: 100%; height: 100%; }
.jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; padding:10px; height:50px; text-indent: 0; overflow: hidden;}
* html .jdGallery .slideInfoZone { bottom: -1px; }
.jdGallery .slideInfoZone h2 { padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit; }
.jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px;  }
.jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; }
.jdGallery a.carouselBtn { position: absolute; bottom: 0; right:0px; height: 20px; text-align: center; padding: 0 10px; font-size: 13px; cursor: pointer;}
.jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px;  text-indent: 0; overflow: hidden; }
.jdExtCarousel { overflow: hidden; position: relative; }
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; }
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; }
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; float: left;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; }
.jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; 	left: 10px; padding: 0; margin: 0; }
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute;	bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; cursor: pointer; }
.jdGallery a { 	font-size: 100%; text-decoration: none; color: inherit; }
.jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2;
	opacity: 0.2; }
* html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); }
.jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.jdGallery a.left { left: 0; top: 0; }
.jdGallery a.right  { right: 0; top: 0; }
.jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; }
.withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; -moz-opacity:0.8; -khtml-opacity: 0.8; 
opacity: 0.8;}
* html .withArrows a.open:hover { filter:alpha(opacity=80); }
	
	




/* slideshow ---------------------------- */

.featured_section { width:460px; height:340px; float:left; margin:0 20px 20px 0 ;  }



.gallery_lists { margin-right:-20px;  }
*+html .gallery_lists { margin-right:-40px; min-height:500px;   }


.gallery_lists img  { float:left; margin:0 20px 20px 0; }
.gallery_bottom_section { height:100%; overflow:hidden; margin:0px 0 45px 0; clear:both;  }
.iSocialize_icons { width:455px; float:left;  }
#content-inner .posts .iSocialize_icons img, .iSocialize_icons img { float:left; margin-right:6px; border:none; padding:0; background:none; }
p.bookit { margin:0; padding:0; }

#content-inner .posts .iSocialize_icons h3 { margin:0 0 8px 0; padding:0; }

#content-inner .post_right .post-ratings img { background:none; border:none;  }

#latestposts .posts, #content-inner .posts { margin-bottom:25px;  padding-bottom:15px;  }

#content-inner .posts  { margin-bottom:45px; }

#latestposts .post_top, #content-inner .post_top { margin-bottom:10px; }
#latestposts .post_top h2, #content-inner .post_top h2 { margin:0; padding:0; font-size:20px;  line-height:normal; font-weight:normal; }
#latestposts p.postmetadata, #content-inner  p.postmetadata { margin:0; padding:0; font-size:11px; }

#content-inner .post_top h2.title { font-size:32px; }

#latestposts .pt_left { width:280px; float:left; }
#content-inner .pt_left  { width:610px; float:left; }
#latestposts .commentcount, #content-inner .commentcount  { margin:5px 0 0 0; padding:2px 5px 10px 5px; float:right; display:block;  font-size:10px; text-transform:uppercase;  }

#latestposts .headline { margin-bottom:18px; padding-bottom:18px; }
#latestposts .headline h3 { margin:0; padding:0; border:none; float:left; width:280px;  font-size:12px; font-weight:bold;   }

#latestposts .headline p.postmetadata { width:280px; float:left; line-height:inherit; font-size:12px; }
#latestposts .headline .commentcount { margin-top:-15px;  }


#content-inner p.post_bottom { margin-top:12px;  }
#content-inner .post_content img {  }
#content-inner .post_content  {  margin-top:20px; }
#content-inner .post_content img {  }
#content-inner .post_right { margin-top:20px; padding:0px 0 15px 0; }

#content-inner .post_right p { margin:0; padding:5px 0; }
#content-inner .post_right .commentcount  { float:left; clear:both; }


#content-inner h3.title { padding-top:20px; margin:15px 0 0px 10px; font-size:18px; clear:both;  }
#content-inner .related_post img { display:inherit !important; padding:4px; margin-left:7px; float:left;   } 
#content-inner .related_post  { overflow:hidden; height:100%; margin-left:-8px;width:460px; padding-bottom:20px; margin-bottom:10px; }
#content-inner .iSocialize_icons  { padding-bottom:20px; margin-top:10px; }

.posts img { position:relative; padding:8px; }



#home_middle h3 { margin:10px 0 20px 0; padding:0;  }

.popular_post { margin:0; padding:0; list-style:none;  }
.popular_post li { margin:0 0 20px 0; padding:0;   }
.popular_post li p { margin:0; padding:0; line-height:16px;  font:12px Arial, Helvetica, sans-serif; }

.popular_post li img { float:left; margin:0 10px 0 0; padding:2px; }
.popular_post li span {  font-size:11px; }
.popular_post li span a {}
.popular_post li span a:hover { }

.noimage { float:left; width:62px; height:50px; background:#fff url(images/noimage.jpg) no-repeat center; float:left; margin:0 10px 0 0; padding:2px; }

/* content ---------------------------- */

p { margin:0; padding:0;  }
small { font-size:10px; }
.posts address { margin:0; padding:0;  }

.content_spacer { padding:15px 0; }
.wrapper .grid_7 { margin-left:0; } 
.wrapper  { }

p { padding:0px 0 10px 0; line-height:20px; margin:0 }
#content-inner  p { font-size:12px; }

#content-inner  ul { list-style:none; }
#content-inner  li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; }
#content-inner  ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content-inner  ol li ol { margin:8px 0 5px 18px; padding:0; }
#content-inner  ol li { margin:0 0 5px 0; padding:0; }


/*---------TOP NAVIGATION for PAGES---------  */
.page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0;  }
.page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; }
.page_nav li  a { list-style:none; font-size:12px; font-weight:bold; padding:1px 0;  }
.page_nav li  a:hover { text-decoration:none; }

/*---------Blog Podcast Contact is below--------- xx */
.main_navi { float:right; width:400px; margin-top:230px; }
.top_navi { float:left; width:500px; }


.searchform { padding:2px; position:relative; width:205px; height:25px; float:right; margin:4px 180px 0 0 }
.searchform .s {padding:4px 30px 4px 8px; width:160px; font:12px Arial, Helvetica, sans-serif;  }
.search_btn { position:absolute; top:6px; right:12px; }

.top_advt_strip { height:100%; overflow:hidden; }
.advt_spacer { float:left; margin-left:20px; padding-bottom:20px;   }


/* post  ---------------------------- */
blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; }
#content-inner  blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; }
blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block;   }

blockquote a { font-size:13px; }

.flickr h3 span{ font-weight:normal;}
.flickr h3{ margin-bottom:20px }
.flickr ul{ margin:12px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ padding:2px; width:68px; height:68px;   }

#calendar_wrap{ padding:0; font-size:13px }
#wp-calendar { width:100%; }
#wp-calendar  caption { font-weight:bold; font-size:15px; text-transform:uppercase; }
#calendar_wrap caption{ padding:10px 0 }

.posts h1 {	font-size: 26px }
.posts h2 {	font-size: 24px }
.posts h3 {	font-size: 20px }
.posts h4 {	font-size: 18px }
.posts h5 {	font-size: 16px }
.posts h6 {	font-size: 14px }

.content_spacer h4.cate_title { font-size:26px; clear:both; }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; }


/* Post Pagination */
.pagination { clear:both;    overflow:hidden; margin-bottom:20px;  text-align:center }
.pagination .on { padding:14px; margin-right:3px;  display:inline; }
.pagination a {  display:inline; padding:14px; line-height:32px; margin-right:3px; }
.navi { overflow:hidden; }



/*#sidebar ----------------------- */
#sidebar .widget {  margin:0 0 25px 0; }
#sidebar-inner .widget { width:220px; margin:0 0 25px 0;   }
#sidebar .widget h3, #sidebar-inner  .widget h3 span { margin:0 0 10px 0; padding:0 0 3px 0; font-size:18px; }


.twitter { padding:10px 10px 30px 10px; margin-bottom:35px; }
#twitter_update_list ul { margin:10px 0 0 0; padding:0; }
#twitter_update_list li { margin:0 0 10px 0; padding:0; list-style:none; line-height:20px;  }
.twitter_post { float:right; width:680px; line-height:18px; padding-left:15px;  border-left:1px solid #ccc; color:#000;  }
.twitter_post #twitter li { background:none !important; list-style:none; }


/* sidebar inner ------------*/
#sidebar-inner h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:18px; }

#sidebar-inner ul { list-style:none; margin:0 0 20px 0; padding:0;  }
#sidebar-inner li { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; height:100%; overflow:hidden; font-size:14px; }
#sidebar-inner li a { text-decoration:none; }
#sidebar-inner li a:hover { text-decoration:none; }

#sidebar ul { list-style:none; margin:0; padding:0;   }
#sidebar li { list-style:none; margin:0 0 8px 0 ; padding:0; width:100%; }
#sidebar ul li ul li ul li { margin:0 0 0 10px; }


 


	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left; font-size:12px;	text-transform: uppercase; width:90px; margin:0 15px 0 0 }
.arclist ul li a:hover { text-decoration:underline; }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }
#comments ol{padding:20px 0;}
#content-inner  #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; padding:1px 0 }
#content-inner  #comments  p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal;  font-size:11px; font-weight:bold; }
#comments  p.authorcomment a { text-decoration:none; }
#comments  p.authorcomment a:hover { text-decoration:none; }

#comments .comment .meta-left { width: 90px; float:left;}
#comments .comment .meta-left p{ padding:0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; line-height:normal; }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; }
span.comm-reply a:hover{ font-size:11px; text-decoration:none; }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:5px; width:90%; }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px;  }
p.commpadd label{ padding:0 0 0 5px }
p.commpadd small { font-size:12px; }

input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }

.avatar { padding:3px;}


#comments .commentlist .photo { width:auto; height:auto; margin:0 0 3px 0;  }




/* bottom ---------------------------- */
#bottom .widget-spot h3, #bottom .widget h3 span  { margin:0 0 10px 0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; }
#bottom ul {  margin:0; padding:0; }
#bottom li { margin:0; padding:0px 0 18px 0 ; list-style:none; font:12px Arial, Helvetica, sans-seriff;  }
#bottom li a { text-decoration:none;  }
#bottom li span { font-size:11px; }
#bottom li a:hover { text-decoration:none;   }
#bottom li:hover  { cursor:pointer; }
#bottom li p { margin:0; padding:0; line-height:18px;}
#bottom .grid_3 { margin-left:20px; }
#bottom p { font:Arial, Helvetica, sans-serif; line-height:18px; }

#footer .copyright , #footer .copyright  a {text-decoration:none;  }

/* Bill adds. Add new page peel here instead. billedit---------------------------- */

#billrss {
	background: url(http://billselak.com/images/icons/bilpeel.png);
        top: 50px;
        left: 700px;
        width: 128px;
	height: 2px;
	position: relative;
        text-decoration:none;
        display:block !important;
        
	}
#billrss hover {
	background: url(http://billselak.com/images/icons/billpeel.png);
        top: 5px;
        left:640px;
        width: 128px;
	height: 128px;
	position: relative;
        text-decoration:none;
        cursor:pointer;
        display:block !important;
	}