/*

Theme Name: Icon Books

Author: Bookswarm

Author URI: http://www.bookswarm.co.uk

Description: Custom theme

Version: 1.0



/* =Reset

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



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



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, img, ins, kbd, q, s, samp,

small, strike, strong, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* =Global

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

body {

	color: #231f20;

	font-family:'Lucida$ Sans W01 Roman';

	font-size: 12px;

}



#wrapper {

	width: 1131px;

	margin: 0 auto;

}



#page {

	margin: 0 25px 0 50px;

}



/* fonts & type */

h1,h2,h3,h4,h5,h6 {

	font-family:'Futura BT W01 Medium';

	text-transform: uppercase;

	margin-bottom: 5px;

}



h1,h2 {

	font-size: 18px;

	margin-bottom: 20px;

}



h1 {

	color: #00aeef;

}



h2 {

	margin-bottom: 16px;

	color: #666;

}



#middle-col h2, aside h2 {

	color: #231f20;

}



h3 {

	font-size: 16px;

	margin-bottom: 12px;

}



h4 {

	font-size: 14px;

	margin-bottom: 10px;

}



h5 {

	font-size: 13px;

	margin-bottom: 8px;

	color: #00aeef;

}



h6 {

	font-size: 12px;

	margin-bottom: 6px;

}



p {

	margin-bottom: 12px;

}



b, strong {

	font-family:'Lucida$ Sans W01 Bold';

}



a:link, a:visited {

	color: #00aeef;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



.blue {

	color: #00aeef;

}



a.more {

	clear: both;

	background-color: #00aeef;

	padding: 5px 4px 2px 3px;

	margin-bottom: 10px;

	color: #fff!important;

	text-transform: uppercase;

	float: right;

}



.twelve {

	font-size: 12px;

}



blockquote {

	margin-left: 30px;

	margin-right: 30px;

	border-left: 3px solid #ccc;

	padding-left: 8px;

}



.blueblock, .greyblock {

	display: block;

	color: #fff;

	text-transform: uppercase;

	font-family:'Futura BT W01 Medium';

	letter-spacing:1px;

	line-height: 14px;

}



h2.blueblock, h2.greyblock {

	line-height: 88px;

}



h2 span, span.sub{

	line-height: 30px;

}



.blueblock span {

	background: #0ab0ed;

}



.greyblock span, .greyblock h2 {

	background: #00ACED;

}



p.blueblock a:link, p.blueblock a:visited {

	color: #fff;

	text-decoration: none;

}



/* generic elements */

.alignleft {

	float: left;

	margin: 0 10px 10px 0;

}



.alignright {

	float: right;

	margin: 0 0 10px 10px;

}



.alignright, .alignleft, .alignnone, .aligncenter {

	/*border: 1px solid #ccc;*/

}



ul, ol {

	margin-bottom: 15px;

}



ul li, ol li {

	margin-bottom: 5px;

	line-height: 15px;

}



ol li {

	margin-left: 14px;

}



ul ul, ol ol {

	margin-bottom: 0;

}



ul ul li {

	margin-left: 8px;

}





/* --- header and main nav --- */

header#masthead {

	height: 208px;

	border-bottom: 2px solid #00aeef;

	position: relative;

}



#logo {

	margin: 49px 0 20px 14px;

	width: 300px;

	float: left;

}



#site-navigation {

	position: absolute;

	bottom: 0;

	font-family:'Futura BT W01 Medium';

	text-transform: uppercase;

	width: 100%;

}



#site-navigation > li {

	position: relative;

}



#site-navigation > ul > li:hover > ul.sub-menu {

	display: block;	

}



#site-navigation ul.sub-menu {

	display: none;

	position: absolute;

	z-index: 999;

	width: auto;

	height: auto;

	background: none;

}



#site-navigation ul.sub-menu li {

	float: none;

	position: relative;

}



