/* Theme Name:Spotlight Theme URI:http://www.themesphere.com Description:Spotlight theme by Theme Sphere Version:1.0.1 Author:Themesphere Author URI:http://www.themesphere.com */ /* Basic */ *{margin:0; padding:0} html{background:url('imgs/bg_wood.jpg') repeat top center} html, body{height:100%} body{background:url('imgs/bg.jpg') no-repeat top center; font-family:Verdana,Tahoma; font-size:13px; text-align:center; line-height:20px} #container{height:auto !important; height:100%; margin:0 auto -43px; text-align:left; min-height:100%; width:992px} #container #push{height:43px} ul{list-style-type:disc} ul, ol{list-style-position:inside} blockquote{font-style:italic} input, textarea{background:#fcfcfc; border:1px solid #dadada} label{color:#39c} a{color:#39c; text-decoration:none} a:hover{color:#333; text-decoration:none} a img{border:0} .ad_spot{padding:25px 0px; text-align:center} #content #col-1 .ad_spot a:hover, #content #col-1 .post .ad_spot a:hover, #content #col-1 .post .ad_spot a, .ad_spot a:hover{border-bottom:0} p#breadcrumbs{font-size:10px; color:#999; margin-top:-10px; margin-bottom:-15px} /* Navigation */ #header{background:url('imgs/GuildTravel.jpg') no-repeat; height:178px} #category_navigation{ background:url('imgs/bg_categorynavi.gif') repeat-x; font-family:Arial,Verdana; font-size:16px; color:#069; font-weight:normal; height:38px; list-style:none; position:relative; padding:5px 25px 0px 25px; z-index:2} #category_navigation li{display:inline-block; float:left; margin:-4px 10px 0 0; height:38px} #category_navigation li a{color:#069; display:inline-block; float:left; height:37px; line-height:38px; margin:0; padding:0 5px; text-decoration:none} #category_navigation li.current-cat a{background:#none; color:#39c} #category_navigation li a:hover{background:#none; color:#39c; border-bottom:none} #category_navigation li ul{background:#f3f3f3; border-top:1px solid #ececec; border-bottom:1px solid #ececec; list-style:none; position:absolute; left:-999em; top:38px; padding:0 30px; width:930px} #category_navigation li:hover ul, #category_navigation li.hover ul{left:0} #category_navigation li.current-cat li a{background:none} #category_navigation li.current-cat li a:hover{background:none} #category_navigation ul.children a{background:none; font-size:14px} #category_navigation ul.children a:hover{background:none; color:#39c} #pages_navigation{font-family:Arial,Verdana; font-size:14px; font-weight:normal; color:#666; height:55px; list-style:none; padding:0 75px 0 0; z-index:2} #pages_navigation .date{color:#fff; float:left; font-size:11px; line-height:27px; text-transform:uppercase} #pages_navigation ul{float:right; list-style:none} #pages_navigation ul li{display:inline-block; float:left; font-size:14px; height:27px; margin-right:10px; position:relative} #pages_navigation ul li a{color:#666; display:inline-block; float:left; height:21px; line-height:21px; margin-top:3px; padding:0 8px; text-decoration:none} #pages_navigation li a:hover, #pages_navigation li.current_page_item a{ -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-topleft:3px; -webkit-border-radius-bottomleft:3px; -webkit-border-radius-topright:3px; -webkit-border-radius-bottomright:3px; background:#f9f3e2; border-bottom:none} #pages_navigation li.current_page_item li a{background:none} #pages_navigation li ul{display:block; position:absolute; top:27px; left:-9999em; float:left; list-style-type:none; list-style-position:outside; width:120px} #pages_navigation li:hover ul, #pages_navigation li.hover ul{left:0} #pages_navigation li ul li{background:#9E4D32; float:left; height:auto; display:block; margin:0} #pages_navigation li ul li a{border-bottom:1px dotted #651800; float:left; height:auto; margin-top:0px; width:120px} #pages_navigation li ul li:hover, #pages_navigation li ul li.hover{float:left; background:#651800} #pages_navigation li ul li a:hover, #pages_navigation li ul li.current_page_item a{ -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomright:0px; -webkit-border-radius-topleft:0px; -webkit-border-radius-bottomleft:0px; -webkit-border-radius-topright:0px; -webkit-border-radius-bottomright:0px; border-bottom:1px dotted #9E4D32; width:120px} /* Featured */ #featured{background:url('imgs/bg_featured.jpg') top left no-repeat; height:364px; margin-left:17px; margin-bottom:10px; position:relative; width:100%} #featured #s3slider{ background:#f3f3f3; display:inline; float:left; height:280px; margin:47px 0 0 27px; position:relative; width:550px} #featured #s3sliderContent{list-style-type:none} #featured #s3slider .s3sliderImage{ display:none; float:left; width:550px; height:280px; overflow:hidden} #featured #s3slider .s3sliderImage span{ background:#000; color:#fff; opacity:0.7; filter:alpha(opacity=70); position:absolute; width:530px; padding:10px} #featured #s3slider .s3sliderImage span.bottom{left:0; bottom:0} #featured #s3slider .s3sliderImage span.left, #featured #s3slider .s3sliderImage span.right{width:50% !important; height:160px} #featured #s3slider span{font-size:12px} #featured #s3slider span strong{display:inline-block; font-size:16px; padding-bottom:5px} #featured .ads{ background:#ececec; display:inline; float:right; height:280px; margin-top:28px; margin-right:15px; width:auto} #content #featured a{border-bottom:0; text-decoration:none} #content #featured a:hover{border-bottom:0} #featured #top_picks{position:relative; float:right; width:290px; height:260px; padding:50px 40px 0 0; font-family:Georgia; line-height:30px} p span.biggreylight{font-size:26px; color:#666} p span.bigblue{font-size:30px; color:#39c} /* Content */ #content{ background:#fff url('imgs/bg_content.gif') repeat-y; padding-left:10px; padding-right:12px; overflow:hidden; position:relative; width:970px} #content #col-1, #content #col-2{position:relative} #content .corner{height:5px; overflow:hidden; position:absolute; width:5px} #content .nw{background:transparent url('imgs/white_nw.jpg') no-repeat; top:0; left:0} #content .ne{background:transparent url('imgs/white_ne.jpg') no-repeat; top:0; right:0} #content .sw{background:transparent url('imgs/white_sw.jpg') no-repeat; bottom:0; left:0} #content .se{background:transparent url('imgs/white_se.jpg') no-repeat; bottom:0; right:0} #content #col-1{float:left; font-size:13px; padding:15px 0 0 25px; width:570px} #content #col-1 .pagetitle{margin-bottom:20px} #content #col-1 p a{color:#39c; font-weight:bold} #content #col-1 h1, #content #col-1 h2, #content #col-1 h3, #content #col-1 h4{color:#39c; font-family:Georgia; font-weight:normal} #content #col-1 h1{font-size:26px; margin:20px 0 25px 0; line-height:30px} #content #col-1 h2{font-size:22px; margin:20px 0 5px 0} #content #col-1 h4{font-size:18px; margin:10px 0 5px 0} #content #col-1 ul{padding:0; margin:-10px 0 0 0} #content #col-1 .post{font-size:13px; margin-bottom:25px; overflow:hidden} #content #col-1 .post .body{overflow:hidden} #content #col-1 .post .body h1, #content #col-1 .post .body h2, #content #col-1 .post .body h3, #content #col-1 .post .body h4, #content #col-1 .post .body h5, #content #col-1 .post .body h6{ font-family:Georgia; color:#39c; font-weight:normal; line-height:25px} #content #col-1 .post .body h1{font-size:26px} #content #col-1 .post .body h2{font-size:22px} #content #col-1 .post .body h3{font-size:26px} #content #col-1 .post .body h4{font-size:16px} #content #col-1 .post .body h5{font-size:14px} #content #col-1 .post .body h6{font-size:13px} #content #col-1 .post .body p.excerpt_image alignleft img{padding:5px; border:1px solid #DFDFDF} #content #col-1 .post h3{font-size:26px; line-height:28px} #content #col-1 .post h3 a{text-decoration:none; border-bottom:none} #content #col-1 .post .date{color:#666; display:block; font-size:10px; font-weight:bold; margin-bottom:10px} #content #col-1 .post .social-media{ background:#ececec; margin:25px 0px; overflow:hidden; padding:15px; width:550px} #content #col-1 .post .social-media p{display:inline; float:left; width:550px; padding:0} #content #col-1 .post .social-media ul{display:inline; float:right; list-style-type:none; padding:0} #content #col-1 .post .social-media ul li a{color:#000; padding-left:25px; border:0} #content #col-1 .post .social-media ul li.digg a{background:transparent url('imgs/icons/digg.gif') no-repeat center left} #content #col-1 .post .social-media ul li.delicious a{background:transparent url('imgs/icons/delicious.gif') no-repeat center left} #content #col-1 .post .social-media ul li.su a{background:transparent url('imgs/icons/su.gif') no-repeat center left} #content #col-1 .post .social-media ul li.share a{background:transparent url('imgs/icons/sm-plus.gif') no-repeat center left} #content #col-1 .post .social-media ul li a:hover{border-bottom:0} #content #col-1 .post .more-link{display:inline-block} #content #col-1 .post .more-link{text-decoration:none} #content #col-1 .post p{line-height:20px; padding:5px 0px} #content #col-1 .post a{color:#39c; text-decoration:none} #content #col-1 .post a:hover{border-bottom:1px dotted} #content #col-1 .post a.stylenone, #content #col-1 .post a.stylenone:hover{border-bottom:0} #content #col-1 .post ul, #content #col-1 .post ol{padding:10px 0 0 20px} #content #col-1 .post ul li, #content #col-1 .post ol li{padding:3px 0} #content #col-1 .post blockquote{border-left:2px solid #777; margin:5px 0 5px 20px; padding:5px 10px} #content #col-1 .post .alignright{float:right; margin:8px 0 0 15px} #content #col-1 .post .alignleft{float:left; margin:8px 15px 0 0} #content #col-1 .post .excerpt_image{float:left; display:block; margin-right:15px; border-bottom:0} #content #col-1 .post .excerpt_image:hover{border-bottom:0} #content #col-1 .post img{padding:5px; border:1px solid #DFDFDF; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} #content #col-1 .post img.noborder{border:0} #content #col-1 .post .postmeta{ font-size:11px; margin:0; margin-top:10px; overflow:hidden; background-color:#ECECEC; padding:7px; border-bottom:1px solid #DFDFDF; clear:both; width:566px} #content #col-1 .post .postmeta span.others{display:block; float:left; width:80%} #content #col-1 .post .postmeta span.comments{display:block; float:right} #content #col-1 .post .postmeta a{text-decoration:none; border-bottom:0 none} #content #col-1 h2.section{ display:inline-block; width:100%; border-top:2px solid #000; border-bottom:1px solid #000; color:#932300; font-size:18px; margin-bottom:20px; padding:5px 0} #content #col-1 h2.section a{color:#932300} #content #col-1 #post-comments{overflow:hidden} #content #col-1 #post-comments input{padding:7px 5px; width:320px} #content #col-1 #post-comments textarea{width:98%; padding:7px 5px} #content #col-1 #post-comments p{margin-bottom:15px} #content #col-1 #post-comments button{ background:transparent url('imgs/submit_btn.jpg') no-repeat; border:0; float:right; height:31px; text-indent:-10000px; width:72px} #content #col-1 #post-comments label{margin-left:10px} /* Column 2 */ #content #col-2{ float:right; list-style-type:none; list-style-position:outside; overflow:hidden; padding:15px 30px 0 0; width:320px; font-family:Georgia,Verdana; font-size:18px; color:#333} p span.bigorange{font-size:26px; color:#f90} #featured #top_picks p span.bigorange{line-height:40px} p span.smallorange{font-size:22px; color:#f90; line-height:30px} p span.biggrey{font-size:22px} p span.smallgrey{font-size:15px} #box_contact{background:url('imgs/box_contact.jpg') no-repeat; height:270px; width:259px; padding:30px 35px 10px 35px} #box_book{background:url('imgs/box_book.jpg') no-repeat} #box_view{background:url('imgs/box_view.jpg') no-repeat} #box_maillist{background:url('imgs/box_maillist.jpg') no-repeat} #box_independent{background:url('imgs/box_independent.jpg') no-repeat; height:180px; width:259px; padding:20px 35px 0 35px} #box_book, #box_view, #box_maillist{width:239px; padding:18px 20px 0 70px} #box_book, #box_view, #box_maillist{height:35px} #content #col-2 ul, #content #col-2 ol{list-style-type:none; list-style-position:outside} #content #col-2 li{font-size:12px; margin-bottom:30px; overflow:hidden} #content #col-2 li h4{ background:transparent url('imgs/links_bg.jpg') no-repeat; color:#fff; font-size:12px; font-weight:bold; height:33px; line-height:33px; margin-bottom:20px; text-indent:20px; width:320px} #content #col-2 .subscribe{ background:transparent url('imgs/subscribe_bg.jpg') no-repeat; height:45px; margin-top:20px; overflow:visible; position:relative} #content #col-2 .subscribe img.rss{position:absolute; right:10px; top:-20px} #content #col-2 .subscribe h5{padding:6px 0 0 10px; line-height:1.7em} #content #col-2 .subscribe h5 a{color:#fd6600; font-size:16px; font-weight:bold; text-decoration:none} #content #col-2 .subscribe p{display:inline; margin-left:10px; line-height:normal} #content #col-2 .subscribe p a{color:#a1a1a1; font-size:12px; text-decoration:none} #content #col-2 .ads{ width:315px; background:#ececec; overflow:hidden; position:relative; padding-bottom:20px; margin:20px 0 0 5px} #content #col-2 .ads .se{background:transparent url('imgs/ad_se.jpg')} #content #col-2 .ads .sw{background:transparent url('imgs/ad_sw.jpg')} #content #col-2 .ads ul{width:275px; display:inline; float:left; margin:0 0 0 30px} #content #col-2 .ads ul li{float:left; margin-right:10px; margin-bottom:10px} #content #col-2 .ads ul li a{display:block} #content #col-2 .ads li a, #content #col-2 .ads a:hover{border:none} #content #col-2 .content-list .content-type{ background:transparent url('imgs/links_bg.jpg') no-repeat; height:33px; width:300px; margin-bottom:25px; padding:0 10px; position:relative} #content #col-2 .content-list .content-type li{ float:left; font-size:13px; font-weight:bold; line-height:33px; margin:0; padding:0; text-align:center} #content #col-2 .content-list .content-type li a{ border:0; color:#fff; display:block; height:33px; text-decoration:none; width:75px} #content #col-2 .content-list .content-type li a:hover{background:#4F4F4F} #content #col-2 .content-list .content-type li.current a{background:#932300; height:33px} #content #col-2 .content-list .content{font-size:12px; position:relative} #content #col-2 .content-list .content li{background:transparent url('imgs/arrow.jpg') no-repeat 0% 50%; margin-bottom:15px; padding-left:15px} #content #col-2 .content-list .tags li{background:none; margin-bottom:15px; padding-left:0; line-height:40px} #content #col-2 .content-list .content li a{color:#000; text-decoration:none} #content #col-2 .links a{color:#000; font-weight:normal; padding:0; text-decoration:none} #content #col-2 .links a:hover{border-bottom:1px dotted #000} #content #col-2 .links ul{display:block; overflow:hidden; padding:0} #content #col-2 .links ul li{background:#fff url('imgs/arrow.jpg') no-repeat 0px 5px; margin-bottom:5px; position:relative; text-indent:20px} #content #col-2 .links ul li ul{padding-left:10px; margin-top:5px} #content #col-2 .links ul li ul li{background:none} #content #col-2 .flickr .images{width:290px; margin:0 auto; position:relative; left:-3px} #content #col-2 .flickr_badge_image{ border:1px solid #CFCFCF; display:inline; float:left; margin-bottom:5px; margin-left:5px; width:75px; height:75px; padding:7px} #content #col-2 .flickr_badge_image:hover{border:1px dotted #CFCFCF} #content #col-2 .flickr_badge_image a:hover{border-bottom:0} #header form{display:inline; float:right; margin-top:30px; margin-right:20px} #content #col-2 form input{background:#fff; border:1px solid #e4e4e4; color:#333; padding:3px; width:230px; margin-left:6px} #content #col-2 button{background:transparent url('imgs/search_btn.jpg') no-repeat; border:0; height:26px; margin-left:4px; text-indent:-10000px; width:62px} /* Comments */ .comments-list{width:580px} .comments-list, .comments-list ul{list-style-type:none} .comments-list li{list-style-position:outside; margin-bottom:30px} .comments-list li .comment-container-div{ background:#ececec; padding-bottom:10px; position:relative; margin-bottom:30px; overflow:hidden; width:100%} .comments-list li .comment-container-div .top{ border-bottom:1px solid #cfcfcf; overflow:hidden; margin:0px 10px 10px 10px; padding-bottom:10px; padding-top:10px; width:96%} .comments-list li .comment-container-div .top .comment_author{float:left} .comments-list li .comment-container-div .top .comment_author .avatar{ background:#fff url('imgs/avatar_bg.jpg') no-repeat; display:block; float:left; height:39px; width:39px} .comments-list li .comment-container-div .top .comment_author .avatar img{border:0; display:block; padding:3px} .comments-list li .comment-container-div .top .comment_author .avatar{border:0} .comments-list li .comment-container-div .top .comment_author .avatar img{height:33px; width:33px} .comments-list li .comment-container-div .top .comment_author .info{float:left; margin-left:10px} .comments-list li .comment-container-div .top .comment_author .info span{display:block; margin-bottom:3px} .comments-list li .comment-container-div .top .comment_author .info .name, .comments-list li .comment-container-div .top .comment_author .info .name a{color:#000; font-size:14px; text-decoration:none} .comments-list li .comment-container-div .top .comment_author .info .date{color:#81807d; font-size:10px} .comments-list li .comment-container-div .top .author a{color:#fff; text-decoration:none} .comments-list li .comment-container-div .top .author a:hover{color:#fff3ef} .comments-list li .comment-container-div .top .comment-order{color:#81807d; font-size:24px; float:right; margin:5px 5px 0 0} .comments-list li .comment-container-div .top .comment-order a{color:#81807d; font-size:24px; text-decoration:none} .comments-list li .comment-container-div .body{font-size:13px; padding-left:15px; padding-right:15px} .comments-list li .comment-container-div .body p{line-height:20px; padding:2px 0px} .comments-list li .comment-container-div .body a{color:#000; border-bottom:1px solid; text-decoration:none} .comments-list li .comment-container-div .body a:hover{border-bottom:1px dotted} .comments-list ul{padding-left:20px} .comments-list li .comment-container-div .reply{overflow:hidden; margin-top:5px} .comments-list li .comment-container-div .reply a{ display:block; float:right; background:transparent url('imgs/reply.jpg') no-repeat; width:50px; height:23px; text-indent:-10000000px; text-decoration:none; border-bottom:0px} .comments-list li .comment-container-div .reply a:hover{border-bottom:0px} #content .comments-list li .comment-container-div .nw{background:transparent url('imgs/comment_nw.jpg') no-repeat} #content .comments-list li .comment-container-div .ne{background:transparent url('imgs/comment_ne.jpg') no-repeat} #content .comments-list li .comment-container-div .sw{background:transparent url('imgs/comment_sw.jpg') no-repeat} #content .comments-list li .comment-container-div .se{background:transparent url('imgs/comment_se.jpg') no-repeat} /* Featured News */ #videos{background:#fff; margin-left:10px; margin-bottom:25px; position:relative; width:970px} #videos h2{ background:#0F0D01; color:#fff; font-size:12px; height:20px; line-height:20px; margin-bottom:5px; overflow:hidden} #videos h2 span{float:left; margin-left:18px} #videos h2 a{color:#fff; float:right; margin-right:18px} #videos ul{margin-left:18px; overflow:hidden} #videos ul li{ display:inline; float:left; list-style-position:outside; list-style-type:none; margin-top:8px; margin-right:18px; width:220px} #videos ul li h3{color:#000; font-size:14px; font-weight:bold; margin-bottom:10px} #videos ul li h3 a{color:#000; text-decoration:none} #videos ul li h3 a:hover{border-bottom:1px dotted} #videos ul li a:hover{border:0} #videos ul li img{margin-bottom:10px} #videos ul li h4{font-size:12px; font-weight:bold; margin-bottom:10px} #videos ul li h4 a{color:#900808; text-decoration:none} #videos ul li h4 a:hover{border-bottom:1px dotted} /* Footer */ #footer{ background:url('imgs/bg_footer.png') no-repeat bottom center; color:#333; font-size:12px; padding-top:110px; height:189px; line-height:23px; text-align:center; margin:0 auto; width:992px} #footer a{color:#333} #footer a:hover{color:#333} /* Begin Calendar */ #wp-calendar{empty-cells:show; margin:10px auto 0; width:155px} #wp-calendar #next a{float:right; text-align:right} #wp-calendar #prev a{text-align:left; float:left} #content #col-2 #wp-calendar a{border-bottom:1px solid #000} #content #col-2 #wp-calendar a:hover{border-bottom:1px dotted} #wp-calendar caption{text-align:center} #wp-calendar td{padding:3px 0; text-align:center} /* Page Navi */ #content #col-1 .wp-pagenavi{display:block} #content #col-1 .wp-pagenavi span, #content #col-1 .wp-pagenavi span.extend{ background:#fff; border:1px solid #ECECEC; color:#333; display:inline-block; padding:5px; margin-right:5px} #content #col-1 .wp-pagenavi span.current{ background:#fff; font-weight:bold; border:none; margin:0; margin-right:5px} #content #col-1 .wp-pagenavi a, #content #col-1 .wp-pagenavi a:visited{ color:#666; background:#ECECEC; border:1px solid #DFDFDF; display:inline-block; padding:5px; margin-right:5px; text-decoration:none} #content #col-1 .wp-pagenavi a:hover{ color:#333; background:#fff; border:1px solid #ECECEC; padding:5px; margin-right:5px; text-decoration:none} .navigation{ margin-bottom:20px; overflow:hidden; width:100%} .navigation a{ color:#333; display:block; background:#ECECEC; border:1px solid #DFDFDF; padding:5px; text-decoration:none} .navigation a:hover{ color:#333; background:#fff; border:1px solid #ECECEC; padding:5px; text-decoration:none} .navigation .alignleft{float:left} .navigation .alignright{float:right} /* Image captions */ /* .wp-caption{border:1px solid #ddd; text-align:left; background-color:#f3f3f3; padding-top:4px; margin:10px 0 10px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .wp-caption img{margin:0; padding:0 5px 0 5px; border:0 none} */ .wp-caption p.wp-caption-text{font-size:11px; font-style:italic; color:#333; line-height:17px; padding:0 0 5px 0; margin:0 0 0 10px}