/*

Theme Name: Listings - Bookclub

Version: 1.1.6

Description: Child theme for Listings by WooThemes.

Author: WooThemes

Author URI: http://www.woothemes.com

Template: listings

*/

 

@import url("../listings/style.css");



/*-------------------------------------------------------------------------------------------



INDEX:



0. RESET



1. SETUP

-1.1 Defaults

-1.2 Hyperlinks



2. SITE STRUCTURE & APPEARANCE

-2.1 Containers & Columns

-2.2 Navigation

-2.2.1 Drop-down menus

-2.3 Header

-2.4 Content

-2.5 Upload Listing Template

-2.6 Sidebar

-2.7 Footer



3. POSTS

-3.1 Typographic Elements

-3.2 Images

-3.3 Pagination / WP-Pagenavi

-3.4 Info boxes



4. WIDGETS

-4.1 Generic Widgets

-4.2 Specific Widgets

-4.3 WooTabs



5. COMMENTS

-5.1 Comments

-5.2 Pingbacks / Trackbacks

-5.3 Comments Form



6. MISC

-6.1 Buttons

-6.2 IE Specific



-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/

/* 1. SETUP */

/*-------------------------------------------------------------------------------------------*/



/* 1.1 Defaults */



body { background-image:none; background-color: #ddd; font-family: arial, sans-serif; }



/*-------------------------------------------------------------------------------------------*/

/* 2. SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/



/* 2.1 Containers & Columns */



#container {border: none;}



/* 2.2 Navigation */



#navigation {background: #646464 url(images/nav-bg.png) repeat-x; }

.nav li {background-image: url(images/nav-li.png); }

.nav li:hover, .nav li.current-menu-item {background-color: rgba(0,0,0,0.1);}

.nav a {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); font-weight: bold; font-size: 12px; padding: 15px 30px; color: #32729e; }

.nav .sf-sub-indicator {background-image: url(images/arrow-superfish.png);}

.nav-buttons #n a, .nav-buttons #p a {

}



/* 2.3 Header */



#twitter-top {width: 500px;}



/* 2.3.1 Search Module */



