/*
THEME NAME: L5 Remote Red
DESCRIPTION: Powers the L5 remote website.
VERSION: v1
AUTHOR: <a href="http://www.nicasiodesign.com">Nicasio LLC</a>
*/

/* Two-columns with sidebar on right from the /layouts/ folder  */
@import url('layouts/2c-r.css');

/* RESET ALL FONT SIZES ------------------------------------------------------------------------

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}

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

/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS ---------------------------------------

 {font-size:77%;} 		=>	10px
 {font-size:85%;} 		=>	11px
 {font-size:93%;} 		=>	12px
 {font-size:100%;} 		=>	13px
 {font-size:108%;} 		=>	14px
 {font-size:116%;} 		=>	15px
 {font-size:123.1%;} 		=>	16px
 {font-size:131%;} 		=>	17px
 {font-size:138.5%;} 		=>	18px
 {font-size:146.5%;} 		=>	19px
 {font-size:153.9%;} 		=>	20px
 {font-size:161.6%;} 		=>	21px
 {font-size:167%;} 		=>	22px
 {font-size:174%;} 		=>	23px
 {font-size:182%;} 		=>	24px
 {font-size:189%;} 		=>	25px
 {font-size:197%;} 		=>	26px

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


/* MISC. ITEMS ---------------------------------------------------------------------------- */

* {margin:0;padding:0;}

.clear {clear:both;height:0px;overflow:hidden;}