#site-navigation ul.sub-menu li a {

	border-right: 0;

}



#site-navigation ul.sub-menu > li:hover ul.sub-menu {

	display: block;	

}



#site-navigation ul.sub-menu ul.sub-menu {

	display: none;

	position: absolute;

	left: 100%;

	top: 0;

	border-left: 2px solid #fff;

}



#site-navigation ul.sub-menu ul.sub-menu li a {

	white-space: nowrap;

}



#menu-main-menu {

	margin: 0;

}



#menu-main-menu li {

	float: left;

	margin: 0;

}



#menu-main-menu li a:link,

#menu-main-menu li a:visited {

	display: block;

	height: 9px;

	background-color: #00aeef;

	padding: 6px 8px 9px;

	color: #231f20;

	text-decoration: none;

	font-size: 11px;

	font-weight: 500;

	border-right: 2px solid #fff;

}



#menu-main-menu > li.current-menu-item > a,

#menu-main-menu li a:hover {

	color: #fff;

}



/* --- main --- */



#main {

	clear: both;

}



#main p {

	line-height: 15px;

}



#content {

	width: 715px;

	float: left;

	padding: 0 5px 20px 0;

	border-right: 1px solid #ccc;

}



#left-col {

	width: 480px;

	float: left;

	padding-top: 22px;

}



#left-col.page {

	width: 460px;

	padding-right: 10px;

	border-right: 1px solid #ccc;

}



#left-col-wide.page {

	width: 713px;

	padding-right: 10px;

	padding-top: 22px;

}



#middle-col{

	width: 232px;

	float: right;

	padding-top: 22px;

}



/* --- homepage specific--- */

/* --- tabs --- */



#tabs {

	overflow: hidden;

}



#left-col .tab {

	width: 468px;

	height: 698px;

	border: 1px solid #ccc;

	color: #fff;

	font-family:'Futura BT W01 Medium';

	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);

	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.25);

	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.25);

	overflow: hidden;

}



#left-col .tab a:link, #left-col .tab a:visited {

	color: #000;

	text-decoration: underline;

}



.ui-state-active a, .ui-state-hover a {

    outline: none;

}



/* style 1 tabs */

#left-col #tabs .style1 .left {

	width: 370px;

	float: left;

	position: relative;

}



#left-col #tabs .style1 .right {

	/*width: 95px;*/

	float: right;

	/*padding-top: 8px;*/

}



#left-col #tabs .style1 .left p {

	position: absolute;

	left: 0;

	font-size: 12px;

	text-transform: uppercase;

	width: 304px;

	padding: 2px;

}



#left-col #tabs .style1 .left h2 {

	font-size: 90px;

	position: absolute;

	letter-spacing: 1px;

	top: 190px;

	left: 30px;

	color: #fff;

}



#left-col #tabs .style1 .mag-title {

	font-size: 90px;

	position: absolute;

	letter-spacing: 1px;

	top: 65px;

	left: 110px;

	color: #fff;

}



#left-col #tabs .style1 .mag-title h2 {

	position: relative;

	top: 0;

	left: 0;

	margin-bottom: 2px;

}



#left-col #tabs .style1 .mag-title .subtitle {

	position: relative;

	top: 0;

	left: 0;

	font-size: 30px;

	line-height: normal;

	margin-bottom: 40px;

}



#left-col .style1 .left h2 span {

	font-size: 30px;

	display: block;

	letter-spacing: 0;

	margin-bottom: 5px;

	max-width: 340px;

	padding: 2px;

	line-height: normal;

}



#left-col .style1 .left .mag-title h2 span {

	font-size: 90px;

	line-height: 84px;

}



#left-col #tabs .style1 .left img.icon {

	position: absolute;

	top: 583px;

	left: 28px;

}



/* style 2 tabs */

#left-col #tabs .style2 {

	position: relative;

}



#left-col #tabs a {

	text-decoration: none;

}



