/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }				<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
// HOOK VISUAL REFERENCE: http://speedtech.it/2009/04/the-wordpress-thesis-theme-hooks/	
*/

/*
body.custom {
    background: #44443f;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}

.custom #page {
    background: #fff;
}*/


.entry-title a, h1 {color: #356aa0;}


/* Non-clickable logo
.custom #header { 
border-bottom:none;
height:201px;
padding-top:0;
padding-bottom:0;
background:url(http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/ivozi_logo.gif) left no-repeat; }

.custom #header #logo { display:none; }

.custom #header #tagline { display:none; }
*/

body.custom {
	border-top: 2px solid #3f4c6b;
	border-bottom: 2px solid #356aa0;
	/*background-color:#999999;	*/
	/*background-image:url('http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/bg_gradient.gif'); background-repeat:repeat-x;
	background-image:url('http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/bg_gradient_line.gif'); background-repeat:repeat; */		
	background-image:url('http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/bg_gradient_line.gif'); background-repeat:repeat-x;		
}

.custom #container {background-image:none; background-color:#FFFFFF; border-left: 1px solid #999999;border-right: 1px solid #999999;} 
.custom #footer {border-top: 1px solid #cccccc; margin-top:10px;}

.custom blockquote {border: 1px solid #ddd; color: #666666; padding:15px 15px 0 20px; margin:auto; margin-bottom:20px;width:90%;}

/* Clickable iVOZi logo in header */

.custom #header
{
background: #ffffff;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 0em;
border-top: 0em;
border-right: 0em;
border-bottom: 0em;
border-left: 0em;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
height:120px;
}

.custom #header #logo a
{
display:block;
width:170px;
height:81px;
background:url(http://www.ivozi.com/wp-content/themes/thesis_16/custom/images/ivozi_logo.gif) center no-repeat;
color:#000000;
text-indent: -9999px;
padding-top: 20px;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 0em;
border-top: 0em;
border-right: 0em;
border-bottom: 0em;
border-left: 0em;
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em;
float:left;
}

.custom #header #tagline
{
/*color:#356aa0;
font-weight:bold;
font-size:20px;
text-indent: -9999px;
*/
float:left;
width: 468px;
height: 60px;
position: absolute; 
/*top: 3em; 
right: 20em;*/
color:#356aa0;
font-weight:bold;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
margin-left:230px;
margin-top:40px;

}

#tabs {margin-bottom:10px;} /* space after nav menu */

/* BEGIN custom welcome_box code for home page */
.custom div.welcome_box {
/*border: 5px solid #A52A2A;
background: url('images/parchmentbkg_gray.jpg');
border-top: 1px solid #356aa0;
*/
/**/
padding:1em;
margin-left:0em;
margin-right: 1em;
margin-top: 0;
margin-bottom: 0.5em;
padding-bottom: 0em;
/*background-color:#0000ff;*/
}

.custom div.welcome_box img {float:left;margin:0 7px 0 0;padding-top:3px;}

.custom div.welcome_box h1 { font-size:1.7em; margin-bottom:15px;margin-top:4px;}

/*turn bgs off on some pages, like example workbook page */
.nocaptionbg .wp-caption {
background-color: #fff;
}

/* END custom welcome_box code for home page */

/* BEGIN custom ivozi feature box code for home page */
div.blogtitle {
border-top: 1px dashed #356aa0;
border-bottom: 1px dashed #356aa0;
border-right: 1px dashed #356aa0;
border-left: 1px dashed #356aa0;
padding:0;
padding-left:10px;
margin-left:0em;
margin-right: 1em;
margin-top: 0;
margin-bottom: 0.5em;
height:70px;
background-color:#f6f6f6;
/*background:url(http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/tefl_insurgent.gif) bottom right no-repeat;*/
/*padding-bottom: 0em;*/
/*margin-top: 0;*/
/*border-right: 1px solid #356aa0;*/
/*background-color:#f2f2f2;*/
/*background:url(http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/blog_ingles2.gif) center left no-repeat;*/
}

/*The heading for the blog on the homepage*/
div.blogtitle h2 {
font-size:1.9em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0 0 0;
padding:0;
color: #3f4c6b;
}
div.blogtitle span {
font-size:0.9em;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-weight:bold;
padding:0;
}


/*links to social networks, email and RSS */
.custom ul.icon-links {
padding: 0;
margin: 0 0 8px 0;
font-size: 1em;
padding: 0.2em 0.2em;
width: 100%;
}
.custom ul.icon-links li {
list-style-type: none;
display: inline;
color: #807E70;
}
.custom ul.icon-links img {
vertical-align: text-top;
}

/*EU logos on Sales Pages in the header */
.custom ul.eu-logos {
padding: 0;
margin: 10px 0 8px 0;
font-size: 1em;
padding: 0.2em 0.2em;
width: 100%;
}
.custom ul.eu-logos li {
list-style-type: none;
display: inline;
color: #807E70;
}
.custom ul.eu-logos img {
vertical-align: text-top;
}

.custom #header span {
/*position:relative;
top: -8.5em;
right: -74em;*/
float:right;
margin:10px 0 0 0;
}

.custom #header span p {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color: #356aa0;
font-weight:bold;
margin-bottom:2px;
}


/*Sidebar headings */
.sidebar h3{
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}

/*MAIN H3 FOR PODT BODIES*/

.format_text h3 {margin-bottom:25px;}

/* MAIN NAV LINK STYLES 

#tabs .current_page_item a:hover, #tabs .current-cat a:hover {
text-decoration:none;
}

#tabs .current_page_item a, #tabs .current-cat a {
cursor:text;
color:#356aa0; 
}

#tabs a:hover {
color:#356aa0;
text-decoration:none;
}

ul#tabs li a {
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:1.2em;
padding:0.545em 0.818em;
color: #3f4c6b;
font-weight:bold;
}

#tabs a {
color:#111111;
display:block;
letter-spacing:1px;
line-height:1em;
text-transform:uppercase;
}

*/

/*NEW MENU STYLES FOR THESIS 1.6 - OVERRIDES DEFAULT STYLES  */

.menu {background-color:#3f4c6b; font-weight:bold; margin-bottom:10px;}
.menu a { text-transform: uppercase; letter-spacing: 1px; }
.menu .rss a, .menu .rss a:hover { padding-right: 16px; background:none; border: none; text-decoration:none; }
/*.menu a { display: block; padding:0.4em 0.8em 0.4em 0.8em; border-right:1px solid #cccccc; /*padding:0.5em 0.8em;}*/
.menu a { display: block; padding:0.4em 0.8em 0.4em 0.8em; border-right:1px solid #666666; /*padding:0.5em 0.8em;*/}

/* TABLES WITHIN POSTS */

.post table { font-size: 12px; margin: 0 0 20px 20px; text-transform: uppercase; width: 50%; }
.post td { background: #f9f9f9; border: 1px solid #ffffff; border-width: 0 1px 1px 0; color: #6f6d6d; padding: 5px; }
.post td:first-child { border-left: 1px solid #DFDFDF; }
.post td.bar {
background: #3f4c6b;
border-bottom: 1px solid #3f4c6b;
color: #ffffff;
padding: 4px;
/*-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;*/
}
/*.post td.four { width: 145px; }*/

.post td.title {
background: #32A4D6;
border: 1px solid #32A4D6;
color: #FFF;
font-size: 14px;
/*-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;*/
padding: 10px;
}

div.horiz_line {width:100%;border-bottom: 1px dashed #356aa0;clear: both; margin-bottom:10px;}

/* MULTI-MEDIA CUSTOM BOX ON RIGHT <div id="custom_box"> */

#custom_box {
font-size:1.3em;
padding:10px;
border: 1px solid #dddddd;
margin: 0 10px 10px 10px;
background-color:#ffffff;

}

#multimedia_box {border: 0px solid #ff0000; background-color:#FFFFFF; padding:0px;}




/* THESE CLASSES USED IN MULTI-MEDIA OPT-IN BOX */
/* backgound image has a width of 389px */
div.awebercontainer {
width:100%;
height:258px;
background-color:#ffffff;
background-image:url('http://www.ivozi.com/wp-content/themes/thesis_16/custom/images/multimedia_5.gif');
background-repeat:no-repeat;
/*border: 1px solid #356aa0;*/
}

/* This is the div with the ivozi premium products in - image must be 389px wide */
div.iv_products_ad {
background-color:#ffffff;
font-size:1.3em;
padding:10px; /* makes content same width as multi-media box */
border: 1px solid #dddddd;
margin: 0 10px 10px 10px;
}


div.awebercontainer ul {margin-top:6px;margin-left:13px;margin-bottom:12px;}
div.awebercontainer form submit {margin-bottom:0;}
p.smallspamtext {font-size:0.8em;}
div.awebercontainer input.emailentry{border: 1px solid #3f4c6b; background-color:#FFFFFF;}
div.awebercontainer input.submitemail {border: 1px solid #3f4c6b; height:20px; font-weight:bold;}
div.awebercontainer a { background-color:#FFFFFF; padding-left:3px;padding-right:3px;}
div.awformsignup {width:360px; margin: 30px auto; color:#666666; font-weight:bold; line-height:1.6em;}
div.awformsignup .emailpara {margin-top:10px;}

/*p.ingrese {padding-top:50px;}*/
/*div.awebercontainer h2 {color: #FF0000; font-size:1.4em;}*/


/* I THINK THESE CLASSES USED IN OPT-IN SALES PAGE */
div.optincontainer input.emailentry{border: 1px solid #3f4c6b; width:211px; background-color:#FFFFFF;}
div.optincontainer input.submitemail2 {border: 1px solid #3f4c6b; font-weight:bold; font-size:1.2em; width:260px; }
div.optincontainer table {margin:auto;}

/* products on our shop page */
table.ivproducts { 
width:100%;
}	
table.ivproducts td {/*border: 1px solid #3f4c6b;*/ vertical-align:top;}
table.ivproducts .wp-caption {border-style: solid; border-color: #fff; background-color: #fff; text-align: center; font-style: italic;}
table.ivproducts img {margin-right:0;}
table.ivproducts div.buybuttons {margin-top:20px;padding-right:6px;} /*div with cart buttons*/
			
td.product_title {font-size:1.6em; color:#356aa0; padding-bottom:10px;}
td.product_price {font-size:1.6em; color:#ff0000; text-align:right; padding-right:6px;}
td.product_price .line_through {text-decoration: line-through; color:#356aa0;} 



/*Avatar before post titles */

.custom .avatar {float:left; border:1px solid #ddd; margin-right:1em;}

/*------------NAVIGATION STYLES------------*/
/*change the background color of everything on the nav bar except tabs*/
.custom ul#tabs { background: #3f4c6b; border:none;}
.custom ul#tabs li {background: #ff0000; border:0; padding:0px; margin:0px;}

/*change the background color of unselected tabs*/
.custom ul#tabs li a { background: #3f4c6b;border-color: #00ff00; }
/*change the font color of unselected tabs*/
.custom ul#tabs li a { color: #ffffff; }

/*change the background of color the selected tab*/
.custom ul#tabs li.current_page_item a { background: #356aa0; }
/*change the font color of the selected tab*/
.custom ul#tabs li.current_page_item a { color: #ffffff; }

/*change the background color of unselected tab when the cursor hovers over it*/
.custom ul#tabs li a:hover { background: #356aa0; }
/*change the font color of unselected tab when the cursor hovers over it*/
.custom ul#tabs li a:hover { color: #ffffff; }
/*------------END NAVIGATION STYLES------------*/


/* MAIN SHOP PAGE */

table.shop_table .shop_table_td {
width: 25%;
padding-bottom:10px;
margin:auto;
text-align:center;
vertical-align:top;
}

table.shop_table .shop_table_title { color:#356aa0; font-weight:bold; font-size:1.1em; text-align:center;
}

.shop_table_td .wp-caption {background-color: #fff; margin-top:10px;}

.shop_table_td .pprice {font-size:1.4em; color:#356aa0;}
.shop_table_td  p {margin-left: 5px; margin-right: 5px;}

/* END MAIN SHOP PAGE */


/* NEW SHOP PAGE STYLES FROM APRIL 2010 */
table.shop_table {
width:100%;
}

.product_name {color:#356aa0; font-weight:bold; font-size:1.5em; padding-bottom:5px;}

a.orangelink { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:0.95em; font-weight:bold; color: #ff6600; padding-top:20px; letter-spacing:1px; text-decoration:none;}
a.orangelink:hover {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:0.95em; font-weight:bold; color: #ff6600; padding-top:20px; letter-spacing:1px; text-decoration:underline;}

/* END NEW SHOP PAGE STYLES FROM APRIL 2010 */


/* LONG SALES PAGE STYLES */

div.longsalespage .wp-caption {
background-color: #fff;
}
div.longsalespage .salespage_alert { 
font-weight:bold;
}
div.longsalespage a.buylink {color: #ff6600; text-decoration: none; border: 1px solid #bbb; text-align:center; padding:4px;font-size:1.6em;}
div.longsalespage a.buylink:hover { color: #ff6600; border-color: #ff6600; }
div.longsalespage p.testimonial {border: 1px solid #ddd; background-color: #eee;margin:10px; padding:4px;}

div.guaranteebox {border: 2px solid #ff6600; padding:20px;}
div.guaranteebox p.gbtitle {font-size:1.6em; font-weight:bold; color:#356aa0;} /*Guarantee box title */
div.guaranteebox .gbbody {padding-top:20px;}

div.buynowbox {border: 2px Solid #356aa0; margin-top:20px; margin-bottom:20px; padding:20px;}
div.buynowbox .bntitle {font-size:1.8em; font-weight:bold; color:#356aa0;} /*Buy Now box title */
div.buynowbox .call2action {font-size:1.6em; font-weight:bold; color:#356aa0;} /*Final call to action on the sales page*/
.strikethrough {text-decoration:line-through;}
div.buynowbox .bnbody {padding-top:20px;}

p.waittitle {font-size:1.4em; font-weight:bold; color:#356aa0;} /* SubTitle on the Vocab SuperPack Offer page */

a.ivozibuylink2 {text-decoration: underline;font-size:1.1em;font-weight:bold;} /* Link on Upgrade Offer page at bottom */
a.ivozibuylink2:hover {text-decoration: underline;font-size:1.1em; font-weight:bold;}

div.longsalespage span.underline { text-decoration:underline;}	

div.longsalespage .checkticks {
background-image: url(http://www.ivozi.com/wp-content/themes/thesis_151/custom/images/tick.png);
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
margin: 0px;
margin-left: 20px;
padding: 2px;
padding-left: 30px
}

div.longsalespage li {
list-style-position: inside;
margin: 0px;
padding: 0px;
}

div.longsalespage h3.intropara {font-size:1.3em;}

/* REMOVE "Comments are closed" line from pages that AREN'T using the "Sales Page" template */
/* add class "ivnocomments" into custom CSS box on the individual pages */
/* MORE INFO: http://www.howtomakemyblog.com/thesis/how-to-create-a-sales-letter-landing-page-with-wordpress-thesis-theme/*/
.ivnocomments .comments_closed { display: none; } 
.ivnocomments #footer {margin-top:40px; } /*Add spacing above footer to compensate for removal of comments */

/* This is for the custom category pages, adding a dotted line under the page intro */
div.cat_intro_cust {
border-bottom: 0.1em dotted #bbb; 
clear: both; 
padding-bottom:10px;
}

.wp-caption-text {font-style:normal;}

/*This is the box at the top of all podcast page posts*/
div.podcast_submenu {
	height: 22px; 
	border: 1px solid #356aa0; 
	background-color:#356aa0; 
	background-image:url('http://www.ivozi.com/wp-content/themes/thesis_16/custom/images/1x24_grad.gif'); background-repeat:repeat-x;	
	color:#ffffff; 
	margin:10px 0 0 0; 
	padding:3px 0 0 6px;
	} 
div.podcast_introbox {padding:6px; border: 1px solid #356aa0; clear: both; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color: #666666;} /*Dotted line info box on podcast pages*/
div.podcast_introbox .podcastdownloadimg {margin:4px 1px 0 3px;} /*download image in box*/

a.podcastlink {text-decoration: none;font-size:0.95em;font-weight:bold; color:#FFF;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:1px; margin-top:2px;letter-spacing: 0.8px;} /* Link on Upgrade Offer page at bottom */
a.podcastlink:hover {text-decoration: none;font-size:0.95em; font-weight:bold;color:#66ccff;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:1px; margin-top:2px;letter-spacing: 0.8px;}

a.podcastlinkjimmy {text-decoration: none;font-size:0.95em;font-weight:bold; background-color:#ffffff;color:#ff6600;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:2px 3px 2px 3px;letter-spacing: 0.8px;} /* Link on Upgrade Offer page at bottom */

a.podcastlinkjimmy:hover {text-decoration: none;font-size:0.95em; font-weight:bold;background-color:#ffffff;color:#3f4c6b;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:2px 3px 2px 3px;letter-spacing: 0.8px;}




/*
div.longsalespage p.testimonialright {border: 1px solid #ddd; background-color: #eee; width:300px; padding:4px; float:right; margin:4px;}
div.longsalespage p.testimonialleft {border: 1px solid #ddd; background-color: #eee; width:300px; padding:4px; float:right; margin:4px;}*/


