/*
Theme Name: Yazsoft
Theme URI: http://www.yazsoft.com/
Description: The WordPress theme created by Adam Foster at Fully Illustrated and for use by Yazsoft only.
Author: Adam Foster
Author URI: http://codefor.com/
Copyright 2009 Fully Illustrated and Adam Foster
*/

/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; }
.end { border: 0 none!important; margin-right: 0px!important; } 

/* COMMON */
a, a:visited { text-decoration: none; color: #cc0000;  }
a:hover { color: #fff; }
h1, h2 { font-size: 24px; color: #fff; line-height: 26px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
h1 { text-transform: uppercase; }
h3 { font-size: 12px; color: #fff; padding-bottom: 12px; font-weight: normal; }
h4 { font-size: 12px; color: #fff; font-weight: normal; text-transform:uppercase; padding-bottom: 12px; }
p { padding-bottom: 14px; }
strong { color: #fff; font-weight: normal; }
a.button, a.button:visited, .downloads-left li a, .downloads-left li a:visited  { background-image: url(buttons.gif); height: 17px; width: 69px; display: block; font-size: 11px; text-transform:uppercase; color: #fff; text-align: center; text-decoration: none; padding-top: 2px; float: left; margin-right: 5px; }
a.red-button, a.red-button:visited { background-position: 0 -20px; }
a.long, a.long:visited { width: 80px; background-position: 0 -60px; }
hr { height: 1px; background-color: #141414; color: #141414; border: 0 none; margin: 2px 0 12px; }
::-moz-selection{background: #CC0000!important; color: #fff!important; } 
::selection {background: #CC0000!important; color: #fff!important;} 

/* LAYOUT */
body { background: url(background.gif) top repeat-x #000000; font-size: 12px; font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif; color: #6c6c6c; line-height: 14px; }
#header { width: 993px; margin: 0 auto; height: 73px; position: relative; background: url(background-store.png) right top no-repeat; z-index: 10; }
#content { width: 913px; margin: 0 auto; }
#footer { width: 913px; margin: 0 auto; border-top: 1px solid #131313; padding-top: 15px; height: 35px; position: relative; }
#promo { width: 923px; margin: 0 auto; }
#promo hr { width: 913px; margin: 0 5px 10px; }

/* HEADER */
#logo { background: url(background-logo.png); height: 53px; width: 236px; padding: 20px 0 0 80px; }
#nav { position: absolute; top: 8px; right: 10px; width: 425px; }
#gutter { width: 405px; height: 19px; position: relative; overflow: hidden; } 
#highlight { background: url(nav-highlight.png); width: 64px; height: 45px; display: block; position: absolute; top: 0px; left: 0px; }
#nav ul li { float: left; position: relative; }
#nav ul li a, #nav ul li a:visited { display: block; height: 10px; background-image: url(nav.gif); text-indent: -300px; overflow: hidden; padding:5px 10px 5px 0; }
.page-item-11 { padding-left: 53px; }
/*nav normal*/
.page-item-4 a, .page-item-4 a:visited  	{ width: 51px; }
.page-item-5 a, .page-item-5 a:visited  	{ width: 72px; background-position: -61px 0; }
.page-item-7 a, .page-item-7 a:visited  	{ width: 57px; background-position: -143px 0; }
.page-item-9 a, .page-item-9 a:visited 		{ width: 63px; background-position: -210px 0; }
.page-item-11 a, .page-item-11 a:visited  	{ width: 48px; background-position: -283px 0; }
/*nav active*/
.page-item-4 a:hover, .page-item-4.current_page_item a, .page-item-4.current_page_item a:visited, .page-item-4.current_page_ancestor a, .page-item-4.current_page_ancestor a:visited { background-position: 0 -15px; }
.page-item-5 a:hover, .page-item-5.current_page_item a, .page-item-5.current_page_item a:visited, .page-item-5.current_page_ancestor a, .page-item-5.current_page_ancestor a:visited { background-position: -61px -15px; }
.page-item-7 a:hover, .page-item-7.current_page_item a, .page-item-7.current_page_item a:visited 	{ background-position: -143px -15px; }
.page-item-9 a:hover, .page-item-9.current_page_item a, .page-item-9.current_page_item a:visited	{ background-position: -210px -15px; }
.page-item-11 a:hover, .page-item-11.current_page_item a, .page-item-11.current_page_item a:visited { background-position: -283px -15px; }

/* FOOTER */
#footer p { color: #353535; font-size: 11px; }
#footer em { color: #e80800; font-style:normal; }
#footer a, #footer a:visited { color: #353535; font-size: 11px; }
#footer p a:hover, a.fullyillustrated:hover span  { color: #cc0000; }
.fullyillustrated { position: absolute; right: 0px; top: 13px; padding: 2px 38px 1px 0; background: url(logo-fullyillustrated.gif) right no-repeat; }

/* BOX & WIDTHS */
.box { background: #000; position: relative; width: 297px; padding-top: 16px; margin: 3px 0 20px; }
.box-left, .box-right { display: block; width: 51%; position: absolute; top: -3px; height: 66px; }
.box-left { left: 0px; background: url(background-box-left.png) left; }
.box-right { right: 0px; background: url(background-box-right.png) right; }
.box-content { position: relative; width: 90%; margin: 0 auto; }

.width913 { width:913px; }
.width913 .box-content { width: 94%; padding-top: 10px; }

/* HOMEPAGE */
#banner { min-width:913px; width:100%; height: 445px; z-index: 1; background: url(banner-speed-download.jpg) no-repeat center 9px; }
.banner-box { margin: auto; width: 480px; text-align: right; padding: 140px 0 0 210px; }
.banner-box a.button, .banner-box a.button:visited { float: right; margin: 0 0 0 5px; }
.banner-box strong { text-transform: uppercase; color: #de0600; font-size: 11px; padding-bottom: 10px; display: block; }
.banner-box p { color: #fff; }

/* CONTACT */
.contact-banner { padding: 0 0 70px 265px; background: url(background-contact.jpg) top left no-repeat; margin-top: 50px; position: relative; width: 645px; }
ol li { padding: 0 0 12px 50px; }
.email-us { background: url(email-us.gif); position: absolute; top: 60px; left: 85px; display: block; width: 101px; height: 43px; overflow: hidden; text-indent: -400px; }
.contact-banner h1 { padding-bottom: 10px; }
ol li strong { line-height: 18px; }

/* Product */
#products { width: 923px; margin: 30px auto 0; }
.product-banner { display: block; height: 43px; width: 913px; margin: 0 5px 12px; background: url(background-select-banner.gif); }
.box-image { position: relative; margin: 0 auto; width: 295px; }

/* Plain text */
body #content.text-page { margin-top: 25px; }
.page-date { color: #de0600; text-transform: uppercase; display: block; position: relative; top: -12px; font-size: 11px; margin-bottom: 10px; }

/* Basic page*/
.basic-page ul { padding-bottom: 12px; }
.basic-page li { background:transparent url(red-bullet.gif) no-repeat scroll left 2px; list-style-position:outside; padding:0 0 4px 20px; }

/* COLORS */
.color-28 { background: url(red-banner.jpg) no-repeat; background-position: center 37px; }
.color-28.information-page { background: url(red-banner-large.jpg) no-repeat; background-position: center 37px; }
.color-28 .downloads-left li { background: url(background-downloads-red.gif) left no-repeat; }
.color-28 a.arrowRight:hover { background-position: -70px -140px; }

.color-30 { background: url(blue-banner.jpg) no-repeat; background-position: center 37px; }
.color-30.information-page { background: url(blue-banner-large.jpg) no-repeat; background-position: center 41px; }
.color-30 .product-list li, .color-30 .faq-right li, .color-30 .basic-page li, .color-30 .tour-right li { background: url(blue-bullet.gif) left 2px no-repeat; }
.color-30 .screencast a, .color-30 .screencast a:visited, .color-30 .screenshots a, .color-30 .screenshots a:visited, .color-30 .downloads-right a, .color-30 .downloads-right a:visited, .color-30 .basic-page a, .color-30 .basic-page a:visited, .color-30 .press-box a, .color-30 .press-box a:visited { color: #0099ff; }
.color-30 .screencast a:hover, .color-30 .screenshots a:hover, .color-30 .downloads-right a:hover, .color-30 .basic-page a:hover, .color-30 .press-box a:hover { color: #ffffff; }
.color-30 #product-nav { background: url(blue-nav.jpg) top no-repeat; }
.color-30 #product-nav .page_item a:hover, .color-30 #product-nav li.current_page_item a, .color-30 #product-nav li.current_page_item a:visited, .color-30 #product-nav li.current_page_ancestor a, .color-30 #product-nav li.current_page_ancestor a:visited, .color-30 .faq-list li a:hover, .color-30 .faq-list li.current_page_item a, .color-30 .faq-list li.current_page_item a:visited { color: #fff; background-position: 0 -56px; }
.color-30 a.xlong:hover { background-position: 0 -200px!important; }
.color-30 .downloads-left li a:hover { background-position: 0 -220px!important; }
.color-30 a.button-huge:hover { background-position: 0 -40px; }
.color-30 a.arrowRight:hover { background-position:-70px -180px; }
.color-30 a.arrowleft:hover { background-position: 0 -180px; }
.color-30 .downloads-left li { background: url(background-downloads-blue.gif) left no-repeat; }
.share-tool { width: 437px; }
.share-tool strong { color: #8cbbfd; }

.color-565 { background: url(green-banner.jpg) no-repeat; background-position: center 37px; }
.color-565.information-page { background: url(green-banner-large.jpg) no-repeat; background-position: center 41px; }
.play-back { padding:141px 0 0 377px; width:435px; }
.play-back strong { color: #999999; }
.color-565 #product-nav { background: url(teal-nav.jpg) top no-repeat; }
.color-565 .screencast a, .color-565 .screencast a:visited, .color-565 .screenshots a, .color-565 .screenshots a:visited, .color-565 .downloads-right a, .color-565 .downloads-right a:visited, .color-565 .basic-page a, .color-565 .basic-page a:visited, .color-565 .press-box a, .color-565 .press-box a:visited, .color-565 .information-left a, .color-565 .information-left a:visited { color: #00d1f6; }
.color-565 .screencast a:hover, .color-565 .screenshots a:hover, .color-565 .downloads-right a:hover, .color-565 .basic-page a:hover, .color-565 .press-box a:hover, .color-565 .information-left a:hover { color: #ffffff; }
.color-565 #product-nav .page_item a:hover, .color-565 #product-nav li.current_page_item a, .color-565 #product-nav li.current_page_item a:visited, .color-565 #product-nav li.current_page_ancestor a, .color-565 #product-nav li.current_page_ancestor a:visited, .color-565 .faq-list li a:hover, .color-565 .faq-list li.current_page_item a, .color-565 .faq-list li.current_page_item a:visited { color: #fff; background-position: 0 -86px; }
.color-565 .product-list li, .color-565 .faq-right li, .color-565 .basic-page li, .color-565 .tour-right li { background: url(blue-bullet.gif) left 2px no-repeat; }
.color-565 .downloads-left li a:hover { background-position: 0 -260px!important; }
.color-565 a.button-huge:hover { background-position: 0 -60px; }
.color-565 a.xlong:hover { background-position: 0 -240px!important; }
.color-565 a.arrowRight:hover { background-position:-70px -280px; }
.color-565 a.arrowleft:hover { background-position: 0 -280px; }
.color-565 .downloads-left li { background: url(background-downloads-teal.gif) left no-repeat; }

a.button:hover { background-position: 0 -20px; }
a.red-button:hover { background-position: 0 -40px; color: #271f1f; }
a.xlong:hover { background-position: 0 -120px; }
.downloads-left li a.alignright:hover { background-position:0 -40px!important; color:#271F1F; } 

/* Styles from yazsoft.css */

.KagiTD {
font-family:Lucida Grande, sans-serif;
font-size:11px;
}

.KagiTH {
font-family:Lucida Grande, sans-serif;
font-size:12px;
}

/* Styles to override some of the Kagi styles, added by Adam Y @kagi */
ul.salesInfo {line-height: 150%;}
#kagi-view {padding: 0px !important;}
table.productsTable {margin-left: 0 !important;}
div.kagi-next_button {background-image: none !important; background-color: #0F0F0F; border: 1px solid #EBEBEB;}
div.kagi-button {background-image: none !important;}
div.kagi-next_button input {color: #A90602; font-weight: bold;}
div.kagi-back_button {background-image: none !important; background-color: #0F0F0F; border: 1px solid #EBEBEB;}
div.kagi-back_button input {color: #246719; font-weight: bold;}