#left-col #tabs .style2 h2 {

	position: absolute;

	font-size: 60px;

	top: 60px;

	text-align: center;

	width: 100%;

}



#left-col #tabs .style2 div {

	position: absolute;

	bottom: 0;

	color: #000;

	padding: 40px 50px 20px 50px;

}



#left-col #tabs .style2 img.logo {

	position:absolute;

	margin:auto;

	left:0;

	right:0;

	top: 320px;

}



/* tab thumbs */

ul#tab-thumbs li {

	float: left;

	width: 88px;

	margin: 10px 8px 0 0;

}



ul#tab-thumbs li:last-child {

	margin-right: 0;

}



ul#tab-thumbs li img {

	border: 1px solid #ccc;

}



ul#tab-thumbs p {

	font-family:'Futura BT W01 Medium';

	font-size: 12px;

}



ul#tab-thumbs a:link,

ul#tab-thumbs a:visited {

	color: #939598;

	text-decoration: none;

}



ul#tab-thumbs .ui-state-active a:link {

	color: #231f20;

}



/* end tabs --- */



#readmore {

	clear: left;

	display: block;

	width: 471px;

	background-color: #00aeef;

	padding: 6px 0 2px 0px;

	text-align: center;

	color: #fff;

}



/* --- middle column ---*/



#middle-col .widget {

	margin-bottom: 15px;

}



#middle-col .items li {

	margin: 0 0 10px 0;

	clear: both;

	height: 170px;

}



#middle-col .items h3 {

	font-size: 12px;

}



#middle-col .items h3 span {

	text-transform: none;

	display: block;

	font-size: 11px;

	margin-top: 2px;

}



#middle-col .items .image {

	width: 86px;

	height: 129px;

	overflow: hidden;

	border: 1px solid #ccc;

	float: left;

	margin-right: 5px;

}



#middle-col .items div {

	width: 138px;

	float: right;

}



#middle-col .items p {

	margin-bottom: 13px;

}



#middle-col .items a:link,

#middle-col .items a:visited {

	color: #231f20;

	text-decoration: none;

}



/* --- Our Books page -- */

.book {

	clear: both;

	margin-bottom: 16px;

	height: 135px;

}



.book a.image {

	width: 86px;

	height: 129px;

	overflow: hidden;

	border: 1px solid #ccc;

	float: left;

	margin-right: 8px;

}



.book h3 {

	font-size: 12px;

	margin-bottom: 14px;

}



.book h3 span {

	text-transform: none;

	display: block;

	font-size: 11px;

	margin-top: 5px;

}



.book p {

	margin-bottom: 17px;

}



.book a:link,

.book a:visited {

	color: #231f20;

	text-decoration: none;

}



/* --- sidebar --- */



#connect {

width: 262px;

height: 196px;

padding: 12px 0 0 5px;

float: right;

border-left: 1px solid #ccc;

margin-right: 68px;

}





#connect h3 {

	font-size: 11px;

	color: #999;

	margin: 0 0 5px 3px;

	font-family:'Futura BT W01 Medium';

}



#header-sidebar li {

	margin-bottom: 0;

}



#searchform input[type=text] {

	width: 200px;

	height: 16px;

	margin: 0 0 5px 0px;

	padding: 4px 2px;

}



#gform_wrapper_1, #header-sidebar #gform_wrapper_4 {

	margin-top: -10px;

	margin-left: 6px;

}



#header-sidebar li#gform_widget-2.widget h3 {

	display: block;

	font-size: 11px;

	color: #999;

	margin: 0 0 4px 3px;

	font-family:'Futura BT W01 Medium';

	font-weight: normal;

	}



#header-sidebar .ginput_container input[type=text] {

	width: 200px;

	height: 16px;

	margin: -20px 0 5px -5px;

}



#header-sidebar .gfield_label {

	visibility: hidden;	

	}

	

#gform_submit_button_1 {

