/* Book */

#content.book {
color:#000;
background:#fff;
position:relative;
}

#content.book img {
padding-bottom:10px;
}

#content.portrait.book img {
padding-right:20px;
}

#content.portrait.book.right img {
padding-right:0px;
padding-left:20px;
float:right;
}

#content.book p.title {
text-align:left;
font-weight:bold;
}

#content.book.portrait p {
padding:0 10px 20px;
text-align:center;
font-size:12px;
text-align:left;
}

#content.book.landscape p.title {
text-align:center;
}

#content.book.landscape p {
width:520px;
margin:0 auto;
padding-bottom:10px;
font-size:12px;
text-align:center;
}

#footer.book {
visibility:hidden;
}

#content.alan p.title {margin-top:55px;}
#content.romney p.title {margin-top:120px;}
#content.linda p.p1 {margin-top:150px;}
#content.meriem p.p0 {margin-top:90px;}
#content.paige p.title {margin-top:160px;}
#content.alisa p.p1 {margin-top:125px;}



/* SOTM Content CSS Document */

.headline {
color:#ffcc00;
font-weight:bold;
font-size:1.4em;
border-bottom:1px solid #2F1C1C;
text-align:center;
}

.headline span {color:#fff;}

#content.static #content_text.touchnote p.headline {
margin-bottom:1em;
}

h2, legend {
color:#fff;
font-size:1.6em;
text-transform:capitalize;
font-weight:normal;
}

h2 span {
display:none;
}

h3 {
color:#e59421;
font-size:1em;
margin:5px 0;
font-weight:normal;
/* border-top:1px solid #2f1c1c; */
}

#content p {
padding-bottom:10px;
line-height:1.6em;
}

#content p.link {
padding-bottom:0px;
color:#ffcc00;
}

#comments p a {
text-decoration:none;
padding-bottom:0px;
color:#ffcc00;
border-bottom:1px dotted #ffcc00;
font-weight:bold;
font-size:1.1em;
}

.number {
color:#e59421;
font-weight:bold;
margin-right:5px;
padding:1px 3px;
}

p.link a {
color:#ffcc00;
text-decoration:none;
}

p.link a:hover {
border-bottom:1px dotted #fff;
}

.read h2 {
display:block;
width:209px;
height:21px;
background:url('/images/read_all_about_it.gif') no-repeat;
}

.latest h2 {
display:block;
width:209px;
height:21px;
background:url('/images/latest_news.gif') no-repeat;
}

.news h2 {
display:block;
width:179px;
height:21px;
background:url('/images/in_the_news.gif') no-repeat;
}

.your_sotm h2 {
display:block;
width:179px;
height:21px;
background:url('/images/your_sotm.gif') no-repeat;
}

.buy h2 {
display:block;
width:179px;
height:21px;
background:url('/images/buy_stuff.gif') no-repeat;
}

.best_of h2 {
display:block;
width:179px;
height:21px;
background:url('/images/best_of_sotm.gif') no-repeat;
}

.adult h2 {
display:block;
width:179px;
height:21px;
background:url('/images/adult_filter.gif') no-repeat;
}

.touchnote h2 {
display:block;
width:179px;
height:21px;
background:url('/images/touchnote.gif') no-repeat;
}

/* /// Bread crumb /// */
#breadcrumb {
text-align:right; 
color:#000; 
padding-left:10px;
}

#breadcrumb a {
color:#000;
}


/* /// static /// */
#content.static {
text-align:left;
}

#content.static hr {
display:none;
}

#content.static #content_text h3,
#content.static #content_text p {
width:inherit;
margin:0 15%;
}

.photoleft {
float:left;
margin:10px 20px 10px 0;
border:1px solid #ffcc00;
border-width:0 1px 1px 0;
}

.photoright {
float:right;
margin:10px 0 10px 20px;
border:1px solid #ffcc00;
border-width:1px 0 0 1px;
}

object {
display:block; 
margin:0 37px;
}

#flash object {margin:0;}

