﻿body{}

#container{background-color:#ffffff;}

.col1{width: 645px; float: left; border-top: 1px solid #cdcdcd; min-height: 300px;}
.col2{width: 310px; float: left; padding-top: 20px; padding-left: 20px; border-top: 1px solid #cdcdcd;}

#category-header h2{font-family: Georgia, "Times New Roman", Serif; font-size: 16px; font-weight: bold; text-align: center; margin: 20px auto; font-style: italic;}
#category-header h4{color: #999999;font-style:italic;font-family:Palatino Linotype,Georgia,Serif;margin: -12px auto 15px auto;padding-top:0px;font-weight: normal;text-align:center;width:420px;font-size:14px;line-height:1.4;}

.hr-current-separator{ width: 210px; color: #cdcdcd; background-color: #cdcdcd; height: 1px; border: 0px none; margin: 20px 0px; }
h3{text-transform: uppercase; text-align: center; } 
em{ font-style: italic; }
p{ line-height: 1.3; }

.col2 h2{ font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; text-transform: uppercase; text-align: center; margin-bottom: 10px; font-weight: bold; margin-left: -10px; }
.col2 h3{margin-top: 20px;}
.col2 p{padding: 10px 20px;}

ul#columns{height:25px;border-top: 1px solid #cdcdcd;font-family: Arial, Helvetica, Sans-Serif;text-transform:uppercase;position:relative;padding-top:5px;}
#columns li{list-style-type:none;font-size:10px;font-weight:bold;letter-spacing:0.05em;display:inline;position:relative;}
#columns li a{padding:10px 10px 9px;color:#000000;text-decoration:none;}
#columns li a:hover,#columns li a.selected{background-color:#000000;color:#FFFFFF;}

/* list */
div#featured{ margin-top: 20px; min-height: 380px; }
div#featured h1{ font-size: 26px; font-weight: bold; line-height: 1.3; }
div#featured img{ float: left; width: 430px; margin-right: 10px; }

ul.articles { margin-top: 20px; }
ul.articles li{padding-bottom:20px;clear:left;}
ul.articles li h1{font-size: 16px; font-weight: bold; line-height: 1.3;}
ul.articles li p{font-size: 13px; margin-top: 5px; letter-spacing: 0.3;}

#left-column{width:245px;margin-right:30px;float:left;}
#left-column li{}
#left-column li img{ width:245px; }
#left-column li p{ }

#right-column{width:365px;float:left;}
#right-column li{}
#right-column li img{ width: 195px; float: left; margin-right: 10px; margin-bottom:30px; }
#right-column li p{ width:160px;float:left; padding-bottom:10px;}

/* details */
.article{text-align:center; width: 520px; margin: 10px auto 0px auto;}
.article p object{ }
.article object{ }

.article .image .caption {display:block;font-size: 12px; font-family:Palatino Linotype,Georgia,Serif; color: #777777;}
.article .image .caption em{font-family:Palatino Linotype,Georgia,Serif;  font-style: italic; color: #999999;}
.article a{ color: #000000;}
.article a:hover{ color: #3B3B3B; }
a.more-link{ color: #000000; font-weight: bold; padding: 0px; margin-left:20px; }
.article p .more-link{ margin-left:0;}
.article p{ text-align: left; margin: 10px 0px;}

.article .landscape{ width: 520px; margin: auto; }
.article .landscape .image .caption{text-align: left; margin-bottom: 10px; }
.article .landscape .image{ }

.article .portrait{ width: 520px; margin: auto; }
.article .portrait .image{float:left;padding-right:20px;}
.article .portrait .image .caption{margin: 10px 0px 0px 0px; width:240px;line-height:1.6;margin-bottom:10px;}
.article .portrait .image img{width: 280px; margin-left: 0px;}
    
.article-body{font-family: Helvetica, Arial, Sans-Serif; line-height: 1.4; letter-spacing: 0.01em; font-size: 13px;}
.article-body h5{font-family: Helvetica, Arial, Sans-Serif; clear: left; text-align: left; padding: 0px 20px;font-size: 16px;text-decoration: underline;}
.article-body p{padding: 0px;}
.article-body p img{width:520px;} 
.article-body p a{color: #000000;}
.article-body b,.article-body strong{font-weight:bold;}
.article-body em,.article-body i{font-style:italic;}

.article-body .image .source{ text-align: right; font-family: Georgia, Times, Serif; font-style: italic; color: #999999; } 
.article-body .author-description{ font-style:italic; padding-top:20px; }

.article-body blockquote { display: block; margin: 1em 0; padding: 1em; text-align: left; font-size: 1.3em; font-family: 'Georgia'; font-style: italic; font-weight: bold; line-height: 1.3; clear: both; }
.article-body blockquote:before { width: 200px; height: 6px; display: block; background-color: #000; content: ""; margin: 0 0 1em 0; position: relative; left: -40px; }
.article-body blockquote:after { width: 200px; height: 4px; display: block; background-color: #000; content: ""; margin: 1em 0 0; position: relative; left: -40px; }
.no-generatedcontent .article-body blockquote { padding: 1em 1.3em; border-top: 6px solid #000; border-bottom: 4px solid #000; }


.article-header{ width: 420px; padding: 0px; float: left; text-align: center; margin: 10px 0px 0px 0px; }
.article-header h1{ width: 420px; text-decoration: none; font-style: normal; font-size: 20px; padding: 0; margin: 0px auto 5px auto; font-family: Palatino Linotype, Georgia, Serif; font-weight: bold; line-height: 1.3; }
.article-header h1 em{ font-style: italic;}
.article-header h1 a{ text-decoration: none;}
.article-header p.column-description{ color: #999999;font-style:italic;font-family:Palatino Linotype,Georgia,Serif;margin: 10px auto 10px auto;padding-top:0px;font-weight: normal;clear:both;text-align:center;width:420px;font-size:14px;line-height:1.4;}
.article-header h3{ letter-spacing: 1px; width: 420px; font-size: 12px; text-align: center; padding: 0; margin: 3px auto 2px auto; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; position: relative; text-transform: uppercase; }
.article-header h3 a{ text-decoration: none; }

#tooltip{position:absolute;z-index:3000;border:1px solid #cdcdcd;background-color:#ffffff;padding:10px;font-family:Georgia, "Times New Roman", Times, Serif;font-size:12px;font-weight:bold;text-transform:lowercase;}

.prev-article{ margin-left: 0px; line-height: 100px; text-align: left; padding-left: 0px; width: 50px; float: left; margin-top: 10px; font-size: 40px; font-weight: bold; text-decoration: none;  }
.prev-article a{ text-decoration: none; color: #000000; }
.prev-article a:hover{ color: #3b3b3b; }
.next-article{ line-height: 100px; text-align: right; padding-right: 0px; width: 50px; float: left; margin-top: 10px; font-size: 40px; font-weight: bold; text-decoration: none; }
.next-article a{ text-decoration: none; color: #000000; }
.next-article a:hover{ color: #3b3b3b; }

.share {text-align: left; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding-bottom: 8px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px;}
.share li {display:inline;}
.share li.fbLike{position: relative;top:-3px;left:0px;}
.share li.fbLike+li{margin-left:-15px;}
.share a{ font-size: 11px; color: #000000; text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; position: relative; top: -4px; }
.share a img{ position: relative; top: 5px; margin: 0px 5px 0px 15px; }

.article .share{margin-bottom: 10px;}

.related-items{margin-bottom: 40px;}
.related-items h2{margin-left: 60px; margin-top: 20px; margin-bottom: 10px; font-size: 20px; font-weight: bold;}
.related-items li{margin-left: 60px; height: 100px; padding-right: 30px; clear: left;} 
.related-items li img{width: 100px; float: left; margin-right: 20px; margin-bottom: 20px; }
.related-items li h3{text-align: left; font-weight: bold; color: #000000; padding-bottom: 10px; text-transform: none; }
.related-items li h3 a{text-align: left; font-weight: bold; color: #000000; text-decoration: none; font-style: italic; text-transform: none; }
.related-items li h3 a:hover{color: #3b3b3b; }
.related-items li h4{font-size: 12px;font-weight: bold; font-style:italic;} 
.related-items li p{font-size: 12px;color: #999999; line-height: 1.5;  }

.hr-entry-separator{ height: 1px; color: #cdcdcd; background-color: #cdcdcd; border: 0px; }

/* pager */
#pager ul{margin:0;padding: 30px 0px 20px 0px;list-style-type:none;text-align:center;clear:both;width:100%;}
#pager ul li {display:inline;height:30px; position: relative; top: -10px; padding:.2em;font-weight: bold;}
#pager ul li a{text-decoration:none;color:#000000;background-color:#FFFFFF;padding: 7px;}
#pager ul li a:hover{color: #FFFFFF;background-color:#000000;}
#pager ul li .selected{color: #FFFFFF;background-color:#000000;padding:7px;}

.hr-clear { clear: both; }

/* gallery */
.simplemodal-close{ text-align: right;}
.simplemodal-close a{ position: relative; left: 755px; top: 45px; text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-close-button.gif'); background-repeat: no-repeat; }
.simplemodal-close a:hover{ position: relative; right: 0px; text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-close-hover-button.gif'); background-repeat: no-repeat; }

ul.gallery{clear: both; margin-bottom: 30px; padding-top: 30px;}
ul.gallery li{float:left; margin-right:5px; width: 100px; height: 92px;}
ul.gallery li.last{margin-right:0;}
ul.gallery li img{width:100px;}
a.more-images{display:block;width:520px;clear: both;text-align:left;margin:20px 0px;font-weight: bold;}

/* gallery page */
#gallery-header{ height: 30px; border-bottom: 1px solid #cdcdcd; margin-top: 20px; width: 800px; }
#gallery-header h1{ color: #000000; font-weight: bold; font-size: 24px; text-align: left; float: left; position: relative; padding-left:20px; }
        
#gallery #main-panel{ width: 520px; float: left; text-align: center; margin-right: 20px; margin-left: 20px; }
#gallery #main-panel #image-container{ height: 520px; padding: 10px 0px; border-bottom: 1px solid #cdcdcd; }
#gallery #main-panel #image-container img{ max-height: 520px; max-width: 520px; margin: 0 auto; }

#side-panel{ width: 240px; height: 530px; float: left; border-bottom: 1px solid #cdcdcd; margin-top: 10px; }
#side-panel #gallery-nav{ text-align: left; } 
#side-panel #gallery-nav .prevLink{ float: left; background-image:url('/images/gallery/gallery-active-left-button.gif'); background-repeat: no-repeat; color: #FFF; width: 30px; height: 30px; }
#side-panel #gallery-nav .nextLink{ float: left; background-image:url('/images/gallery/gallery-active-right-button.gif'); background-repeat: no-repeat; width: 30px; height: 30px; }
#side-panel #gallery-nav .nextLink a{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-right-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav .prevLink a{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-left-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav .nextLink a:hover{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-disabled-right-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav .prevLink a:hover{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-disabled-left-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav .nextLink a:active{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-active-right-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav .prevLink a:active{ text-decoration: none; display: block; width: 30px; height: 30px; background-image:url('/images/gallery/gallery-active-left-button.gif'); background-repeat: no-repeat; }
#side-panel #gallery-nav h5{ margin: 0; padding: 0;  color: #666; font-weight: bold; font-size: 12px; }
#side-panel #image-description{ padding-top: 10px; height: 200px; border-top: 1px solid #cdcdcd; margin-top: -15px; }
#side-panel #image-description h2{ margin: 0 0 5px 0; padding: 0; position: relative; top: 0px; color: #000000; font-size: 22px; font-weight: bold; }        
#side-panel #image-description h4{ margin: 0 0 10px 0; padding: 0;  color: #666; font-weight: bold; font-style: italic; font-size: 12px; }
#side-panel p{color: #000000; font-size: 14px; margin-bottom: 10px; line-height: 1.4;}

/* loves featured */
#loves-featured{position:relative; left: -30px; height:100%; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; }
#loves-featured .thumbs img{ border: 0 none;}
#loves-featured .thumbs .sub-col{float: left; width:100px;}
#loves-featured .thumbs .sub-col img{width: 100px;}
#loves-featured .thumbs .most-loved-label{ width: auto; float: left; position: absolute; left: 40px; top: 40px; background-color: #FFFFFF; border: 4px solid #000000; color: #000000; font-family: "Courier New", "Courier", "Monaco", Monospace; font-weight: bolder; font-size: 20px; letter-spacing: -0.02em; padding: 7px; }
#tooltip {  position: absolute; z-index: 3000;  border: 5px solid #000000;  background-color: #ffffff;  padding: 10px;  font-family: "Courier New", "Monaco", Monospace;  font-size: 16px;  font-weight: bold;}

/* side-panels */
#loves-side-panel{width: 300px; height: 340px; border-bottom: 1px solid #cdcdcd; margin: 0px 30px 20px 30px; }
.hr-sidepanel-separator{color: #cdcdcd; background-color: #cdcdcd; height: 1px; border: 0px none; margin: 20px 0px; }

#reader-side-panel{width:310px; clear: right;padding-top: 20px; border-top: 1px solid #cdcdcd;}
#reader-side-panel h2{margin-bottom:10px;}
#reader-side-panel ul li{float: left;margin-bottom:20px; margin-right: 10px; padding-bottom: 10px;}
#reader-side-panel ul li.break{margin-right:0;}
#reader-side-panel ul li.break+li{clear:left;}
#reader-side-panel ul li .cropped-thumbnail{ width: 145px; height: 80px; overflow: hidden; }
#reader-side-panel ul li .cropped-thumbnail a img{ width: 145px; }
#reader-side-panel ul li h3{margin-top:0px;font-size: 12px;width: 145px; text-align: left; font-weight: bold;line-height:1.6;}
#reader-side-panel ul li h3 a{font-weight: bold; color:#000000;font-family:Georgia,Times,serif;line-height:1.4;text-decoration:underline;}
#reader-side-panel ul li h3 a:hover{color: #3b3b3b;}
#reader-side-panel ul li p{width: 145px; padding: 2px 0px 0px 0px; font-style: italic; text-align:left;font-family:Georgia,Times,serif;font-size:12px;font-weight:bold;line-height:1.6;margin-left:0;}
#reader-side-panel ul li p a{font-size: 12px; color: #000000; text-decoration: none;}
#reader-side-panel ul li p a:hover{color:#3b3b3b;}

/*
#most-viewed-side-panel div{height: 270px;overflow: hidden;width:300px;}
#most-viewed-side-panel ul{width: 1700px;}
#most-viewed-side-panel li{float:left;margin: 0 10px;width:300px;}
#most-viewed-side-panel li h2{ font-family: Georgia, Times New Roman, Serif; text-transform: none; line-height: 1.6; text-align: center; width: 200px; margin: 0 auto; }
#most-viewed-side-panel li img{ padding-left: 30px; }

#most-viewed-side-panel-controls{ position: relative; }
#most-viewed-side-panel-controls .prev{ position: absolute; left: 0px; top: -180px; }
#most-viewed-side-panel-controls .next{ position: absolute; right: 10px; top: -180px }
*/

#recent-columns{ text-align: center; width: 240px; margin: 0 auto 20px auto; }
#recent-columns li{ list-style: none; line-height: 1.6; }
#recent-columns li a{ font-size: 14px; }
#recent-columns h3{ font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1.5; }
#recent-columns h4{margin-top:5px; }
#recent-columns h4 a{ font-size: 18px; text-decoration: none; font-weight: bold; line-height: 1.5; letter-spacing: 0.7px; }
#recent-columns span{ font-weight: bold; }

/* add */
/*.col2 .ad h4{font-size:10px;color:#bcbcbc; font-family: Helvetica, Arial, Sans-Serif; margin-bottom: 6px; text-align: center; text-transform: uppercase; }*/
div.advert{margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd;}

#all-columns-list{ margin: 30px 0 0 0; }
#all-columns-list li{ margin: 10px 0px; }
#all-columns-list li a{ font-size: 24px; font-weight: bold; }
#all-columns-list li p{ width: 500px; margin: 10px 0px 20px 0px; }


/* New most viewed widget */
#most-viewed-side-panel {
	margin: 3px 0 0;
	height: 330px;
}

#most-viewed-cycle,
#most-viewed-cycle ul {
	display: block;
	width: 260px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	list-style: none 0 none;
	overflow: hidden;
}

#most-viewed-cycle li {
	display: block;
	width: 240px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}

#most-viewed-cycle li h2 {
	font-family: Georgia, Times New Roman, Serif;
	text-transform: none;
	line-height: 1.6;
	text-align: center;
	width: 200px;
	margin: 0 auto;
}

#most-viewed-cycle li em,
#most-viewed-cycle li span {
	text-decoration: underline;
}

#most-viewed-cycle li img {
	display: block;
	width: 240px;
	margin: 0 auto 32px;
}

#most-viewed-pager {
	display: block;
	width: 100px;
	margin: 18px auto;
	position: relative;
	left: 3px;
	top: -95px;
	z-index: 9999;
}

#most-viewed-pager a {
	width: 7px;
	height: 7px;
	background-color: #d6d6d6 !important;
	float: left;
	margin: 0 0 0 10px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#most-viewed-pager a:hover,
#most-viewed-pager a.activeSlide {
	background-color: #000 !important;
}

.no-borderradius #most-viewed-pager a {
	background-image: url(/images/current/polyfill-dot.png);
}
