body { color:#364243; font-size:1em; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; margin:0px; padding:0px; background:#a5bfdd; } /* - */ a { color:#e0791d; text-decoration:none; } a:hover { color:#E9B44A; text-decoration:none; } img { border:0px; } .left { float:left; } .right { float:right; } .tright { text-align:right; } .tcenter { text-align:center; } .medium { font-size:1em; } .large { font-size:1.4em; } img.left { margin-right:10px; } p { font-size:13px; margin:0 0 20px 0; padding:0px; line-height:1.4em; } p.large { font-size:14px; } p.shallow { margin-bottom:0; } p.pagination { margin-bottom:0; } p.pagination a.active { font-weight:bold; color:#aaa; } p.small-help { font-size:10px; color:#aaa; text-align:right; padding:0; margin:5px 0 0 0; float:left; overflow:hidden; width:100%; } p.small-help a { color:#aaa; text-decoration:underline; } h1 { margin:10px 0 0 0; padding:0; font-size:24px; font-weight:normal; color:#e3a43b; text-transform:uppercase; line-height:1em; } h2 { margin:0 0 5px 0; padding:0; font-size:20px; font-weight:normal; color:#364243; text-transform:uppercase; line-height:1em; } h3 { margin:0 0 5px 0; padding:0; font-size:13px; font-weight:bold; color:#364243; } h4 { margin:0; padding:0; font-size:13px; font-weight:normal; color:#e9b44a; } h2 a { color:#fff; } h2 a:hover { color:#ebd9c5; } h2 a { color:#364243; } h2 a:hover { color:#e9b44a; } h2 span.orange , h2.orange { color:#e7af45; } h3 a { color:#364243; } h3 a:hover { color:#e9b44a; } h4 a { color:#e9b44a !important; } h4 a:hover { color:#fff !important; } h2.comments { padding-left:70px; background:url(../images/comments-bg.png) top left no-repeat; line-height:50px; float:left; width:50%; margin-bottom:20px; position:relative; } h2.comments span.count { position:absolute; top:-5px; left:4px; width:37px; float:left; text-align:center; } /* - */ hr { border:0; border-bottom:1px solid #91a4a6; width:100%; float:left; margin:0 0 20px 0; padding:0; height:1px; } hr.light { border-color:#c4d1d2; } hr.large { border:0; background:transparent url(../images/hr.gif) top left repeat-x; width:100%; float:left; overflow:hidden; height:2px; margin:0; padding:0; } /* - */ .highlight { color:#91a4a6; } /* - */ form { margin:0; padding:0; } form fieldset { margin:0; padding:0; border:0; } form fieldset ul { margin:0; padding:0; list-style:none; float:left; overflow:visible; width:620px; } form.half fieldset ul { margin:0; padding:0; list-style:none; float:left; overflow:visible; width:300px; } form fieldset ul li { margin:0 0 5px 0; padding:0; float:left; overflow:visible; width:100%; } form fieldset ul li.left { margin-right:20px; padding:0; width:300px; } form fieldset ul li.right { float:right; } form fieldset ul li.last { margin-right:0px; } form label { color:#364243; margin:0px 0 1px 0px; float:left; font-size:13px; float:left; width:100%; } form input , form textarea { float:left; width:280px; line-height:31px; height:31px; border:0; padding:0 10px; margin:0; background:#293233; color:#fff; font-family:arial; font-size:13px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } form textarea { height:155px; resize: none; line-height:1.3em; padding-top:5px; padding-bottom:5px; } form input.focused , form textarea.focused { background:#6c6c6c; } form textarea.focused { } form input.small-size { width:135px; } /* selects */ div.ddContainer { float:left; position: relative; clear: none; width: 100%; height:31px; background:#565656; background-image:url(http://nerdydaytrips.com/images/select-bg.gif); background-position: right top; background-repeat: no-repeat; _background: none; /* IE6 */ } div.ddAny { background-position: 0 0 !important; } div.ddContainerData { background-position: 0 0; } div.ddCurrent { color: #000; font-size:13px; font-family:arial; height:31px; line-height:31px; margin-left:10px; position:absolute; z-index:1; _display: none; /* IE6 */ } div.ddContainer select { background-color:#FFFFFF; cursor:pointer; height:31px; line-height:31px; margin-top:2px; opacity:0; filter: alpha(opacity=0); outline-style:none; outline-width:0; padding-top:8px; position:absolute; width:100%; z-index:2; } form button { font-size:20px; float:right; height:45px; width:144px; line-height:27px; border:0; padding:0 20px 0 15px; margin:15px 0 0 0; background:transparent none; color:#fff; background:url(../images/button.png) top right repeat-x; font-family:arial; text-transform:uppercase; } form button:hover { background-position:bottom right; cursor:pointer; color:#EBD9C5; } .error_list { font-size:12px; color:#ff0000; margin:10px 0 0 0; padding:0; } .error_list li { padding:0; margin:0; } form button.paypal_button { margin-left:38px; margin-top:0px; float:left; width:92px; height:26px; background:url(../en_GB/i/btn/btn_donate_LG.gif) left top no-repeat; text-indent:-20000px; } /* - */ a.button { overflow:hidden; background:url(../images/button.png) top left no-repeat; height:45px; width:144px; display:inline-block; text-transform:uppercase; line-height:45px; text-align:center; font-size:20px; color:#fff !important; } a.button:hover { background-position:bottom left; color:#EBD9C5 !important; } /* - */ .gmap { float:left; width:100%; height:100%; } .gmap-cover { overflow:hidden; width:100%; height:100%; float:left; position:fixed; top:0; left:0; z-index:2; background:#a5bfdd; } /* - */ .wrapper { position:absolute; top:120px; left:10px; z-index:50; padding-bottom:50px; } /* - */ .bar { position:absolute; z-index:60; width:100%; height:72px; line-height:68px; background:url(../images/bar-bg.png) top left repeat-x; overflow:visible; min-width:980px; top:0px; left:0px; } /*.bar .bar-wrapper { width:980px; margin:0 auto; }*/ .bar .left { float:left; padding:0 0 0 40px; margin:0; overflow:hidden; height:170px; } .bar .right { float:right; padding:0 20px 0 0; margin-left:30px; } .bar p { line-height:38px; } .bar ul.topnav { float:left; overflow:hidden; line-height:62px; height:62px; padding:0; margin:0 30px 0 0; list-style:none; } .bar ul.topnav li { float:left; line-height:62px; padding:0 18px 0 0; margin:0 20px 0 0; background:url(../images/topnav-sp.png) top right no-repeat; } .bar ul.topnav li.last { background:none; } .bar ul.topnav li a { text-decoration:none; color:#fff; text-transform:uppercase; font-size:20px; float:left; line-height:62px; } .bar ul.topnav li a.active , .bar ul.topnav li a:hover { color:#ebd9c5; } .bar form { width:230px; float:right; overflow:hidden; margin:14px 0 0 0; } .bar form input { border:0; padding:0 10px; margin:0; width:210px; background:#293233 url(../images/search-bg.gif) top right no-repeat; font-size:13px; color:#e5e5e5; float:right; } /* - */ .container { width:100%; overflow:visible; float:left; margin-bottom:20px; } .container.shallow { margin-bottom:0px; } .col { } /* - */ .dual-container { width:640px; background:url(../images/dual-container-bg.gif) top center repeat-y; } .col50per { float:left; width:300px; margin-right:20px; overflow:visible; } .col50per.last { margin-right:0px; margin-left:20px; } /* - */ .left.col { float:left; width:238px; border:1px solid #8aa7a9; border-radius:5px; padding:10px 0 13px 0; box-shadow:0px 1px 3px #373737; background:url(../images/green-bg.gif) top left repeat; border-top-color:#b5c9c9; border-left-color:#7c9b9d; border-right-color:#7c9b9d; border-bottom-color:#3f5053; color:#fff; } .left.col .block { padding:20px; } .left.col .block .dark { background:#343e3f url(../images/dark-bg.gif) top left repeat; border:2px solid #343e3f; border-radius:3px; padding:10px; } .left.col .block .dark hr { margin:-5px 0 8px 0; } .left.col .block .dark a { color:#EBD9C5; } .left.col .block .dark a:hover { color:#fff; } .left.col .block.login { margin-top:25px; padding-bottom:12px; } .left.col #col_left_inner.closed { display:none; } .left.col h2 { text-align:center; color:#fff; } .left.col h2 a { color:#fff; } .left.col h2 a:hover { color:#EBD9C5; } .left.col p { color:#fff; } .left.col .twitter { margin-bottom:20px; } .left.col .twitter h2 { padding-left:10px; background:url(../images/twitter-h2.png) 15px -1px no-repeat; line-height:47px; } .left.col .twitter p { margin-bottom:10px; } .left.col .button.center-drop { margin-bottom:-35px; margin-left:16px; } /* - */ /*.main.col { width:700px; position:absolute; top:140px; left:50%; margin-left:-350px; z-index:50; padding:20px; border:2px solid #829d9e; border-radius:3px; background:url(../images/trans-bg.png) top left repeat; margin-bottom:30px; } */ .main.col { width:642px; position:relative; z-index:50; margin:0 auto; margin-top:120px; margin-bottom:50px; padding:20px; border:2px solid #829d9e; border-radius:3px; background:url(../images/trans-bg.png) top left repeat; overflow:hidden; } /* - */ a.open-close-left { display:block; position:absolute; top:2px; right:-36px; background:url(../images/open-close-left.png) top left no-repeat; text-indent:-10000px; outline:none; width:36px; height:99px; } a.open-close-left:hover { background-position:bottom left; } a.open-close-left.closed { background-position:top right; } a.open-close-left.closed:hover { background-position:bottom right; } /* - */ .add-trip-large-button { position:absolute; z-index:43; top:106px; right:15px; width:277px; height:82px; background:url(../images/add-button-large.png) top left no-repeat; display:block; } .add-trip-large-button:hover { background-position:bottom left; } .add-trip-large-button span { display:none; } /* - */ .social-home { position:absolute; z-index:550; top:70px; right:20px; padding-left:101px; background:url(../images/social-bg.png) left center no-repeat; } .social { position:absolute; z-index:550; top:0px; right:10px; } .social.ajaxed { top:-5px; right:50px; } .facebook-container , .google-container , .twitter-container { float:left; width:57px; margin-left:10px; overflow:hidden; margin-top:10px; } .facebook-container { width:48px; } .google-container { width:33px; } /* - */ .avatar { float:left; margin:0 10px 5px 0; } .comment .avatar { margin-bottom:20px; } /* - */ .header-area { float:left; height:108px; position:relative; clear:right; width:100%; overflow:visible; margin-bottom:10px; } .header-area h1 { position:absolute; bottom:20px; left:115px; } .low .header-area h1 { bottom:-3px; } .header-area h2 { position:absolute; bottom:-8px; left:115px; } /* - */ .email_address_confirm_container { display:none; } /* - */ ul { font-size:13px; padding:0 0 0 15px; } /* - */ .notice { padding:20px; position:absolute; top:50px; left:50%; width:400px; margin-left:-200px; background:#fff; border:2px solid #829d9e; border-radius: 5px; z-index:5000000; box-shadow:0px 1px 5px #000; text-align:Center; font-size:14px; } .notice .close { position:absolute; top:-15px; right:-15px; display:block; color:#444; width:39px; height:39px; overflow:hidden; text-indent:-11111px; background:url(../js/cbox/images/cbox-close.png) top left no-repeat; } /* - */ .finished-notice { padding:20px; position:absolute; top:50px; left:50%; width:600px; margin-left:-300px; background:#fff; border:2px solid #829d9e; border-radius: 5px; z-index:5000000; box-shadow:0px 1px 5px #000; text-align:Center; font-size:14px; display:none; } .finished-notice a.im-finished { font-weight:bold; } .drop-pin-notice { padding:20px; position:absolute; top:50px; left:50%; width:350px; margin-left:-175px; background:#fff; border:2px solid #829d9e; border-radius: 5px; z-index:5000000; box-shadow:0px 1px 5px #000; text-align:Center; font-size:14px; display:none; } .move_info { padding:20px; position:absolute; top:50px; left:50%; width:350px; margin-left:-175px; background:#fff; border:2px solid #829d9e; border-radius: 5px; z-index:5000000; box-shadow:0px 1px 5px #000; text-align:Center; font-size:14px; display:none; } .im_finished_move { padding:20px; position:absolute; top:50px; left:50%; width:600px; margin-left:-300px; background:#fff; border:2px solid #829d9e; border-radius: 5px; z-index:5000000; box-shadow:0px 1px 5px #000; text-align:Center; font-size:14px; display:none; } .im_finished_move a.im-finished { font-weight:bold; } /* - */ .place-on-map { float:left; overflow:hidden; display:block; width:204px; height:82px; background:url(../images/drop-my-pin-button.png) top left no-repeat; text-indent:-100000px; outline:none; } .place-on-map:hover { background-position:bottom left; } .add-by-address { float:right; overflow:hidden; display:block; width:204px; height:82px; background:url(../images/skip-to-details-button.png) top left no-repeat; text-indent:-100000px; outline:none; } .add-by-address:hover { background-position:bottom left; } /* - */ .admin-bar { float:left; line-height:16px; /*position:absolute; top:5px; left:5px;*/ } .non-admin-bar { float:left; line-height:16px; position:absolute; bottom:20px; left:20px; /*position:absolute; top:5px; left:5px;*/ } .admin-bar p , .non-admin-bar p { float:left; line-height:16px; font-size:14px; margin:0; } .tweet-this { padding-left:25px; background:url(../images/twitter-logo.png) 0px 0px no-repeat; } .delete-this { padding-left:25px; background:url(../images/delete-icon.png) 0px 0px no-repeat; } .request-move { padding-left:25px; background:url(../images/map_move.png) 0px 0px no-repeat; } /* - */ a.favourite-spot { float:left; margin-right:5px; margin-top:4px; width:16px; height:14px; background:url(../images/favourite.png) top left no-repeat; } a.favourite-spot:hover , a.favourite-spot.active { background-position:bottom left; } a.favourite-spot span { display:none; } /* - */ #credits { position:fixed; z-index:60; bottom:20px; right:3px; font-size:12px; line-height:1.2em; text-align:right; text-shadow: #fff 0px 0px 2px; color:#000; } #credits a { color:#000; text-decoration:underline; } #credits a:hover { color:#e0791d; text-decoration:none; } /* - */ table { width:100%; border-top:1px solid #aaa; border-collapse: collapse; } table th { padding:3px 5px; font-size:13px; font-weight:bold; text-align:left; border-bottom:1px solid #ddd; } table td { padding:3px 5px; font-size:13px; font-weight:normal; text-align:left; border-bottom:1px solid #ddd; } table th.tright, table td.tright { text-align:right; } table th.actions, table td.actions { width:90px; } /* - */ .twitter-signin { float:right; margin-top:10px; width:151px; height:24px; background:url(../images/twitter-login.png) top left no-repeat; display:block; } .twitter-signin span { display:none; } .twitter-signin:hover { background-position: bottom left; } /* - */ .view-spot-button { position:absolute; bottom:20px; right:20px; } /* - */ #marker_count_info_box { display:none; position:absolute; z-index:1000; background:url(../images/trans-black-bg.png) left top repeat; padding:10px; width:290px; right:5px; bottom:60px; border:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; } #marker_count_info_box h3 { margin:0 0 3px 0; padding:0; color:#e3a43b; font-size:24px; text-transform:uppercase; font-weight:normal; line-height:1em; } #marker_count_info_box p { margin:0; color:#fff; } /* - */ #loading_box { display:none; background:url(../images/trans-black-bg.png) left top repeat; position:fixed; top:0; left:0; width:100%; height:100%; z-index:45; } #loading_box img { position:absolute; left:50%; top:50%; width:100px; height:100px; margin-left:-50px; margin-top:-30px;} /* - */