#content_text h2 {
padding-bottom:20px;
}

#content_text .mid_img {
margin:0 auto;
}

#content_text h3 {
font-weight:bold;
padding:20px 0 10px 0;
font-size:1.3em;
}

#content_text p a,
#about p a {
color:#ffcc00;
text-decoration:none;
border-bottom:1px dotted #ffcc00;
}

#about p,
.home p {
text-align:left;
}

.home p.link {
text-align:center !important;
}

/*
#content_text h3, 
#content_text p,
#content_text #result {
width:70%;
margin:0 auto;
}*/

#content_text ol {
list-style-position:inside;
width:70%;
margin:0 auto;
}


#content_text #result p {
text-align:center;
width:100%;
}

input.error {
border:1px solid #ffcc00;
}

#content_text form {
width:70%;
margin:0 auto;
}

#content_text form .text,
#content_text form .file {
width:80%;
margin:0 auto 15px auto;
}

#content_text form .submit {
margin-top:1em;
padding:3px;
clear:both;
}

#content_text form label {
width:100%;
text-align:left;
margin:0;
height:auto;
}

#content_text form label input {
margin:0 10px 0 0;
float:left;
}

#content_text form label.terms a {
border-bottom:1px dotted #FFCC00;
color:#FFCC00;
text-decoration:none;
}

#content_text form textarea {
height:200px;
}

#content_text form fieldset {
border:1px solid #2f1c1c;
padding:20px;
}

#content_text form fieldset {
margin-bottom:10px;
}

#content_text.calendar form label {
float:none;
text-align:left;
margin:0;
}

#content_text.calendar .cal_month {
width:12%;
float:left;
padding:5px;
margin:0 5px;
}

#content_text.calendar .cal_options {
width:auto;
float:left;
padding:5px;
margin:0 5px;
}

#content_text.calendar form p {
width:auto;
color:#bbb;
margin-bottom:5px;
}

h3.coming_soon {
font-size:1.3em;
text-align:center;
border:1px solid #2f1c1c;
height:25px;
padding:15px;
}

/* /// next / previous / lucky tabs /// */
a#prev_tab {
position:absolute;
left:-18px;
top:225px;
display:block;
width:26px;
height:100px;
background:url('/images/previous.gif');
}

a#next_tab {
position:absolute;
right:-18px;
top:225px;
display:block;
width:26px;
height:100px;
background:url('/images/next.gif') 26px 0;
}

#lucky_tab {
position:absolute;
left:-18px;
top:330px;
display:block;
width:26px;
height:61px;
background:url('/images/luckytab.gif');
}

#lucky_tab2 {
position:absolute;
right:-18px;
top:330px;
display:block;
width:26px;
height:61px;
background:url('/images/luckytab.gif') -52px 0;
}

.book a#prev_tab {
left:-26px;
background-image:url('/book/images/previous.gif');
}

.book a#next_tab {
right:-26px;
background-image:url('/book/images/next.gif');
}

a#prev_tab:hover {background-position:26px 0;}
a#next_tab:hover {background-position:0 0;}
a#lucky_tab:hover {background-position:-26px 0;}
a#lucky_tab2:hover {background-position:-78px 0;}

#prev_tab span, #next_tab span, #lucky_tab span, #lucky_tab2 span {display:none;}


/* /// portrait /// */

#content.portrait img {
float:left;
clear:both;
}

.portrait #content_text {
float:right;
margin:100px 19px 50px 19px;
width:320px;
}

.portrait p.link {
text-align:right;
}

/* /// landscape /// */

#content.landscape img {
clear:both;
}

.landscape #content_text {
padding:10px 19px 0 19px;
width:682px;
}

.portrait #content_text p,
.landscape #content_text p {
width:100%;
}

/* /// gallery /// */


#additions, #gallery_comments {
float:left;
display:block;
width:520px;
}

#additions h2, #gallery_comments h2,
#additions h3, #gallery_comments h3,
#additions p, #gallery_comments p {
margin-left:22px;
}