.search_module {-moz-box-shadow:none; background: #fff url(images/grad-trans.png) repeat-x; border-bottom-color: #32729e; border-top-color: #262626 }

.search_title h2, .tags_title h2 {background-image: none; color: #646464; }

.search_main, .tag_cloud {-moz-box-shadow:none; background-color: #DADADA; border-color: #353535; }

.search_main input.field {background-color: #fafafa; }

.tag_cloud a {text-shadow: 0 1px 1px #32729e }

#listings-webref-search {border-top-color: #ccc; }

#panbut span {background-image: url(images/panel_btn.png); color: #0000FF; text-shadow: 1px 1px #fff; }



/* 2.4 Content */



.home #content {border-top-color: #ddd;}

#content {border-top: none; border-bottom: 1px solid #ddd; }



.post h1, .post h2 {background-image: none; padding: 0;}



/* 2.4.1 Carousel */



#featured_slider {padding: 20px; background: #eee url(images/grad-trans.png) repeat-x; border-bottom: 1px solid #ddd; }

#featured_slider .jcarousel-clip {width:898px;}

#featured_slider .jcarousel-container {width:938px;}

#featured_slider h2 {margin-bottom: 20px; font-size: 16px;}

#featured_slider .jcarousel-item {width: 115px; height: 185px; margin-right: 40px; display: block; }



#featured_slider .jcarousel-item .slider-img a { display: block; position: absolute; top: 3px; width: 115px; height: 178px; text-decoration: none;}

#featured_slider .jcarousel-item .slider-img a span.rollover {display: block; margin-top: 0px; text-indent: -9999px; width: 95px; height: 158px; font-family: Arial, sans-serif;  }



#featured_slider .jcarousel-item .slider-img a span.title, #featured_slider .jcarousel-item .slider-img a span.learn-more, #featured_slider .jcarousel-item .slider-img a span.author { text-indent: -9999px; display: block; }



#featured_slider .jcarousel-item .slider-img a:hover span.rollover {background: rgba(0,0,0,0.75); padding:10px; color: #FFFFFF; text-indent: 0px; font-size: 12px; text-align: center; border: 1px solid #111; }

#featured_slider .jcarousel-item .slider-img a:hover span.title {margin-bottom: 10px; font-weight: bold; display: block; text-indent: 0px; font-size: 13px; }

#featured_slider .jcarousel-item .slider-img a:hover span.author {display: block; text-indent: 0px; }

#featured_slider .jcarousel-item .slider-img a:hover span.learn-more {margin-top: 10px; display: block; color:#F45A13; text-indent: 0px; text-transform: uppercase; font-size: 11px; }



#featured_slider .jcarousel-item .woo-image {border: 1px solid #fff; -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; margin: 3px 0 3px 0; margin-right: 20px;}

#featured_slider .jcarousel-next, #featured_slider .jcarousel-prev {margin-top: -100px;}



/* 2.4.2 Listings */



h2, .listings h2, .more-listings h2 {font-size: 16px; text-transform:none; }



.home .listings {background: #fff url(images/grad-trans.png) repeat-x; padding: 0;}

.listings {padding: 10px; margin: 0; }

.listings-inner {padding: 10px; }

.listings h2 {padding: 10px 20px 20px 10px; }

.home .listings h2 {padding: 20px 20px 10px 20px;}

.listings p {padding: 10px 0 0 0;}

.listings .block {width: 264px; border: 1px solid #eee; margin: 10px; background: #f8f8f8 url(images/grad-trans.png) repeat-x; padding: 10px; }

.listings .block h2  {background-image: none; padding: 0; color: #999; width: auto; }

.listings .block h2 a {font-size: 14px; line-height: 18px; font-weight: bold;}

.listings img {border: 1px solid #fff; -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; margin: 0 0 10px 10px;}

.listings .latest-listing { color: #999; font-size: 11px; padding: 5px 0 0 0; line-height: 20px; font-style: italic; }

.listings .latest-listing a {padding: 10px 0 0 0; font-style: normal; font-family: Arial, sans-serif; line-height: 16px;  }



h3.banner, div.fake-banner {background: #666 url("images/white-line.png") repeat-x top left; border-bottom: 1px solid #444; border-top: 1px solid #444; font-size: 14px; }



/* 2.4.3 More Listings */



.home .more-listings {border-top: 1px solid #ddd; background: #eef7fa url("images/grad-trans.png") repeat-x; padding-top: 20px;}

.more-listings h2 {margin: 0 22px; padding: 0;}

.more-listings .block {width: 304px;}

.more-listings .block .woo-image {float:left; margin-right: 15px; -moz-box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; box-shadow: 0px 0px 2px #999; border: 1px solid #fff !important; }

.more-listings .block h2 {background-image: none; padding: 0; margin-bottom: 5px; font-size: 14px; line-height: 20px; font-weight: bold; border: none; }

.more-listings .block p, .similar-listings .block p {color: #999; font-style: italic; font-size: 12px; }

.more-listings .block p span, .similar-listings .block p span {font-style: normal; font-weight: bold; font-family: Arial, sans-serif; color:#666; font-size: 12px; margin-right: 5px; }

.more-listings p a {color: #666;}



/* 2.4.4 Similar Listings */



.similar-listings {background: #fafafa url(images/grad-trans.png) repeat-x; border-bottom: 1px solid #ccc; border-top-color: #ddd; }

.similar-listings .woo-image {float: left; margin-right: 20px;}

.similar-listings .block h2 {background-image: none; padding: 0; margin-bottom: 5px; font-size: 14px; line-height: 20px; font-weight: bold; text-shadow: 1px 0 #fff; }

.similar-listings p {}

.similar-listings p a {color: #666;}



.more {text-transform: uppercase;  serif; background-color: #fff !important; border: 1px solid #eee; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 5px 5px 5px; background-image: none !important; }

.more a {background: url("images/ico-arrow.jpg") no-repeat right center !important; font-style: normal !important; font-size: 11px; font-family: arial, sans-serif; color:#F45A13 !important; }



/* 2.5 Upload Listing Template */



#upload-listing form select {-moz-border-radius: 5px; border-radius: 5px;background-color: #F6F6F6;border-bottom: 1px solid #efefef;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;font-size: 12px;padding: 9px 12px;}

.page-template-template-upload-listing-php fieldset.submit-buttons {}

.controls .upload_button {background-color: #999; background-image: none; border-color: #666;}

#upload-listing form .featured-image {border-bottom: 1px solid #ddd; margin-bottom: 20px; }



.author-bio {padding: 20px;}

.author-bio .woo-image {border: 1px solid #eee; background-color: #fff; padding: 5px; float: left; margin-right: 20px; margin-top:25px; }

.author-bio h3 {margin-bottom: 10px;}

.author-bio p {font-family: Georgia, serif; font-size: 13px; color: #353535; font-style: normal; }

.author-bio p.small {font-size: 10px; text-transform: uppercase; font-style: normal; margin-bottom: 10px;}



/* 2.6 Sidebar */



#sidebar-single {width: 390px;}

#gallery {width: 360px;}

#loopedSlider.gallery.sidebar, #loopedSlider.gallery.sidebar .container {width: 360px;}

.sidebar .jcarousel-container {width: 360px;}

.sidebar .jcarousel-clip {width: 325px;}



#sidebar-single h2 {margin-top: 20px;}

#sidebar-single .map {width: 360px;}



/* 2.7 Footer */



#footer {width: 978px; background: #666 url("images/white-line.png") repeat-x top left; border-bottom: 1px solid #444; border-top: 1px solid #444; }

#footer p {font-size: 12px;}



/*-------------------------------------------------------------------------------------------*/

/* 3. POSTS */

/*-------------------------------------------------------------------------------------------*/

/*added*/
#bookDescription{width:450px; float:left; text-align:justify;}
#bookBlurbs{width:450px; float:right;}



.entry, .entry p {font-family: arial; sans-serif;}

.post-more {background-color: #fafafa; border: 1px solid #eee;}

.post-more a {color: #666; text-transform: none; font-weight: normal; }



/* 3.4 Listings post */



#main-single {width: 980px; }

#main-single.col-full { width: 980px; }

#main-single .woo-image {float: left; margin-right: 20px; -moz-box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; box-shadow: 0px 0px 3px #999; border: 1px solid #fff;}

#main-single .meta { margin: 20px 0 0 0; padding: 10px; background-color: #fafafa; border: 1px dotted #eee; width: 675px; }

#main-single .meta p {font-size: 14px; font-family: Georgia, serif; font-style: italic; color: #999; line-height: 28px; border-bottom: 1px dotted #ddd; }

#main-single .meta p.price {border: none; font-size: 24px; color: #666; padding-top: 15px;}

#main-single .meta p.buy {border: none; margin-top: 20px;}

#main-single .meta a.button {margin: 0; font-style: normal; }



/*-------------------------------------------------------------------------------------------*/

/* 4. WIDGETS */

/*-------------------------------------------------------------------------------------------*/



/* 4.2 Generic Widgets */



#footer-widgets {background: #fff url("images/grad-trans.png") repeat-x; }

#footer-widgets p {font-family: arial,sans-serif; line-height: 20px; }

#footer-widgets .block h3 {color: #111;}

#footer-widgets .widget h3 {border-bottom-style: dotted; border-color:#ccc; }

#footer-widgets .widget ul li {padding: 10px 0 !important; border-bottom-style: dotted; border-color:#ccc; }

#footer-widgets .widget_recent_entries ul li {padding: 10px 10px 10px 20px !important;}



/* 4.2 Specific Widgets */



/* BLOG AUTHOR WIDGET */



.widget_woo_blogauthorinfo .avatar {margin-top: 15px;}



/*-------------------------------------------------------------------------------------------*/

/* 5. COMMENTS */

/*-------------------------------------------------------------------------------------------*/



/* No specific changes in the child theme */



/*-------------------------------------------------------------------------------------------*/

/* 6. MISC */

/*-------------------------------------------------------------------------------------------*/



/* 6.1 Buttons */



a.button, a.comment-reply-link, #commentform #submit, input.button {background-image: -moz-linear-gradient(center top , #333333 20%, #191919 100%); border-color: #32729e; background: #191919; /*Fallback*/

	background: -webkit-gradient(

					linear,

					left top,

					left bottom,

					color-stop(.2, #333333),

					color-stop(1, #191919)

				);

	background: -moz-linear-gradient(

					center top,

					#333333 20%,

					#191919 100%

				);

}



a.button:hover, 

a.button.hover, 

a.button.active,

a.comment-reply-link:hover, 

#commentform #submit:hover,

input.button:hover { background: #191919; /*Fallback*/

	background: -webkit-gradient(

					linear,

					left top,

					left bottom,

					color-stop(.2, #191919),

					color-stop(1, #333333)

				);

	background: -moz-linear-gradient(

					center top,

					#191919 20%,

					#333333 100%

				);

}



a.button:active,

a.button.active,

input.button:active  {border-color: #191919;}



/* 6.2 IE Specific */

.ie7 #featured_slider .jcarousel-item .slider-img, .ie #featured_slider .jcarousel-item .slider-img  { position: relative; }

.ie7 #featured_slider .jcarousel-item .slider-img a, .ie #featured_slider .jcarousel-item .slider-img a  { left: 0; zoom:1; }

.ie7 #featured_slider .jcarousel-item .slider-img a span.rollover, .ie #featured_slider .jcarousel-item .slider-img a span.rollover  {position: relative; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.ie7 #featured_slider .jcarousel-item .slider-img a:hover span.rollover, .ie #featured_slider .jcarousel-item .slider-img a:hover span.rollover  { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.ie7 .search_main *  { zoom: 1; }

.ie7 .search_main .main-control .button  { padding-left: 14px; padding-right: 14px; }

.ie7 .more-listings *  { zoom: 1; }

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*

Responsive changes added by Mainely Web http://MainelyWeb.com

*/

body {
  font-size: 12px;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  color: #555555;
}

.mobi.phone {
  font-size: 1.6em;
}

.mobi.phone.landscape {
    font-size: 1.4em;
}

.mobi.tablet {
    font-size: 1.25em;
}

.mobi .more-listings .block h2 {
  font-size: 1.2em;
}

img { max-width: 100%; }

#header {
  width: 100%;
  max-width: 980px;
  max-height: 90px;
}

.col-full {
  width: 100%;
  max-width: 980px;
}

#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: none;
}

.col-left {
  width: 50%;
}

.col-right {
  width: 50%;
}

#main {
  width: 100%;
  max-width: 940px;
}

#content {
  width: 100%;
  max-width: 980px;
}

#main-single {
  width: 100%;
  max-width: 980px;
}

#main-single.col-full {
  width: 100%;
  max-width: 980px;
}

#main-single .meta {
  max-width: 675px;
}

#main.fullwidth .archive_header {
  width: 100%;
  max-width: 940px;
}

.mobi .archive_header {
    font: bold 1.3em sans-serif;
    font-size: 1.3em;
    max-width: 600px;
}

.listings .block p,
.more-listings .block p,
.similar-listings .block p,
.listings .block p span,
.more-listings .block p span,
.similar-listings .block p span
{
  font-size: .85em;
  line-height: 1em;
}

.mobi .listings .block p,
.mobi .more-listings .block p,
.mobi .similar-listings .block p,
.mobi .listings .block p span,
.mobi .more-listings .block p span,
.mobi .similar-listings .block p span
{
  font-size: 1em;
  line-height: 1.2em;
}

.mobi .listings h2,
.mobi .more-listings h2,
.mobi .listings .block h2,
.mobi .more-listings .block h2,
.mobi .listings .block h2 a,
.mobi .more-listings .block h2 a
{
	font-size: 1.2em;
	line-height: 1.3em;
}

.mobi .similar-listings .block h2,
.mobi .similar-listings .block h2 a
{
  font-size: 1.1em;
  line-height: 1.2em;
}

.similar-listings span.more a {
  font-size: 1em;
}

#footer {
  width: 100%;
  max-width: 978px;
}

#footer p {
  font-size: .8em;
}

.mobi.phone #navigation {
  font-size: 1.4em;
}

.mobi.phone select {
  font-size: 1.4em;
}

.mobi.tablet #navigation {
  font-size: 1.1em;
}

.mobi.tablet select {
  font-size: 1.1em;
}

select.responsivemenuselect {
  font-size: 1.1em;
}

.more-listings .block {
    display: inline-block;
    font-size: 0.9em;
    padding: 0 0 0 5px;
    vertical-align: top;
    width: 32%;
}

.listings .block
{
  width: 28%;
  font-size: .8em;
  display: inline-block;
  vertical-align:top;
}

.mobi .listings .block,
.mobi .more-listings .block
{
  width: 95%;
  font-size: 1em;
}

.mobi .more, .mobi .more a {
  font-size: 1.1em;
}

.mobi .entry, .mobi .entry p {
  font: 1.2em "Trebuchet MS",Tahoma,sans-serif;
  font-size: 1.2em;
}

.mobi .author-bio h3, .mobi .author-bio h2 {
    font-size: 1.4em;
}

.mobi .author-bio p {
  font-size: 1.3em;
  line-height: 1.2em;
}

.mobi .author-bio p.small {
    font-size: 1em;
}

.mobi .cufon p {
 font-size: 1em;
}

.mwbox {
  display: inline-block;
  width: 45%;
  margin: 1em;
  vertical-align:top;
}

.tablet .mwbox {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align:top;
}

.tablet.landscape .mwbox {
  display: inline-block;
  width: 40%;
  margin: 1em;
  vertical-align:top;
}

.phone .mwbox {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align:top;
}

#bookDescription, #bookBlurbs {
  width: 100%;
  max-width: 450px;
}

.phone #bookDescription, .phone #bookBlurbs {
  width: 100%;
  max-width: 5000px;, .mobi .author-bio h2, .mobi .author-bio h2
  float: left;
}

.nav a {
  font-size: 14px;
}

.mobi .post .title {
  font-size: 1.2em;
}

.mobi .post-meta {
  font: 1em Tahoma,Geneva,Verdana,sans-serif;
  font-size: 1em;
}

.mobi .post-more {
  font: bold 1em sans-serif;
  font-size: 1em;
}

.mobi .archive_header .catrss a {
  font-size: .8em;
}

.mobi .post .title {
  font: bold 1.3em Tahoma,Geneva,Verdana,sans-serif;
  font-size: 1.3em;
}

.mobi h3 {
 font-size: 1.1em;
}

.mobi h1 {
 font-size: 1.3em;
}

#main.fullwidth {
  width: 100%;
  max-width: 980px;
}

.more-listings img {
  height: 180px;
}

#slidertitle, #newstitle {
  font-size: 1.2em;
  text-align:center;
  text-transform: uppercase;
}

#lcp_instance_0 {
  padding: 0 0 0 0;
}

#lcp_instance_0 li {
  background: #F0F0F0;

background: linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.2) 99%,rgba(0,0,0,0.2) 100%); /* W3C */

  padding:5px 5px 5px 5px;
  margin: 0 0 5px 0;
  border-bottom-color: #D9D9D9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}