/*
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(../img/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(../img/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(../img/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(../img/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: 45px; position: absolute; overflow: hidden; } 
#highlight { background: url(../img/nav-highlight.png); width: 64px; height: 45px; display: block; position: absolute; top: 0px; left: 0px; }
#nav ul { position: absolute; top: 19px; left: 0; }
#nav ul li { float: left; position: relative; }
#nav ul li a, #nav ul li a:visited { display: block; height: 10px; background-image: url(../img/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: #6c6c6c; font-size: 11px; }
#footer em { color: #e80800; font-style:normal; }
#footer a, #footer a:visited { color: #6c6c6c; 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(../img/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(../img/background-box-left.png) left; }
.box-right { right: 0px; background: url(../img/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; }

/* PROMO BOXES */
#promo .row, #products .row { width: 923px; }
#promo .box, #products .box { margin: 3px 5px 0px; float: left; padding-bottom:20px; }
#promo .box-content, #products .box-content { width: 257px; padding: 0 20px; margin-bottom: 12px; }
#promo p { font-size: 11px; line-height: 13px; padding-bottom: 10px; }
#promo .box-content .left { width: 90px; }
#promo .box-content .right { width: 165px; }

/* HOMEPAGE */
#banner { min-width:913px; width:100%; height: 445px; z-index: 1; background: url(../img/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; }

#banner.banner-speed-download { background: url(../img/banner-speed-download.jpg) no-repeat center 9px; }
#banner.banner-share-tool { background: url(../img/banner-share-tool.jpg) no-repeat center 9px; }
#banner.banner-play-back { background: url(../img/banner-play-back.jpg) no-repeat center 9px; }
#banner.banner-instaplaylist { background: url(../img/banner-instaplaylist.jpg) no-repeat center 9px; }

