/*
Theme Name: At My Bar
Description: Custom Theme for AtMyBar.com
Author: TextCS, Vitriol Consult
Author URI: http://textcs.com/
*/

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { background:url(images/bg_darker.jpg) repeat fixed; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#fff; line-height:1.1em; }

body a { text-decoration:none; color:#fff; }

/* helpers */
.clear { clear:both; }
.left { float:left; margin-left:20px; }
.right { float:right; margin-right:20px; }
* { outline-style:none; }
.x-hide { display:none; }

.alignleft { position:relative; float:left; margin-right:10px; }
.alignright { position:relative; float:right; margin-left:10px; }

body p { margin-bottom:10px; }

/* .helpers */

h1 { font-size:26px; margin-bottom:15px; }
h2 { font-size:22px; margin-bottom:15px; }
h3 { font-size:18px; margin-bottom:15px; }
h4 { font-size:14px; margin-bottom:15px; }

#wrap { position:relative; width:100%; height:100%; margin:0; padding:0; }
.wrap { position:relative; width:1050px; margin-left:auto; margin-right:auto; }

/* navigation */
#nav { position:absolute; top:0; left:0; width:100%; min-width:1050px; height:54px; margin:0; padding:0; background:url(images/nav-bg-repeat.png) repeat-x top left; z-index:999; }
#nav ul { width:750px; height:54px; margin:0 auto; padding:0; background:url(images/nav-bg.png) no-repeat top center; border:none; }
#nav ul li { position:relative; float:left; list-style-type:none; padding:20px 15px 0; }
#nav ul li:first-child { padding-left:150px; }
#nav ul li a { font-size:13px; text-align:center; text-shadow:#000 0 -1px 1px; }

/* head */
#head { width:100%; min-width:1050px; height:389px; margin:0; padding:0; background:url(images/head-bg-repeat.png) repeat-x top left; }
#head #bar { position:relative; width:100%; height:285px; background:url(images/bar-bg.png) no-repeat top center; margin:0; padding:0; }

#head #bar .logo { position:absolute; top:50px; left:0; }
#head #bar .photo1 { position:absolute; top:55px; left:180px; background:url(images/photo1.png) no-repeat top left; width:130px; height:128px; }
#head #bar .beer-taps { position:absolute; top:162px; right:45px; background:url(images/beer-taps.png) no-repeat top left; width:301px; height:162px; }

#head .flat-screen { position:absolute; top:75px; left:224px; width:305px; height:215px; background:url(images/flat_screen.png) no-repeat top left; }
#head .flat-screen .channels { position:absolute; top:15px; left:17px; width:260px; height:169px; overflow:hidden; }
#head .flat-screen .channels img { width:260px; height:169px; }

/* body of site */
#body { position:relative; top:-65px; overflow:hidden; }

#body .bar-btm { position:relative; display:block; height:417px; background:url(images/bar-bottom-bg.png) no-repeat top center; margin:0; padding:0; }

#body .bar-btm .tabs-wrap { position:absolute; top:73px; left:66px; width:434px; height:206px; }
#body .bar-btm .tabs-wrap .tabs { display:block; }
#body .bar-btm .tabs-wrap .tabs ul { margin:0; padding:0; overflow:hidden; }
#body .bar-btm .tabs-wrap .tabs ul li { position:relative; float:left; list-style-type:none; width:134px; height:29px; background:url(images/tab-inactive.png) no-repeat; cursor:pointer; }
#body .bar-btm .tabs-wrap .tabs ul li a { text-transform:uppercase; text-shadow:#000 1px 1px; text-align:center; display:block; padding-top:10px; font-size:12px; }
#body .bar-btm .tabs-wrap .tabs ul li.active, #body .bar-btm .tabs-wrap .tabs ul li:hover { background:url(images/tab-active.png) no-repeat; }
#body .bar-btm .tabs-wrap .tabs ul li.active a, #body .bar-btm .tabs-wrap .tabs ul li:hover a { font-size:14px; padding-top:7px; }
#body .bar-btm .tabs-wrap .tab { position:absolute; top:50px; left:15px; width:400px; height:140px; overflow:hidden; display:none; }

#body .bar-btm .tabs-wrap .tab .item { display:block; overflow:hidden; margin:0 0 15px 0; padding:0; }
#body .bar-btm .tabs-wrap .tab .item img { border:#870000 1px solid; margin:0; padding:0; margin-right:5px; }
#body .bar-btm .tabs-wrap .tab .item h2 { font-size:14px; margin:0; padding:0; }
#body .bar-btm .tabs-wrap .tab .item small { display:block; font-size:11px; margin:0; padding:0; }

/* twitter messages */
#body .bar-btm .tabs-wrap .tab p.twitter-message { margin-bottom:10px; font-size:12px; }
#body .bar-btm .tabs-wrap .tab p.twitter-message a { color:#0ab9cc; }

#body .bar-btm .ad { position:absolute; top:93px; right:72.5px; width:410px; height:169px; overflow:hidden; }

#body .horz-scroll-box { position:relative; display:block; height:259px; margin:15px 0; padding:0; background:url(images/horz-scroll-box.png) no-repeat top center; font-size:12px; }
#body .horz-scroll-box .hide { position:absolute; top:15px; left:60px; width:925px; height:230px; margin:0; padding:0; overflow:hidden; }
#body .horz-scroll-box .hide ul { width:9999em; }
#body .horz-scroll-box .hide ul li { position:relative; float:left; width:925px; height:230px; list-style-type:none; margin:0 25px 0 0; padding:0; overflow:hidden; }
#body .horz-scroll-box .hide ul li .thumb { position:relative; float:left; width:273px; height:228px; background:url(images/image-bg-small.png) no-repeat top left; padding:0; margin:0; }
#body .horz-scroll-box .hide ul li .thumb img { display:block; margin:9px 0 0 9px; padding:0; }
#body .horz-scroll-box .hide ul li .data { position:relative; float:right; width:630px; padding:10px 0; }
#body .horz-scroll-box .hide ul li .data h1 { font-size:24px; margin-bottom:10px; }
#body .horz-scroll-box .hide ul li .data p { margin-bottom:10px; }
#body .horz-scroll-box .hide a.more { position:absolute; bottom:0; right:0; }
#body .horz-scroll-box .prev, #body .horz-scroll-box .next { position:absolute; top:50%; width:17px; height:34px; margin-top:-17px; z-index:9999; background-repeat:no-repeat; cursor:pointer; }
#body .horz-scroll-box .prev { left:17px; background:url(images/red-prev.png); }
#body .horz-scroll-box .next { right:17px; background:url(images/red-next.png); }

#body .box { position:relative; background:url(images/bg_lighter.jpg) repeat top left; border:#4e0000 1px solid; min-height:100px; }
#body .full-box { display::block; width:1010px; min-height:150px; margin:10px auto; padding:0;  }
#body .box30 { position:relative; width:280px; }
#body .box70 { position:relative; width:715px; }

/* content wrapper */
#body .content { padding:20px 15px; font-size:12px; overflow:hidden; }
#body .content img { padding:10px; background:#fff; }
#body .content .ngg-galleryoverview img { padding:0; background:none; }

#body .content .d70 { position:relative; width:690px; min-height:100px; margin:0; padding:0 20px 0 10px; border-right:#940000 1px solid; }
#body .content .d30 { position:relative; width:225px; min-height:100px; margin:0; padding:0 0 0 20px; }
#body .content .items { margin-bottom:20px; padding:0 0 15px 0; border-bottom:#940000 1px solid; }
#body .content .items .item { display:block; margin-bottom:10px; padding-bottom:10px; }
#body .content .items a { color:#0ab9cc; }

/* ads */
#body .ad2 { margin:15px auto; width:252px; height:468px; }
#body .ad-full { width:960px; margin:25px auto; overflow:hidden; }

/* events page */
#events { }
#events hr { margin-bottom:15px; display:block; background:#fff; border:none; height:2px; }
#events .event { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#4e0000 2px solid; overflow:hidden; }
#events .event div.image { position:relative; width:220px; margin:0 15px 0 0; padding:0; }
#events .event div.txt { width:425px; margin:0; padding:0; overflow:hidden; }
#events .event div.txt h1 { line-height:normal; margin-bottom:5px; }
#events .event div.txt small { display:block; margin-bottom:10px; font-size:12px; }

/* bar directory page */
#bar-directory { }
#bar-directory hr { margin-bottom:15px; display:block; background:#fff; border:none; height:2px; }
#bar-directory .bar { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#4e0000 2px solid; overflow:hidden; }
#bar-directory .bar div.image { position:relative; width:145px; margin:0 15px 0 0; padding:0; }
#bar-directory .bar div.txt { width:425px; margin:0; padding:0; overflow:hidden; font-size:12px; }
#bar-directory .bar div.txt h1 { line-height:normal; margin-bottom:5px; }
#bar-directory .bar div.txt small { display:block; margin-bottom:10px; font-size:11px; }

#body .bars { }
#body .bars .box .content { position:relative; width:700px; margin:10px 10px 0 0; padding-right:10px; min-height:100px; border-right:#4e0000 1px solid; }
#body .bars .box .sidebar { position:relative; width:250px; margin:10px 0 0 0; padding-left:10px; min-height:100px; }

/* footer */
#footer { position:relative; display:block; width:1010px; margin:0 auto; padding:10px 0 15px 0; top:-50px; border-top:#4e0000 2px solid; overflow:hidden; }
#footer p { position:relative; width:auto; max-width:40%; font-size:11px; margin:0; padding:0; }

.can { position:fixed; left:0; z-index:9999; }
#can_fb { top:375px; }
#can_twit { top:500px; }

/* xform */
.xform { margin-top:25px; }
.xform .row { position:relative; display:block; overflow:hidden; margin-bottom:10px; }
.xform .rowhead { margin-top:25px; }
.xform .rowhead h3 { margin-bottom:5px; }
.xform .row label { display:block; position:relative; float:left; width:150px; text-align:right; padding-right:5px; }
.xform .row .inputs { position:relative; float:left; width:200px; overflow:hidden; }
.xform .row .inputs input[type=text] { width:96%; }
.xform .row .inputs input[type=button] { margin:0; }
.xform .row span { position:relative; float:left; font-size:11px; color:#CCC; padding-left:10px; }