float: right;

margin-right: 8px;

margin-top: -25px;	

}



#header-sidebar #gform_submit_button_4, #header-sidebar #gform_submit_button_1 {

	float: right;

	margin-right: 40px;

	margin-top: -28px;

}



#header-sidebar .gform_confirmation_message_1 {

	margin: 0 0 10px 5px;

	}



#searchform label {

	display: block;

	font-size: 11px;

	color: #999;

	margin: 0 0 4px 3px;

	font-family:'Futura BT W01 Medium';

}



aside {

	/*width: 228px;*/

	width: 327px;

	float: right;

	padding: 23px 0 0 7px;

	/*margin-right: 100px;*/

}



aside h3 {

	color: #0ab0ed;

	font-size: 11px;

}



aside #comments li {

	margin: 0 0 10px 0;

}



/* tabber widget */

.tabbertabs {

	width: 327px;

}



aside .style2.tabberlive .tabbertab {

	/*border: 0;

	background-color: #ccc;*/

	border: 1px solid #00AEEF;

	margin-top: 0;

	/*padding: 19px 113px 8px 8px;*/

	padding: 19px 8px 8px 8px;

}



aside .style2 ul.tabbernav li a {

	border: 0;

	background: #666;

	margin-left: 0;

}



aside .style2 ul.tabbernav li a:link,

aside .style2 ul.tabbernav li a:visited  {

	color: #999;

	font-family:'Futura BT W01 Medium';

	text-transform: uppercase;

	font-weight: normal;

}



aside .style2 ul.tabbernav li a:hover {

	background-color: #ccc;

	color: #333;

}



aside .style2 ul.tabbernav li.tabberactive a:link {

	color: #fff;

	background-color: #00AEEF;

	border-bottom: 0;

}



aside .style2 ul.tabbernav {

	border-bottom: 0;

}



aside ul > li {

	margin-bottom: 20px;

}



aside ul.tabitems img {

	height: auto;

   border: 1px solid #FFFFFF;

   float: left;

   margin-right: 8px;

   overflow: hidden;

}



aside ul.tabitems p {

	margin-bottom: 7px;

}



aside ul.tabitems .image {

	/*width: 70px;

	height: 129px;

	overflow: hidden;

	border: 1px solid #fff;

	float: left;

	margin-right: 8px;*/

}



aside ul.tabitems .info {

	width: 210px;

	float: right;

}



aside ul.tabitems li {

	clear: both;

	margin-bottom: 16px!important;

	overflow: hidden;

}



aside .widget_twitter {

	background: #00aced url('images/twitterbird.png') no-repeat 195px 8px;

	width: 320px;

	padding: 15px 0 5px 7px;

	color: #fff;

}



aside .widget_twitter div {

	/*width: 227px;*/

	width: 300px;

}



aside .widget_twitter h2 {

	color: #fff;

}



aside .widget_twitter li {

	margin: 0 0 12px 0;

}



aside .widget_twitter a:link, aside .widget_twitter a:visited {

	color: #333;

	text-decoration: none;

}



aside .widget_twitter a:hover {

	text-decoration: underline;

}



aside .widget_twitter .entry-meta {

	display: block;

}



#tabber_widget-4-content, #tab-tabber_widget-4-1, #tab-tabber_widget-4-2, #tab-tabber_widget-4-3 

/* tabber_widget-4-content is the TabberWidget in question, tab-tabber_widget-4-1 is the first tab, tab-tabber_widget-4-1 is the second tab, and so on. 

Make sure you change the actual tabber_widget-4-content and tab-tabber_widget-4 to your own tabberwidget id. */

{

height: 350px;

}





/* --- comments --- */

#reply-title {

	color: #00aeef;

	font-size: 12px;

}



#commentform label {

	display: block;

	float: left;

	width: 100px;

}



