﻿/* Global elements */
.col1{float:left;width:230px;margin-right:20px;}       
.col2{float:left;width:480px;margin-right:20px;padding-top:10px;text-align:center;}
.col3{float:left;width:230px;}

.col12{float:left;width:740px;}
.col23{float:left;width:710px;}

.col-margin-top{margin-top:20px;}
.col-margin-bottom{margin-bottom:20px;}
.col-border-top{border-top: 1px solid #cdcdcd;}

.margin10Top{margin-top:20px;}

.twitter-homepage-subheader{ margin-top: 5px; margin-bottom: 15px; }

/* Slider */
#screen2{position:relative;width:980px;margin: 0px;}
#screen2 a{color:#000000;}

#screen2 #buttons{margin: 10px auto;width: 260px;text-align: center;}
#screen2 #buttons a{ float: left; margin: 10px 10px;color:#000000; text-decoration: none; }

#buttons .prev{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_left.png'); background-repeat: no-repeat; }
#buttons .prev:hover{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_left_hover.png'); background-repeat: no-repeat; }
#buttons .prev:active{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_left_active.png'); background-repeat: no-repeat; }

#buttons .next{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_right.png'); background-repeat: no-repeat; }
#buttons .next:hover{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_right_hover.png'); background-repeat: no-repeat; }
#buttons .next:active{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_right_active.png'); background-repeat: no-repeat; }

#buttons .slidernum{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_dot.png'); background-repeat: no-repeat; background-position: 0px -2px;  }
#buttons .slidernum:hover{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_dot_selected.png'); background-repeat: no-repeat; background-position: 0px -2px; }
#buttons .slidernum:active{display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_dot_active.png'); background-repeat: no-repeat; background-position: 0px -2px; }

#buttons .selected{ display: block; height: 16px; width: 16px; background-image: url('/images/homepage/scroll_dot_selected.png'); background-repeat: no-repeat; background-position: 0px -2px; }

#slideshow{	overflow:hidden;width:980px;height:420px;}
#slideshow ul{width:3900px;padding-left: 240px;}
#slideshow li{float:left;margin: 0px 10px;	cursor:pointer;}
#slideshow li img{width: 480px;height: 400px;}
#slideshow li h2{font-weight: bold; text-align:center;}             
#slideshow li h2 em{font-style: italic;}

/* Reader */
#reader{font-size: 14px; text-align: left; width: 220px; float: left; padding: 10px 0px 0px 0px;}
#reader img.section-description{ margin-bottom: -10px; margin-top: 5px;}
#reader li img{margin:10px 0px 0px 0px;width:230px;}
#reader li .cropped-thumbnail{height: 160px; overflow: hidden; margin-top: 10px;}
#reader li h3{text-align:left;color:#000000;font-family: Georgia, Times, serif;line-height: 1.4;}
#reader li h3 a{color:#000000;text-decoration:underline; font-weight: bold; }
#reader li h3 a:hover{color:#3B3B3B;}
#reader li p{ text-align: left; width: 230px; margin-left: 0px;  line-height: 2; font-size: 12px; font-family: Georgia, Times, serif; font-weight: bold; }
#reader li p a{ color: #000000; font-style: italic; text-decoration: none; } 
#reader li p a:hover{ color: #3B3B3B; } 
#reader_update_list{ font-style: italic; padding: 0; margin: 0px 0px 20px 0px; letter-spacing: 0.02em; font-weight: bold; list-style: none; line-height: 1.5;  }
#reader_update_list a{ color: #000000; font-weight: bold; letter-spacing: 0.02em; text-decoration: underline;   }
#reader_update_list li{ line-height: 1.6; margin-bottom: 20px; }

/* Loves featured */
#loves {position:relative;padding:10px 0px 0px 0px;}
#loves img.section-description{margin-bottom:-3px;margin-top:5px;}
#loves .thumbs {margin-top:13px;border-top:1px solid #cdcdcd;height:436px;overflow:hidden;}
#loves .thumbs .sub-col{float:left;width:120px;}
#loves .thumbs .sub-col img{width:120px;float:left;}
#loves .thumbs .most-loved-label{width:auto;text-align: left; float: left; position: absolute; left: 30px; top: 120px; background-color: #FFFFFF;border:4px solid #000000;color:#000000;font-family:"Courier New", "Courier", "Monaco", Monospace;font-weight:bolder;font-size:16px;letter-spacing:-0.02em;padding:7px;}
#tooltip {position:absolute;z-index:3000; border: 4px solid #000000; text-align: left;background-color: #ffffff; padding: 10px;	font-family: "Courier New", "Monaco", Monospace;font-size: 14px;font-weight:bold;}

/* Shop */
#shop{position:relative;width:480px;border-bottom:1px solid #cdcdcd;margin-top:20px;padding:20px 0px;}
#shop .prev{float:left;position:relative;top:-105px;left:100px;}
#shop .next{float:right;position:relative;top:-105px;left:90px;}

#shop #shop-slider{overflow:hidden;width:230px;margin-left:140px;margin-top:10px;}
#shop #shop-slider ul{width: 1800px;padding-left:225px;}
#shop #shop-slider li{float:left;margin:0 16px;cursor:pointer;text-align:center;list-style: none;}
#shop #shop-slider li img{margin:0 auto;}
#shop #shop-slider h5{width: 230px;	margin: 0 auto;	text-align: center;}
#shop #shop-slider li h5{width: 200px; margin: 0 auto; font-size: 16px; font-weight: bold; text-decoration: underline; line-height: 1.6; font-style: italic;  }
#shop #shop-slider li h5 a{color:#000000;font-style:italic;}
#shop #shop-slider li h5 a:hover{color:#3B3B3B;}
#shop #shop-buttons{width:230px;margin-left:30px;}


/* Twitter Feed */
#twitter_update_list{font-style:italic; padding: 0; margin: 0px 0px 20px 0px; letter-spacing: 2; font-weight: bold; list-style: none; line-height: 1.5; text-align: center;}
#twitter_update_list a{color: #000000; font-weight: bold; letter-spacing: 2; text-decoration: underline;}
#twitter_update_list li{line-height: 1.6; margin: 0px 50px 20px 50px; width: 370px; text-align: center;}

.twitter-header{margin-bottom:18px;}
.twitter-link{text-decoration:underline; color: #000000; padding-bottom: 20px;  font-size: 16px; font-weight: bold; margin: 20px 0px 20px 0px;}
.twitter-link:hover{color:#3B3B3B;} 

#twitter{font-size: 14px; text-align: left; height: 440px; width: 220px; float:left;padding:10px 0px 0px 0px;}
#twitter img{margin:10px 0px 0px 0px;}
#twitter p{width:230px; margin-left: 0px;line-height: 2; font-size: 12px; font-family: Georgia, Times, serif; font-weight: bold;}
#twitter_update_list{font-style: italic;padding: 0; margin: 0px 0px 20px 0px; letter-spacing: 2; font-weight: bold; list-style: none; line-height: 1.5;}
#twitter_update_list a{color: #000000;font-weight: bold; letter-spacing: 2; text-decoration: underline;}
#twitter_update_list a:hover{color: #3B3B3B;} 
#twitter_update_list li{line-height: 1.6;margin-bottom: 20px;}

/* More Current */
#current-column{width:230px;padding-top:15px;}
#current-column .more-header{margin: 0px 0px 10px 0px;}

#more-current{width:1000px;}
#more-current .more-header {margin:0 0 10px;}
#more-current li{float:left;}

.current-list li{width:230px;padding:0px;text-align:left;margin-right:20px;margin-bottom:30px;}
.current-list li h2{text-align:left;color:#000000; font-family:Georgia,Times,serif;line-height:1.4;font-weight: bold; font-size: 12px; width: 200px;}
.current-list li h2 a{font-weight: bold;}
.current-list li h2 a:hover{color: #3B3B3B;}
.current-list li h3{font-style: italic; color:#000000;font-family: Georgia,Times,serif;line-height:1.4;font-weight: normal;font-size:12px;width:200px;margin: 5px 0px 5px 0px;}
.current-list li p{font-size:14px;line-height:1.4;}
.current-list li img{width:230px;}
.hr-separator{color:#cdcdcd;background-color:#cdcdcd;height:1px;border:0;}

/* Extra Exclusives */
#featured-exclusive > div{margin:10px 0 30px 0;}

#more-exclusives{width:1000px;}
#more-exclusives .more-header {margin:0 0 10px;}
#more-exclusives li{float:left;width:230px;padding:0px;text-align:left;margin-right:20px;margin-bottom:30px;}
#more-exclusives h3{text-align:left;color:#000000;font-family:Georgia,Times,serif;line-height:1.4;font-weight:bold;font-size:12px;width:200px;}
#more-exclusives h3 a{font-weight:bold;}
#more-exclusives p{font-size:14px;line-height:1.4;}

/* Register panel */
#loves-register{}
#loves-register fieldset{border:1px solid #000000;width:200px;height:25px;margin-top:15px;display:inline;}
#loves-register fieldset input[type="text"]{border:0 none;float:left;margin:0;padding:2px;width:115px;height:19px;font:12px Tahoma;}
#loves-register fieldset input[type="image"]{float:right;}