/* CONTACT */
.contact-banner { padding: 0 0 70px 265px; background: url(../img/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(../img/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(../img/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: -4px; font-size: 11px; margin-bottom: 10px; }

/* Product layout */
#product-banner { min-width:913px; width:100%; margin-top: 20px; }
#product-nav { background: url(../img/red-nav.jpg) top no-repeat; height:217px; width: 913px; margin: 0 auto 0; padding: 7px 0 0 0; }
#product-nav ul { padding-left: 60px; position:relative; width: 853px; height: 26px; }
#product-nav li { float: left; margin-right: 15px; }
#product-nav .page_item a, #product-nav .page_item a:visited { color: #999999; background: url(../img/nav-bullet.gif) no-repeat left 4px; display: block; height: 10px; padding: 2px 0 2px 14px; }
#product-nav .page_item a:hover, #product-nav li.current_page_item a, #product-nav li.current_page_item a:visited, #product-nav li.current_page_ancestor a, #product-nav li.current_page_ancestor a:visited { color: #fff; background-position: 0 -26px; }
.buynow { background: url(../img/button-buynow.png); height: 19px; width: 109px; display: block; text-indent: -1000px; overflow: hidden; position: absolute; right:12px; top: 5px; }
#product-banner h1 { padding-bottom: 14px; }
.product-list { padding-bottom: 12px; }
.product-list li { color: #fff; background: url(../img/red-bullet.gif) no-repeat left 2px; list-style-position:outside; padding: 0 0 8px 20px; color: #fff; }

/* Information page */
.information-page #product-nav { height: 537px; }
.feature { width: 200px; height: 140px; background: url(../img/background-feature.png); margin: 335px 10px 0 0; float: left; text-align: center; padding: 20px 10px 0px 10px; }
.feature p { padding: 0 0 8px 0; text-align: center; }
.information-right { width: 265px; float: right; }
.information-left { width: 570px; float: left; }
.information-left p { padding-right: 30px; }
.information-page .box-content { width: 851px; padding: 0 30px; }
.screencast { position: relative; }
.screencast p { padding-left: 75px; }
.screencast .screencast-link { position: absolute; top: 0; left: 0; }
.screenshots li { background: url(../img/background-screenshot.gif) left top no-repeat; width: 185px; float: left; padding-left: 88px; min-height: 66px; margin: 0 10px 20px 0; }
.screenshots li a, .screenshots li a:visited { display: block; padding-top: 10px; }

/* FAQ page */
.faq-page .box-content, .reviews-page .box-content { width: 851px; padding: 15px 30px 0; }
.faq-list { width: 400px; float: left; margin-bottom: 12px; }
.faq-list li a, .faq-list li a:visited { color: #fff; background:transparent url(../img/nav-bullet.gif) no-repeat scroll left 4px; display:block; padding:2px 0 4px 20px; }
.faq-list li a:hover, .faq-list li.current_page_item a, .faq-list li.current_page_item a:visited { background-position:0 -26px; color: #fff!important; }
.faq-right { float: right; width: 430px; }
.faq-right .box-content { width: 390px; padding: 5px 20px 0; }
.faq-right .box-content p :link, .faq-right .box-content p :visited { word-wrap: break-word; }
a.xlong, a.xlong:visited { width: 130px; background-position: 0 -100px; }
.faq-bottom, .support-bottom { width: 545px; padding: 20px 0 0 368px; border-top: 1px solid #141414; }
.faq-bottom strong, .support-bottom strong { float: left; padding: 4px 20px 0 0; }
.faq-right ul, .tour-right ul { padding-bottom: 12px; }
.faq-right li, .tour-right li { background:transparent url(../img/red-bullet.gif) no-repeat scroll left 2px; list-style-position:outside; padding:0 0 8px 20px; }
.support-bottom { width: 410px; padding-left: 503px; }

/* Press page */
.award-box { float: left; width: 570px; }
.award-box p { padding-right: 40px; }
.press-box { float: right; width: 260px; background: url(../img/background-press-box.gif) left bottom no-repeat; }
.press-box p, .press-box h4 { padding-left: 100px; }
.box-reviews { width: 913px; }
.box-reviews hr { margin: 0 30px; }
.box-reviews ul { margin: 12px 0 0 30px; background: url(../img/background-reviews-ul.gif); width: 861px; }
.box-reviews li { float: left; margin: 0 10px 10px 0; background: url(../img/background-reviews-li.gif); width: 277px; height: 122px; text-align: center; padding-top: 24px; }

/* Tour pages */
.tour-page { position: relative; }
.tour-left { float: left; width: 298px; min-height: 200px; }
.tour-left .box-content { width: 258px; padding: 5px 20px 0; } 
.tour-right { float: right; width: 602px; padding: 0 1px; }
.tour-right .box-content { width: 560px; padding: 18px 20px 0; min-height: 200px; }
.tour-right .tour-image { background: url(../img/background-tour-img.jpg) left top no-repeat; padding-top: 35px; }
.tour-right .tour-image img { padding-left: 52px; margin-bottom: 45px; }
.tour-left .faq-list { float:none; width: 260px; }
.tour-left .faq-list li a, .tour-left .faq-list a:visited { text-transform: uppercase; color: #999999; }
.tour-footer { width: 913px; border-top:1px solid #141414; padding:20px 0 0 0; margin-bottom: 40px; }
a.arrowleft, a.arrowleft:visited { float: right; background-position: 0 -160px; padding-left: 5px; width: 64px; }
a.arrowleft:hover { background-position: 0 -140px!important; }
a.arrowRight, a.arrowRight:visited { float: right; background-position: -70px -160px; padding-right: 5px; width: 64px; }
.tour-pag { position: absolute; right:-5px; top:7px; }

/* Downloads */
.downloads-left { width: 452px; float: left; }
.downloads-right { width: 452px; float: right; }
.downloads-right .box-content, .downloads-left .box-content { width: 400px; padding: 10px 25px 0; }
.downloads-right em { display:inline-block; width: 240px; font-style:normal; }
.downloads-right a, .downloads-right a:visited { display: inline-block; width: 92px; }
.downloads-right .alignright { width: 47px!important; text-align: right; }
.downloads-right h2, .downloads-left h2 { margin-bottom: 8px; }
.downloads-right ul { padding-bottom: 12px; }
.downloads-right li { list-style:inside; list-style-type: disc; }
a.button-huge, a.button-huge:visited { background: url(../img/buttons-huge.gif); width: 387px; margin-top: 5px; color: #fff!important; }
a.button-huge:hover { background-position: 0 -20px; }
.downloads-left ul { padding-bottom: 20px; }
.downloads-left li { border-top: 1px solid #141414; padding: 10px 0 0 33px; clear: both; height: 29px; }
.downloads-left li strong { display: block; float: left; width: 205px; }
.downloads-left li a, .downloads-left li a:visited { width: 80px; background-position:0 -60px; }
.downloads-left li a.alignright, .downloads-left li a.alignright:visited { background-position: 0 -20px; width: 69px; }
a.long:hover, .downloads-left li a:hover { background-position: 0 -80px!important; }

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

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

.color-30 { background: url(../img/blue-banner.jpg) no-repeat; background-position: center 37px; }
.color-30.information-page { background: url(../img/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(../img/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-30 .faq-right .box-content p :link, .color-30 .faq-right .box-content p :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-30 .faq-right .box-content p :hover { color: #ffffff; }
.color-30 #product-nav { background: url(../img/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(../img/background-downloads-blue.gif) left no-repeat; }
.share-tool { width: 437px; }
.share-tool strong { color: #8cbbfd; }

.color-565 { background: url(../img/green-banner.jpg) no-repeat; background-position: center 37px; }
.color-565.information-page { background: url(../img/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(../img/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-565 .faq-right p :link, .color-565 .faq-right p :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-565 .faq-right p 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(../img/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(../img/background-downloads-teal.gif) left no-repeat; }
.color-565 .faq-bottom, .color-30 .faq-bottom { padding-left: 498px; width:415px; }

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

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; }