#submit {

	background-color: #00aeef;

	padding: 3px 4px 3px 3px;

	color: #fff;

	text-transform: uppercase;

	border: 0;

	cursor: pointer;

	/*margin-left: 100px;*/

}



div .comment-body {

	margin-bottom: 20px;	

	}

	

/* --- footer --- */

footer {

	clear: both;

	border-top: 2px solid #0ab0ed;

	font-size: 10px;

}



footer .site-info {

	width: 330px;

	float: left;

	padding: 8px 0 5px 0;

}



footer #footer-navigation {

	float: right;

	width: 300px;

	padding: 6px 0 5px 0;

	margin-right: 335px;

	border-right: 1px solid #ccc;

}



footer #footer-navigation ul {

	text-align: right;

	margin: 0 5px 0 0;

}



footer #footer-navigation li {

	display: inline;

	position:relative;

	margin-right: 10px;

}



footer #footer-navigation li:not(:first-child):before {

    content: '\b7\a0';

    position:absolute;

    right:100%

}



footer p {

	margin: 0;

}



footer a:link, footer a:visited {

	color: #333;

	text-decoration: none;

}



footer a:hover {

	text-decoration: underline;

}



.reviewText {

	margin-bottom: 13px;

	line-height: 15px;	

	}

	

.reviewTextItem {

	margin-bottom: 10px;	

	}	



.authorText {

	margin-bottom: 13px;

	margin-right: 5px;

	line-height: 15px;	

	font-weight: normal;

	text-decoration: none;

	}



.authorSourceText {

font-style: italic;

	}









.wpcf-field-image wpcf-field-foreground-image-or-logo {

	z-index: 100;	

	}





div.book-meta {

	float: left;

	margin: 0 20px 20px 0px;

	min-height: 1400px;

}



div.book-meta a {



}



div.book-meta strong {

	color: #666666;	

	}



div.book-meta h3 {

	color: #666666;

	margin-top: 30px; 	

	}	

	



div.book-meta p {



	line-height: 12px;

}



div.book-meta h4 {



	margin-bottom: 15px;

	color: #666666;

}



div.book-meta-text {

	width: 270px;

	line-height: 12px;

}





div.longDescr, div.bioNote, div.reviewText {

	line-height: 15px;

	font-size: 12px;

	margin-bottom: 12px;

	font-family: 'Lucida$ Sans W01 Roman';

	}

	

	

/*ul#header-sidebar li#gform_widget-2.widget div#gform_wrapper_1.gform_wrapper form#gform_1 {

	height: 30px;

	margin-left: 8px;

	}	

	

ul#header-sidebar li#gform_widget-2.widget div#gform_wrapper_1.gform_wrapper form#gform_1 div.gform_footer input#gform_submit_button_1.gform_image_button {

	margin-right: 3px;

   margin-top: -59px;

	}*/



#header-sidebar .gform_wrapper .gform_footer.left_label {

margin: 0;

padding: 0;

}


.squelch-taas-toggle .ui-accordion-header, .squelch-taas-accordion .ui-accordion-header {
padding: 5px 0 !important;
}

.squelch-taas-toggle .squelch-taas-toggle-shortcode-content, .squelch-taas-accordion .ui-accordion-content {
padding: 0 !important;
}



#custom css plugin

#gform_wrapper_4 {
margin-top: -10px;
}

#gform_submit_button_4 {
float: right;
margin-right: 8px;
margin-top: -25px;
}

#header-sidebar .gform_confirmation_message_4 {
margin: 0 0 10px 5px;
}

ul#header-sidebar li#gform_widget-2.widget div#gform_wrapper_4.gf_browser_gecko form#gform_4 {
height: 30px;
margin-left: 0;
}

ul#header-sidebar li#gform_widget-2.widget div#gform_wrapper_4.gf_browser_gecko form#gform_4 div.gform_footer input#gform_submit_button_4.gform_image_button {
margin-right: 40px;
margin-top: -28px;

}