/* Version: 2.0.1 Description: Uwishunu Development by: Alex Hillman */ html { height:100%; overflow: -moz-scrollbars-vertical !important; } body { height: 100%; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; } a, a:visited, a:active, a:hover { text-decoration:underline; outline:none; } :focus { -moz-outline-style: none; } #the-background { height:100%; left:0; margin:0; overflow:hidden; padding:0; position:fixed; top:0; width:100%; z-index:1; } #the-content { position:absolute; width:100%; z-index:3; line-height:.85em; } .spacer { clear:both; height:0px; font-size:0px; } /******** Wrapper 910px **********/ #wrapper { z-index:5; text-align:left; margin:0 auto; position:relative; } h1 { position:absolute; left:10px; top:8px; } h1, h1 a { display:block; text-indent:-9999px; width:403px; height:130px; } /******** Navigation **********/ #util-nav { position:absolute; top:0px; right:40px; } #util-nav li { float:left; margin-left:1px; } #util-nav li a { display:block; height:17px; text-indent:-9999px; } #util-nav li#nav-rss a { background:url(../images/rss_txt.png) no-repeat; width:30px; } #util-nav li#nav-about a { background:url(../images/about_txt.png) no-repeat; width:88px; } #util-nav li#nav-authors a { background:url(../images/authors_txt.png) no-repeat; width:47px; } #util-nav li#nav-contact a { background:url(../images/contact_txt.png) no-repeat; width:52px; } #util-nav li#nav-gophila a { background:url(../images/gophila_txt.png) 2px 0px no-repeat; width:74px; } /******** Top Buttons **********/ #head-icons, #head-icons-back { position:absolute; top:48px; left:802px; z-index:11 } #head-iconsitems { margin-top:18px; margin-left:4px;} #head-icons a { margin:0 8px 0 0; display:block; float:left; height:32px; overflow:hidden; } #head-icons a:hover IMG { margin-top:-32px; } #head-follow { width:120px; height:15px; position:absolute; top:2px; left:-10px; } #head-icons-back { background:#000; height:54px; width:120px; z-index:10; filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /******** Photo Info **********/ #photo-logo a { display:block; width:95px; height:48px; background:url(../images/photo-logo.png) no-repeat top; text-indent:-9999px; position:absolute; left:460px; top:45px; cursor: pointer; } #photo-logo a:hover { background:url(../images/photo-logo.png) no-repeat bottom; } #photo-info { position:absolute; left:525px; top:106px; width:227px; } #photo-info-top { height:4px; width:227px; background:url(../images/photo-info-top.png) no-repeat; } #photo-info-content { background:url(../images/photo-info-repeat.gif) repeat-y right; position:relative; font-size:10px; line-height:14px; padding:5px 0 10px 10px; } #photo-info-content p { margin:0; } #close-photo { position:absolute; right:5px; top:0; height:13px; width:50px; display:block; text-indent:-9999px; background:url(../images/close-btn.gif) no-repeat; } #photo-info-bottom { width:227px; height:5px; background:url(../images/photo-info-bottom.gif) no-repeat bottom; } /******** Typography **********/ .blue-txt { color:#5998B5; } .orange-txt { color:#c54121; } /******** Main Navigation **********/ #main-nav { width:804px; height:53px; position:absolute; left:181px; top:141px; z-index:100; } #main-nav ul { width:804px; padding-left:11px; } #main-nav ul li { float:left; margin-left:-11px; } #main-nav ul li a { display:block; height:53px; text-indent:-9999px; margin-left:0px; } #main-nav ul li a#main-nav-events { background:url(../images/navbar/events.png) no-repeat; width:91px; } #main-nav ul li a#main-nav-video { background:url(../images/navbar/video2.png) no-repeat; width:91px; } #main-nav ul li a#main-nav-dining { background:url(../images/navbar/dining.png) no-repeat; width:82px; } #main-nav ul li a#main-nav-drinks { background:url(../images/navbar/drinks.png) no-repeat; width:81px; } #main-nav ul li a#main-nav-nightlife { background:url(../images/navbar/nightlife.png) no-repeat; width:105px; } #main-nav ul li a#main-nav-weekend { background:url(../images/navbar/weekend.png) no-repeat; width:94px; } #main-nav ul li a#main-nav-arts { background:url(../images/navbar/arts.png) no-repeat; width:67px; } #main-nav ul li a#main-nav-music { background:url(../images/navbar/music.png) no-repeat; width:76px; } #main-nav ul li a#main-nav-shopping { background:url(../images/navbar/shopping.png) no-repeat; width:106px; } #main-nav ul li a#main-nav-sports { background:url(../images/navbar/sports.png) no-repeat; width:90px; } #main-nav ul li a#main-nav-featured { background:url(../images/navbar/featured.png) no-repeat; width:105px; } #main-nav ul li a#main-nav-deals { background:url(../images/navbar/deals.png) no-repeat; width:75px; } #main-nav ul li a#main-nav-hotels { background:url(../images/navbar/hotels.png) no-repeat; width:91px; } #main-nav ul li a:hover, #main-nav ul li a.active { background-position:bottom !important; } #main-nav span#inside-out { position:absolute; bottom:5px; right:10px; display:block; width:151px; height:13px; text-indent:-9999px; background:url(../images/inside-out-txt.png); z-index:15; } #main-nav-righthang { position:absolute; left:50%; top:141px; width:50%; height:53px; z-index:2; } /******** Sidebar **********/ #sidebar { margin-top:44px; float:right; } #sidebar-contents { ; background:#5998B5; } #search { width:250px; background:url(../images/pattern.gif) repeat; } #search form { padding:25px 0 25px 10px; } #searchimage, #inputsearch, #submitsearch { margin-right:0px; } #sidebar h3 { background:#5998B5; color:#FFF; width:235px; font-size:11px; line-height:30px; font-style:italic; font-weight:bold; padding-left:15px; background:url(../images/sidehead.png); font-style:normal; color:#c6fdff; text-transform:uppercase; height:35px} #whats-hot-desc { float:right; width:105px; margin-left:10px; } .sidebar-item { padding:6px 15px 10px 15px; background:#FFF; font-size:11px; line-height:13px; width:220px; color:#696969; } .sidebar-item a { display:inline; color:#ec6431; } .sidebar-item a:hover { color:#F58C65; } .sidebar-item #rss { background:url(../images/feed-small.png) no-repeat left; padding-left:20px; display:block; } .sidebar-item h2 { color:#6FACC8; font-size:12px; margin-bottom:10px; } .sidebar-item ul li { margin-bottom:6px; list-style:none; no-repeat 0 0px; padding-left:0px; margin-top:6px;} #sidebar-bottom { height:10px; width:257px; background:url(../images/sidebar-bottomcap.png); } /******** Main - Filter **********/ #main { float:left; margin-top:44px; } #filter { margin-top:-25px; height:39px; background:url(../images/pattern.gif) repeat; position:relative; border-bottom:4px solid #5998b5; } #filter .corner { /* background:url(../images/filter-border.png) no-repeat; */ background:#5998B5; height:43px; position:absolute; right:-11px; top:0; width:11px; } #posts { border-right:11px solid #5998b5; background:#FFF; padding:20px 0; } #posts-bottom { height:10px; background:url(../images/posts-bottomcap.png); } .post { font-family:Georgia, serif; color:#333; font-size:12px; border-bottom:dotted 2px #bbb; margin-bottom:20px; padding-bottom:20px; } .post .date { font-family:Georgia, serif; font-size:12px; font-weight:bold; margin:0; padding:0; color:#696969; } .post a, .post a:visited, .post a:active { color:#F58C65; font-family:Georgia; text-decoration:none; } .post a:hover { background:#F58C65; color:#FFF; } .post h2 a, .post h2 a:visited, .post h2 a:active { color:#5998B5; font-size:20px; line-height:22px; font-weight:normal; text-decoration:none; padding:0 2px; margin:5px 0; display:block; } .post h2 a:hover { color:#FFF; background-color:#5998B5; } .post .post-meta p.categories, .post .post-meta p.tags { margin:0 0 5px 0; padding:0; text-align:right; } .post .post-util .tags a { background:url(../images/tag.gif) no-repeat left; padding-left:10px; } .post .post-util .tags a:hover { background:url(../images/tag.gif) no-repeat left !important; color:#F58C65; text-decoration:underline; } .post .post-meta .categories a { background:none; text-transform:uppercase; padding:2px 1px; } .post .post-meta .categories a:hover { color:#FFF; background-color:#F58C65; text-decoration:underline; } .post .wp-caption-text { font-size:11px; font-style:italic; text-align:center; padding-top:7px; padding-bottom:0px; } img.aligncenter { margin-bottom:0; } .post .info { margin:10px 0; border-bottom:dotted 1px #ddd; font-size:14px; line-height:18px; } .post .info a { text-decoration:underline; padding-bottom:2px; } .post .post-util ul { margin-top:20px; } .post .post-util ul li a { padding-left:25px; line-height:20px; } .post .post-util .read { background:url(../images/icon-readmore.gif) no-repeat 2px 3px; } .post .post-util .comments { background:url(../images/icon-comment.gif) no-repeat 2px 5px; } .post .post-util .email { background:url(../images/icon-email.gif) no-repeat 0 7px; } .post .post-util .book-now { background:url(../images/bookstay.gif) no-repeat 4px 0; } .post .post-util a:hover { color:#F58C65; background:transparent; text-decoration:underline; } .post .post-util ul.floatright li { text-align:right; } .post .post-util ul li ul { margin-top:10px; width:150px; } .post .post-util ul li ul li { float:left; width:25px; display:block; } .post .author-message { margin:10px 0; background:#F58C65; color:#FFFFFF; padding:10px; } .post .author-message h3 { margin-bottom:5px; } /******** Contents / Page width **********/ #contents { padding-top:150px; margin-left:10px; } #wrapper { width:1000px; } #posts { width:710px; } #filter { width:710px } #posts-bottom { width:721px;} .post { margin-left:16px; } .post { margin-right:15px } #sidebar-contents { width:257px; } /* comments */ #comments { margin-top:20px; margin-right:40px; margin-left:40px; } #comments h3 { font-weight:normal; color:#5998B5; font-size:14px; } .comment { margin:15px 0; clear:both; } .comment .timestamp { color:#F58C65; font-size:11px; } .comment .comment-top { background:url(../images/commenttop.gif) no-repeat; width:392px; height:7px; } .comment .comment-bottom { background:url(../images/commentbottom.gif) no-repeat; width:392px; height:21px; } .comment .comment-body { width:372px; background:#F58C65; color:#FFF; font-size:11px; padding:5px 10px; } .comment.alt { float:right; } .comment.alt .timestamp { text-align:right; color:#5998B5; } .comment.alt .comment-body { width:372px; background:#5998B5; color:#FFF; font-size:11px; padding:5px 10px; } .comment.alt .comment-top { background:url(../images/commenttopblue.gif) no-repeat; width:392px; height:7px; } .comment.alt .comment-bottom { background:url(../images/commentbottomblue.gif) no-repeat; width:392px; height:21px; } .comment .comment-body a, .comment .comment-body a:visited, .comment .comment-body a:active { color:#FFF; text-decoration:none; } .comment .comment-body a:hover { background:#FFF; color:#F58C65; } .comment.alt .comment-body a:hover { background:#FFF; color:#5998B5; } .comments-header { margin-bottom:20px; } #comment-form { clear:both; } #comment-form a { color:#FFF; } #comment-form h2 { color:#F58C65; font-size:11px; background:url(../images/icon-comment.gif) no-repeat 2px 5px; padding-left:25px; line-height:25px; display:block;} #comment-form form { background:#F58C65; color:#FFF; font-size:11px; padding:15px 15px; } #comment-form form label { display:block; } #comment-form form TEXTAREA { width:100%; height:60px; margin-top:3px;} /* #comment-form .comment-form-top { background:url(../images/commenttop.gif) no-repeat; width:392px; height:7px; } #comment-form .comment-form-bottom { background:url(../images/commentbottom.gif) no-repeat; width:392px; height:21px; } */ .wp-pagenavi { font-size:20px !important; margin:0 auto; width:550px; text-align:center } .wp-pagenavi span.pages { } .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend { color:rgb(89, 152, 181) !important; border:none !important; margin:0 5px !important; padding:; } .wp-pagenavi a, .wp-pagenavi a:active, .wp-pagenavi a:link { color:rgb(245, 140, 101) !important; border:solid 1px #CCC !important; margin:0 5px !important; } .wp-pagenavi a:hover { background:rgb(245, 140, 101) !important; color:#FFF !important; } .linkwithin_hook { border-top:dotted 2px #CCC; margin-top:20px; } .linkwithin_inner { width:100% !important; padding-left:15px !important; } .linkwithin_posts a { margin:0 20px !important; border:none !important; } .linkwithin_logo_0 { margin-bottom:0 !important; } /* outbrain */ #outbrain_container_0_bottom { clear:both; font-size:12px; margin-top:25px !important; border-top: 1px dotted #ddd; padding-top:5px !important;} #outbrain_container_0_bottom { color:#5998B5; } #outbrain_container_0_bottom a:hover { background: none !important; } #outbrain_container_0_bottom a:hover .strip-text-content { text-decoration:underline !important; } .strip-header { color:#5998B5; padding-bottom:10px !important; display:block;} /* facebook/twitter */ .facebookframe { border:none; overflow:hidden; width:230px; height:230px; margin-left:-8px; margin-bottom:15px} .facebookframe IFRAME { border:none; overflow:hidden; margin-top:-5px; margin-left:-5px;} .hotelframe { border:none; overflow:hidden; margin-left:6px; } .hotelframe IFRAME { border:none; overflow:hidden; margin-top:-3px; margin-left:-3px;} .facerframe { border:none; overflow:hidden; margin-left:0px; } .facerframe IFRAME { border:none; overflow:hidden; margin-top:-5px; margin-left:-10px; width:240px;} .sharebuttons { border-bottom:1px dotted #ddd !important; width:355px; height:32px; margin-top:-10px; margin-bottom:10px; position:relative; } .facebooklike{ display:block; float:left; width:150px; } /* .facebooklike iframe { height:32px; display:block; width:90px; } */ .tw_button { display:block; width:115px; position:absolute; z-index:1000; left:150px;} .plusone { position:absolute; z-index:1000; left:270px;} #blogroll { height:200px; overflow:hidden; } .sideitems LI { border-top:1px solid #eee; margin-bottom:12px; padding-top:8px;} .formbutton { font-size:12px; font-weight:bold; text-decoration:none; padding:3px !important; color:#fff; background:#5998B5; font-size:11px; border: 1px outset #5998B5; } /* footer */ #pageFooter { background:#2b2b2b url(../images/footback.jpg) repeat-x; height:300px; width:100%; display:block; padding-top:10px; } #footerContent { width:1000px; margin: 0 auto; color:#aaa; font-size:12px; line-height:13px; padding-top:20px; } #footerContent a { color:#aaa; text-decoration:none;} #footerContent a:hover { color:#fff; text-decoration:underline;} #footerContent h5 {font-size:12px; line-height:13px; text-transform:uppercase; border-bottom:1px solid #333; padding-bottom:8px; margin-bottom:10px; color:#FFF; } #footerContent LI { list-style:none; margin:5px 0 5px 0 } #pageContribute { background:#F58C65; border-bottom:1px solid #ffa888; text-align:center; margin-top:45px;} #contributeContent h5 { display:inline; font-size:12px; line-height:13px; text-transform:uppercase; margin-right:7px; margin-left:43px } #contributeContent { width:1000px; margin:0 auto; color:#FFF; font-size:12px; line-height:13px; text-align:left; position:relative;} .contributePadding { padding:6px 10px;} #contributeContent a { color:#0a0a0a; margin:0 6px; text-decoration:none; } #contributeContent a:hover { text-decoration:underline; } #backtop { position:absolute; top:-10px; right:82px; border:1px solid #f8d1d2; font-size:11px; font-weight:bold; padding:0px; } #backtop a { display:block; padding:4px 6px; text-decoration:none; color:#FFF; background:#5998B5; margin:0px;} #backtop a:hover { background:#161616; text-decoration:none;} .toparrow { float:left; margin:2px 3px 0 0;} .panel { float:left; width:160px; margin-right:20px;} .firstpanel { margin-left:25px;} .lastpanel { width:145px; margin-right:0px; } .footercopy { clear:both; font-size:11px; margin-top:20px; padding-top:10px; border-top:1px solid #333; text-align:center} .tweetmeme_button { overflow: hidden; width: 70px; } .tweetmeme_button iframe { position: relative; left: -10px; } .footlogos { float:left; margin-left:25px;} .footlogos a { display:block; width:240px; text-align:right; } .footlogos a { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } .footlogos a:hover { filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1.0; /* khtml, old safari */ -moz-opacity: 1.0; /* mozilla, netscape */ opacity: 1.0; /* fx, safari, opera */ } .outbrain_stripBox_template { margin-top:25px; } .what_is_container, .what_is_link { display:none !important; } .outbrain_stripBox_template .strip-like { display:none; } .oblike { margin-top:25px; margin-bottom:-12px; } .linkwithin_inner { padding:0px !important; width:auto !important} .linkwithin_posts a { margin:0px 14px 0 0px !important; } .sidefeatures IMG { float:left; width:40px; height:40px; margin-bottom:8px} .sidefeatures A{ text-decoration:none; color:#5998B5} .sidefeatures A:hover { text-decoration:underline; } .sidefeatures .ftitle { margin-left:48px; margin-bottom:8px; text-decoration:none; font-weight:bold; margin-top:-2px;} .sidefeatures LI { clear:both; }