#additions ul, #gallery_comments ul {
margin:20px 0;
list-style:none;
}

#gallery_comments ul {
margin-bottom:40px;
}

#additions h2 {
display:block;
width:176px;
height:21px;
background:url('/images/latest_additions.gif') no-repeat;
}

#additions.monthly_archive h2 {
display:block;
width:176px;
height:25px;
background:url('/images/monthly_archive.gif') no-repeat;
}

#additions.search h2 {
display:block;
width:176px;
height:21px;
background:url('/images/search.gif') no-repeat;
}

#gallery_comments h2 {
display:block;
width:200px;
height:21px;
background:url('/images/latest_comments.gif') no-repeat;
}

#additions ul a, #gallery_comments a {
display:block;
position:relative;
padding:10px 174px 10px 55px;
width:295px;
color:#ffcc00;
text-decoration:none;
}

#gallery_comments a {
width:459px;
padding-right:10px;
}

#additions a:hover,
#gallery_comments a:hover {
background:#000;
color:#fff;
}

#additions a img.thumb,
#additions a:link img.thumb {
display:none;
position:absolute;
top:-20px;
right:15px;
}

#additions a:hover img.thumb {
display:block;
}

#additions img.audio_i,
#additions img.video_i {
margin:0 5px;
vertical-align:middle;
}

#additions .number,
#gallery_comments .number {
display:block;
position:absolute;
left:20px;
float:left;
color:#fff;
font-weight:bold;
margin-right:5px;
height:18px;
padding:1px 3px;
}

#gallery_search {
float:right;
display:block;
width:195px;
padding-left:20px;
border-bottom:1px solid #2f1c1c;
border-left:1px solid #2f1c1c;
}

#gallery_search h2 {
display:block;
width:77px;
height:21px;
background:url('/images/search.gif') no-repeat;
}

#gallery_search form {
margin:10px 0;
}

#gallery_search p {
font-size:0.9em;
margin-bottom:10px;
}

#gallery_search input.text {
border:1px solid #ffcc00;
padding:2px 3px;
width:153px;
margin:1px 0;
}

#gallery_search label {
margin:5px 20px 0 0;
font-weight:normal;
font-size:0.9em;
}

#gallery_search label input {
margin:2px 5px 0 0;
}

#gallery_search input.submit {
border:1px solid #ffcc00;
background:#ffcc00;
color:#271313;
margin:0;
padding:0px 2px;
width:25px;
height:21px;
}

#months, 
#comments_archive,
#random {
clear:right;
float:right;
display:block;
width:215px;
padding:20px 0 10px 0;
border-left:1px solid #2f1c1c;
}

#comments_archive {
border-top:1px solid #2f1c1c;
}

/* Lucky dip button */

#random {
border-bottom:1px solid #2f1c1c;
}

#random a {
display:block;
width:195px;
height:30px;
margin:0 0 10px 20px;
background:transparent url('/images/lucky_btn.png') no-repeat;
}

#random a span {display:none;}

#months h2 {
display:block;
width:88px;
height:21px;
margin:0 0 0 20px;
background:url('/images/archive.gif') no-repeat;
}

#comments_archive h2 {
display:block;
width:120px;
height:21px;
margin:0 0 0 20px;
background:url('/images/comments_hdr.gif') no-repeat;
}

#months h3 {
margin-left:20px;
}

#months ul {
margin:20px 0 0 0;
list-style:none;
}

#months ul ul.months {
	margin: 0;
}

#months ul li.year {
	margin-bottom: 10px;
}



/* Comment the following two rules to have a tree structure for the current year */
#months ul li.year a.current_year {
	display: none;
}

#months ul ul.current_months {
	margin-left: 0;
}
/* */



#comments_archive p {
margin:20px 0 0 0;
}

#months a {
display:block;
padding:5px 0 5px 20px;
color:#ffcc00;
text-decoration:none;
}


#comments_archive a {
display:block;
padding:5px 0 0 20px;
color:#ffcc00;
text-decoration:none;
}