a {color:#000;text-decoration:none;}
a:hover {color:#9ba1a3;}

a.red, #footer-right a {color:#c9272a;text-decoration:none;}
a.red:hover, #footer-right a:hover {color:#711618;}

a img {border:0px solid WHITE;}

.entry-date .edit-link {display:inline;margin:0px;}
a.post-edit-link {color:#666;font-weight:bold;text-decoration:underline;}
a.post-edit-link:hover {text-decoration:none;}

.right{float: right}

/* HIDE THESE ITEMS */
#image-preloader, .linklove, .ddsg-wrapper div, .advertisement font {display:none;}

/* RESET FORM FIELDS */
input, textarea, select, legend {font-family: arial,helvetica,sans-serif !important;}
input, textarea, select, a {outline: none;} /* removes the on focus/active blue border in safari + firefox */
textarea {resize:none;} /* removes ability to resize field in css3 */
legend, fieldset {border:0px;padding:0px;height:auto;margin:0px;}

/* RESET AD SPACE */
.advertisement * {padding:0px !important;white-space:nowrap;}

/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html, body {height: 100%;margin: 0 0 1px;}



/* MAIN LAYOUT ----------------------------------------------------------------------------- */

body {background: #FFF;text-align:center;color:#616b6d;}

#wrapper {width:825px;margin:0 auto;text-align:left;}



/* HEADER ---------------------------------------------------------------------------------- */

#header {position:relative;z-index:1;height:377px;margin-top:15px;margin-bottom:-10px;}

#top-logo-tagline {position:absolute;width:507px;top:49px;left:44px;z-index:2;}
#top-logo {width:79px;height:53px;float:right;margin:0px 0px 20px 75px;position:relative;z-index:99 !important;}
#tagline {padding-top:55px;width:467px;margin-left:40px;position:relative;right:-4px;text-align:right;color:#636363;font-weight:bold;font-size:138.5%;line-height:108%;}

#top-feature {position:absolute;z-index:1;}

#top-buttons {position:absolute;z-index:2;right:15px;top:40px;width:245px;text-align:center;}
#top-buttons p {color:#616b6d;font-size:85%;font-weight:bold;margin-bottom:2px;position:relative;top:5px;}
#top-buttons p#top-button-download-lower, #top-buttons p#top-button-notify-lower {top:-8px;}
p#top-button-order-upper {color:#cb282d;}
#top-button-order {width:130px;height:61px;display:block;background:transparent url('images/L5_button-top-order-sml.png') no-repeat 0 0;margin:0 auto;margin-bottom:16px;}
#top-button-download {width:130px;height:62px;display:block;background:transparent url('images/L5_button-top-download-itunes-sml.png') no-repeat 0 0;margin:0 auto;margin-bottom:16px;}
#top-button-notify {width:130px;height:61px;display:block;background:transparent url('images/L5_button-top-notify-sml.png') no-repeat 0 0;margin:0 auto;}
#top-button-order:hover {background-position:0px -60px;}
#top-button-download:hover {background-position:0px -61px;}
#top-button-notify:hover {background-position:0px -60px;}

#top-buttons a {position:relative;left:2px;}
#top-buttons a span {position:absolute;left:-9999px;}

#topNews {position:absolute;bottom:15px;z-index:2;}
#topNews-title {float:left;border-right:1px solid #b0b5b6;padding:4px 24px 4px 42px;margin-right:24px;font-weight:bold;color:#616b6d;font-size:85%;}
#topNews-feed {float:left;padding-top:4px;font-size:85% !important;}

#overlay-header {margin:44px 24px 24px 55px;}



/* CONTENT ---------------------------------------------------------------------------------- */

#content {position:relative;z-index:2;}

.overlay-content .entry-content {width:100%;margin:15px 65px 15px 55px;}

.containerBox-grey {background:transparent url('images/L5_container-grey-bg.jpg') repeat-y 0 0;width:820px;margin:0 auto;}
.containerBox-grey .containerBox-top {background:transparent url('images/L5_container-grey-top.jpg') no-repeat top left;width:100%;padding-top:14px;}

.containerBox-red {background:#cf2e31 url('images/L5_container-red-bg.jpg') repeat-y 0 0;width:820px;margin:0 auto;height:1%;}
.containerBox-red-inner {background:transparent url('images/L5_container-red-bottom.jpg') no-repeat bottom left;padding-bottom:9px}
.containerBox-red .vertical-divider {background:transparent url('images/L5_container-red-vertDivider.jpg') repeat-y 425px top;}

#content h2 {font-weight:bold;font-size:138.5%;padding:0px 0px 4px 42px;color:#c9272a;}
.containerBox-grey h2 {color:#c9272a;}
#content .overlay-content h2.page-title {margin-left:15px;}

.containerBox-red h3 {color:#FFF;text-transform:uppercase;font-size:116%;margin-bottom:4px;}
h3.stars {margin-bottom:8px !important;}

.containerBox-grey ol {color:#616b6d;font-size:138.5%;font-weight:bold;margin-left:82px;line-height:85%;padding-bottom:20px;}
.containerBox-grey ol li span {font-size:61%;font-weight:normal;}

.containerBox-grey ul {color:#616b6d;font-size:116%;font-weight:bold;margin-left:60px;line-height:146.5%;padding-bottom:20px;}
.containerBox-grey ul li span {font-size:71%;font-weight:normal;position:relative;top:-1px;left:-8px;}

.containerBox-grey .video-container {width:340px;height:202px;background:transparent url('images/L5_videoContainer.png') no-repeat 0 0;}
.containerBox-grey .video-container .video {background:#FFF;position:relative;top:13px;left:13px;z-index:1;width:314px;height:176px;overflow:hidden;}
.containerBox-grey .video-container .video object {position:relative;z-index:1;}

.containerBox-grey blockquote {background:transparent url('images/L5_blockquote-markTL.png') no-repeat 0 4px;}
blockquote {margin-bottom:30px;padding-left:35px;}
cite {font-size:71%;font-style:italic;display:block;}

body.home .entry-content {float:left;width:427px;margin-top:10px;background:transparent url('images/L5_container-grey-vertical-divider.png') repeat-y right top;}
body.home .overlay-content .entry-content {width:auto;}
#home-featuredVideo {float:right;margin-right:25px;}

#home-tabber-content {margin:25px 0px;position:relative;height:1%;}

.tabber {margin-left:7px;}
#tabber-bottom {margin:0px 8px 0px 0px;}
.tabber ul {list-style-type:none;font-size:85%;}
.tabber li {float:left;border-right:2px solid #FFF;background:transparent url('images/L5_container-red-top-tabOFFbg.jpg') no-repeat bottom left;width:103px;text-align:center;position:relative;}
.tabber li.ON {background:transparent url('images/L5_container-red-top-tabONbg.jpg') no-repeat bottom left;}
#tabber-bottom li {border:0px;border-left:2px solid #FFF;float:right;width:75px;background:#b10811 url('images/L5_redTabber-bottom-tabsShadow.png') repeat-x top left;}
#tabber-bottom li.ON {background:#b9181e none;}
#tabber-bottom li#worksWithLi {width:76px;}
#tabber-bottom li#worksWithLi a {background:transparent url('images/L5_container-red-bottom-tabRightOFFbg.jpg') no-repeat bottom right;}
#tabber-bottom li#worksWithLi.ON a {background:transparent url('images/L5_container-red-bottom-tabRightONbg.jpg') no-repeat bottom right;}
.tabber a {color:#e1e1e1;font-weight:bold;padding:12px 0px 10px 0px;display:block;}
.tabber a:hover {text-decoration:underline;}
.tabber li.ON a {color:#FFF;}
.tabber li.ON a:hover {text-decoration:none;}

#tabber-content-left {width:378px;float:left;height:235px;margin-left:42px;}
#tabber-content-right {width:349px;float:left;height:235px;margin-left:37px;position:relative;}
#details,#specs,#faqs,#reviews {height:235px;width:377px;overflow:auto;position:absolute;left:40px;top:0px;}
#contactUs,#mediaInfo,#worksWith,#support,#l5info {height:235px;width:348px;overflow:auto;position:absolute;left:0px;top:0px;}

.tabber-content-inner {margin:15px 20px 20px 0px;height:auto !important;}

.tabber-content-inner p {font-size:85%;color:#FFF;line-height:131%;margin-bottom:10px;}
.tabber-content-inner td {font-size:85%;color:#FFF;line-height:131%;}
.tabber-content-inner table {margin-bottom:13px;}

.tabber-content-inner a {color:#FFF;}
.tabber-content-inner a:hover {text-decoration:underline;}

#tabber-content-right #worksWith .tabber-content-inner {margin-top:0px;}

#worksWith {position:relative;margin-top:0px;padding:0px 0px;}
#worksWithH3 {color:#FFF;font-size:131%;text-transform:none;}
#contactUsH3 {color:#FFF;font-size:131%;text-transform:none;}
#mediaInfoH3 {color:#FFF;font-size:131%;text-transform:none;}
#supportH3 {color:#FFF;font-size:131%;text-transform:none;}
#l5infoH3 {color:#FFF;font-size:131%;text-transform:none;}
#right-tabber-headline {position:absolute;left:456px;top:-26px;}
#worksWith #requirement {margin-top:5px;color:#FFF;font-size:85%;position:relative;z-index:2;}
#worksWith-logos {position:relative;top:15px;z-index:1;width:308px;height:214px;background:transparent url('images/L5_home-worksWith-logos.png') no-repeat 0 0;}
#worksWith-logos span {position:absolute;left:-9999px;}

.entry-content p {font-size:116%;line-height:141%;margin-bottom:15px;}
.entry-content td {font-size:116%;line-height:141%;}
.entry-content table {margin-bottom:15px;}

body.single #container, body.archive #container {float:none;margin:0px;}
body.single #content, body.archive #content {margin:0px;padding-top:25px;}
body.single .entry-content, body.archive .entry-content {margin:15px 42px;}
body.archive .entry-content {margin-top:5px;}
body.single .entry-content p, body.archive .entry-content p {font-size:93%;color:#50585a;line-height:131%;margin-bottom:10px;}
body.single .entry-content td, body.archive .entry-content td {font-size:93%;color:#50585a;line-height:131%;}
body.archive h3.entry-title, body.archive .entry-date {margin-left:42px;}
body.archive .entry-date {font-size:93%;color:#50585a;line-height:131%;}
body.single .entry-meta, body.archive .entry-meta {margin:20px 42px;}
body.archive .edit-link {margin-left:42px;}
body.single .navigation, body.archive .navigation {margin:20px 42px;border-top:1px solid #9ba1a3;border-bottom:1px solid #9ba1a3;padding:10px 24px;}

.stars {width:112px;height:17px;overflow:hidden;background:transparent url('images/L5_stars-red.png') no-repeat 0 0;}
.tabber-content-inner .stars {position:relative;width:50px !important;height:7px !important;background:transparent url('images/L5_stars-white2.png') no-repeat 0 0 !important;float:left;margin-right:5px;position:relative;top:2px;margin-bottom:0px !important;}
.stars-one {background-position:0 0 !important;}
.stars-two {background-position:0 -17px !important;}
.stars-three {background-position:0 -34px !important;}
.stars-four {background-position:0 -51px !important;}
.stars-five {background-position:0 -68px !important;}
.stars span {position:absolute;left:-9999px;}

.tabber-content-inner .stars-one {width:10px !important;}
.tabber-content-inner .stars-two {width:20px !important;background-position:0 -8px !important;}
.tabber-content-inner .stars-three {width:30px !important;background-position:0 -16px !important;}
.tabber-content-inner .stars-four {width:40px !important;background-position:0 -24px !important;}
.tabber-content-inner .stars-five {width:50px !important;background-position:0 -32px !important;}

#comments {margin:0px 42px;border-bottom:1px solid #9ba1a3;padding-bottom:20px;}
#comments ol {margin:20px 22px;}

form.cform label {font-size:116%;}
form.cform p.cf-sb input {cursor:pointer !important;margin:0px !important;width:131px !important;height:73px !important;border:0px !important;background:transparent url('images/L5_submitBTN.png') no-repeat 0 0 !important;}
form.cform p.cf-sb input:hover, form.cform p.cf-sb input:focus {background-position:0 -72px !important;}

img.works-with{margin-top: 10px;}
div.iphone-requirement{width: auto; margin-right: 78px; margin-top: 0px !important; margin-bottom: 8px;}
span.device-name{font-weight: bold}


/* FOOTER ---------------------------------------------------------------------------------- */

#footer-inner {padding:24px 42px 20px 42px;}

#footer-left {float:left;width:70%;color:#616b6d;font-size:85%;}

#footer-right {float:right;width:29%;text-align:right;font-size:85%;}
#footer-right ul {list-style-type:none;float:right;}
#footer-right li {padding:4px 18px;float:left;border-left:1px solid #d2d3d3;}
#footer-right li:first-child {border:0px;}

#footer-copyright {float:left;color:#616b6d;}

#footer-secondaryNav {float:left;margin-top:0px;margin-left:10px;}
#footer-secondaryNav ul {list-style-type:none;}
#footer-secondaryNav li {padding:0px 10px;float:left;}
#footer-secondaryNav a {color:#616b6d;}
#footer-secondaryNav a:hover {color:#333;}

#footer-legal {font-size:71%;line-height:141%;font-family:verdana, arial, sans-serif;color:#616b6d;margin:35px 0px 30px 0px;text-align:justify;}

#footer-credit {font-size:71%;font-family:verdana, arial, sans-serif;margin-bottom:25px;}
#footer-credit a {color:#616b6d;}
#footer-credit a:hover {color:#333;}

#footer-logo {width:65px;height:27px;float:right;position:relative;top:-18px;margin-right:0px;}



/* Just some example content */
div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {

}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}