#months a:hover, 
#comments_archive a:hover {
text-decoration:underline;
background:#000;
color:#fff;
}

/* /// sections /// */

.portrait #about, 
.portrait #comments {
float:right;
padding:0px 19px;
width:320px;
}

.landscape #about, 
.landscape #comments {
padding:0px 19px;
}

.landscape #comments div div {
float:left;
padding:0px 19px;
width:290px;
}

#about h2 {
display:block;
width:63px;
height:14px;
margin:0 auto 25px auto;
background:url('/images/about.gif') 0 center no-repeat;
}

.landscape hr {
height:1px;
width:350px;
margin:10px auto;
border-bottom:1px solid #2f1c1c;
}

.portrait hr {
border-bottom:1px solid #2F1C1C;
float:right;
height:1px;
margin:10px 60px 10px 0px;
width:240px;
}

.context_text hr {
height:1px;
width:70%;
margin:10px auto;
border-bottom:1px solid #2f1c1c;
}

.landscape #about h2 {
margin-top:25px;
}

#scroll {display:block;}
#scroll.yes {height:200px;overflow:auto;}
.landscape #comments #scroll.yes {height:120px;}

#comments h2 {
display:block;
width:105px;
height:14px;
margin:25px auto;
background:url('/images/comments.gif') 0 center no-repeat;
}

#add_comment, #share {
float:left;
margin-top:20px;
padding:0 20px;
width:320px;
}

#add_comment {
border-right:1px solid #2f1c1c;
}

#add_comment h2 a {
display:block;
width:191px;
height:14px;
margin:0 auto 15px auto;
background:url('/images/add_comment.gif') 0 center no-repeat;
}

#add_comment #charslimit {
display:block;
font-weight:normal;
}

#share {
position:relative;
}

#share_thanks {
display:block;
background:#000;
padding:10px;
position:absolute;
top:40px;
right:36px;
width:172px;
height:76px;
border:1px solid #fff;
}

#share h2 a {
display:block;
width:167px;
height:14px;
margin:0 auto 5px auto;
background:url('/images/share.gif') 0 center no-repeat;
}

#share p {
margin-bottom:10px;
}

#sub_tab {
clear:both;
display:block;
margin:0 auto;
width:721px;
padding-bottom:5px;
position:relative;
color:#fff;
background:url('/images/sub_content.jpg') 0 bottom no-repeat #020001;
}

#sub_tab.close {
height:50px;
background:url('/images/sub_content_up.jpg') 0 bottom no-repeat #020001;
}

#sub_tab div.clear {
clear:both;
}

#sub_tab.close p,
#sub_tab.close form {
display:none;
}
#sub_tab.close h2 a {
margin-bottom:0px;
}

form input.text, form textarea {
border:1px solid #fff;
background:#000;
margin-bottom:5px;
color:#fff;
padding:3px;
font-weight:normal;
font-size:inherit;
line-height:inherit;
width:100%;
}

#sub_tab input.text, #sub_tab textarea {
/*float:left;*/
width:190px;
margin-left:10px;
}

#sub_tab form {
float:left;
}

textarea {
font-family:Helvetica, Verdana, Arial, sans-serif;
height:100px;
}

#sub_tab textarea {
height:50px;
margin-lefta:16px;
}

label {
display:block;
height:18px;
margin:2px 0px 5px 0;
float:left;
font-weight:bold;
text-align:right;
}

#sub_tab label {
width:80px;
}

.submit, .admin .submit {
border:1px solid #fff;
background:#ffcc00;
}

#sub_req {
clear:both;
}

#sub_tab .submit {
width:100px;
}

a.close_arrow {
position:absolute;
right:8px;
bottom:8px;
display:block;
height:23px;
width:23px;
background:url('/images/close_arrow.gif');
}

a.close_arrow span {
display:none;
}

#sub_tab.close a.close_arrow {
display:none;
}

/* // buy form // */

#buy_form {
border:1px solid #222;
background:#231111;
width:70%;
margin:20px auto 0 auto;
padding:5px 5px 0  5px;
}

#buy_image {
width:70%;
margin:0 auto;
position:relative;
}

#calendar_img,
#mug_img, 
#mousemat_img,
#print_img {
border:5px solid #ccc;
position:absolute;
display:none;
}

#mug_img {top:50px; left:70px;}
#mousemat_img {top:50px; left:230px;}
#print_img {top:80px; left:-55px;}
#calendar_img {top:100px; left:25px;}

#buy_form form {
text-align:center;
width:25%;
float:left;
margin-bottom:20px;
}

#buy_form label {
text-align:center;
float:none;
margin:0;
}

#buy_form input.num {
text-align:center;
width:60px;
margin:0 0 20px 0;
}

#view_cart p {
padding:2px;
width:95%;
margin:0 auto;
clear:both;
text-align:center;
}

#view_cart form {
border-top:1px solid #271314;
padding:10px 0 0 0;
margin:0;
width:100%;
clear:both;
text-align:center;
display:block;
}

/* #calendar p.cal_link a {
font-size:1em;
font-weight:normal;
color:#000;
display:inline;
padding:4px 4px 2px 4px;
line-height:0;
background:#FFCC00 none repeat scroll 0 0;
border:1px solid #FFFFFF;
} */


/* Best of */

div#photos {
display:block;
margin:20px;
}

.column {
width:25%;
text-align:center;
float:left;
}

div.best {
display:block;
font-size:0.9em;
text-align:center;
}

div.best a img {margin:1px;}

div.best a:hover img {
margin:0px;
border:1px solid #FFCC00;
}

div.best.landscape {height:120px;}
div.best.portrait {height:240px;}

/* Touchnote page */

div.touchnote div.column {
width:25%;
}

div.touchnote p img {
vertical-align:middle;
}

div.touchnote img.photoright {
border:0;
}

#content.static div#content_text.touchnote div.column h3 {
margin:0 0 0 10px;
border-bottom:1px solid #FFCC00;
width:auto;
text-align:left;
}

div.touch a {
display:block;
padding:6px;
margin:5px 0 0.5em 10px;
font-size:1.1em;
line-height:1.3em;
text-align:left;
div.touch a:hover;
width:auto;
border-bottom:1px dotted #FFCC00;
}

div.touch a:hover {
padding:5px;
border:1px solid #FFCC00;
}

div.touch img {
display:none;
}

div.touch a:hover img {
margin-top:0.5em;
display:block;
}


/* Share */

#share_ext {
display:block;
height:20px;
margin-bottom:20px;
}

#content_text #share_ext {margin:10px 0 0 0;} 

#share_ext ul {
display:block;
margin:0 auto;
width:120px;
list-style-type:none;
white-space:nowrap;}

#share_ext li {display:inline;}

#share_ext ul li a {
  width:24px;
height:20px;
  display:block;
  text-decoration:none;}

#share_ext ul a {float:left;}

#share_ext li.delicious a {background:url("/images/delicious.gif") no-repeat center;}
#share_ext li.digg a{background:url("/images/digg.gif") no-repeat center;}
#share_ext li.reddit a{background:url("/images/reddit.gif") no-repeat center;}
#share_ext li.facebook a{background:url("/images/facebook_i.gif") no-repeat center;}
#share_ext li.stumbleupon a{background:url("/images/stumbleupon.gif") no-repeat center; padding-right:0;}

#share_ext li a span {display:none;}

p.other_sites {
display:block;
position:absolute;
top:20px;
right:10px;
padding:2px;
}

p.other_sites a {display:block;}


/* Audio & Video */

div#audio_holder,
div#video_holder {
position:relative;
z-index:1;
display:block; 
text-align:left;
width:720px;}

a#audio_btn,
a#video_btn {
position:absolute;
z-index:2;
display:block;
width:110px;
height:28px;
background:url('/images/audio_overlay_btn.png') no-repeat;
}

div.portrait a.audio_tl {top:505px; left:10px;}
div.portrait a.audio_tr {top:10px; left:10px;}
div.portrait a.audio_bl {top:10px; left:10px;}
div.portrait a.audio_br {top:10px; left:10px;}

div.landscape a.audio_tl {top:445px; left:10px;}
div.landscape a.audio_tr {top:10px; left:10px;}
div.landscape a.audio_bl {top:10px; left:10px;}
div.landscape a.audio_br {top:10px; left:10px;}

a#audio_btn:hover {
background:url('/images/audio_overlay_btn.png') 0 -28px no-repeat;
}

a#audio_btn span,
a#video_btn span {
display:none
}

#flash {
position:absolute;
display:none;
width:220px;
height:30px;
}

div.portrait div#flash {
top:470px;
left:100px;
}

div.landscape div#flash {
top:420px;
left:280px;
}


/* Video */

a#video_btn {
background: url('/images/video_overlay_btn.png') no-repeat;
}

a#video_btn:hover {
background:url('/images/video_overlay_btn.png') 0 -28px no-repeat;
}

#video {
position:absolute;
display:none;
width:425px;
height:350px;
padding:9px;
background:#fff;
border:1px solid #7B7776;
}

#video object {margin:0;}

div#video {
top:80px;
left:157px;
}


/* Facebook App */

#content div.apps {
text-align:center;
padding:0;
margin:10px 0 0 0;
line-height:0;
}

#content.portrait div.apps {
text-align:left;
}

#content div.apps a {
border:none;
}

#content div.apps img {
clear:none;
float:none;
}

#content a.fbAppLink:hover span {
position:fixed;
left:0;
bottom:0;
display:block;
width:287px;
height:180px;
z-index:100;
background:transparent url('/images/facebookAppOver.png') no-repeat;
}



/* Touchnote */

#content a.tnThisLink {
display:inline-block;
margin-bottom:10px;
}

#content a.tnThisLink:hover span {
position:fixed;
right:0;
bottom:0;
display:block;
width:287px;
height:180px;
z-index:100;
background:transparent url('/images/touchnoteOver.png') no-repeat;
}


/* Accordian */

#content_text h3.accordion_toggle {
display: block;
background:#322020;
color:#fff;
padding:10px;
text-decoration: none;
font-weight: normal;
outline: none;
font-size: 16px;
border-bottom: 1px dashed #fff;
cursor: pointer;
margin: 0 0 0 0;
}

#content_text h3.accordion_toggle_active {
font-weight: bold;
font-size: 18px;
color:#271313;
background:#ffcc00;
border-bottom:0;
}

.accordion_content {
overflow: hidden;
margin:0 15%;
padding-bottom:20px;
border-bottom:3px solid #ffcc00;
}

#content.static #content_text div.accordion_content h3,
#content.static #content_text div.accordion_content p {
margin:0;
}


/* Adult */

#content.static #content_text.adult h3,
#content.static #content_text.adult p {
text-align:center;
margin:0 5%;
}

form#adult_form fieldset,
form#adult_form label {
float:none;
text-align:center;
margin:0 auto;
padding:10px;
}

form#adult_form fieldset {
margin:100px auto;
}

form#adult_form label input {
float:none;
margin-right:0.5em;
}

form#adult_form input.submit {

font-weight:bold;
}

.adult a#prev_tab,
.adult a#next_tab {
top:175px;
}

.adult a#lucky_tab,
.adult a#lucky_tab2 {
top:280px;
}


/* Recaptcha */

div#recaptcha_widget_div {
clear:left;
margin-bottom:5px;
}

/* FB */

#fb_like {
display:inline-block;
width:320px;
text-align:left;
margin:10px 10px 0 10px;
}

.portrait #fb_like {
display:block;
width:350px;
text-align:left;
margin:10px 0 10px 0;
}

/* Tweet */

#twitterBtn {
display:inline-block;
width:160px;
}

.addthis_button {
display:block;
margin:5px auto;
}