/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	color: #000;
	background: #EFE8DE url(http://www.thedublinvillagetavern.com/images/topbar.jpg) repeat-x;
	background-position: top left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
        color: #990000;
        text-decoration: underline;
}
a:hover {
        color: #330000;
        text-decoration: underline;
}
#slogan {
        width: 469px;
        height: 33px;
        position: absolute;
        top: 142px;
        left: 320px;
}
.bigtext {
        font-size: 20px;
        font-family: Times New Roman, Arial, Helvetica, sans serif;
        font-weight: bold;
        padding: 10px 0 0 0;
}
/* UTILITY */

.firstletter {
        float: left;
        font-size: 28px;
        font-family: Georgia;
        padding: 3px 5px 0 0;
}

.strongfont {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #990000;
        font-family: 'Arial Black';
        text-decoration: underline;
}

.lightfont {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #990000;
        font-family: 'Arial Black';
        text-decoration: underline;
}

.clear {
	clear: both;
}
.clear-right {
         clear: right;
}
.clear-bottom {
         clear: bottom;
}
.buffer-top {
         width: 900px;
         margin: 0 auto;
         clear: top;
         height: 180px;
         background: none;
         z-index: 1;
}
#push {
	height: 201px;
}
blockquote {
         font-family: "Trebuchet MS", Arial, sans-serif;
         font-size: 13px;
         font-style: italic;
         width: 250px;
         background: url(/images/blockquote.jpg) no-repeat;
         background-position: top left;
         margin: 10px 0 10px 90px;
         padding: 10px 0 5px 30px;
}
#blockquotehome {
         font-family: "Trebuchet MS", Arial, sans-serif;
         font-size: 12px;
         font-style: italic;
         width: 310px;
         background: url(/images/blockquote.jpg) no-repeat;
         background-position: top left;
         margin: 10px 0 10px 50px;
         padding: 10px 0 5px 30px;
}
p {
         padding: 5px 0 5px 0;
}
.divider {
         width: 465px;
         height: 1px;
         border-bottom: 1px dotted #666666;
         padding: 10px 0 10px 0;
         margin-bottom: 14px;
}
/* STRUCTURE */

#wrapper {
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -201px;
	padding: 0;
}

/* NAVIGATION */
#nav {
	width: 900px;
	height: 50px;
	color: #FFF;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#nav-main {
	float: left;
}
ul#nav-specials {
	width: 152px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	list-style: none;
}
ul#nav-specials span {
	display: none;
	position: absolute;
}
ul#nav-specials a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
}
ul#nav-specials a:hover {
  background-position: left bottom;
}
ul#nav-specials a:hover span {
  display: block;
}
ul#nav-main {
	width: 480px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	list-style: none;
}
ul#nav-main span {
	display: none;
	position: absolute;
}
ul#nav-main a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
}
ul#nav-main a:hover {
  background-position: left bottom;
}
ul#nav-main a:hover span {
  display: block;
}
/* NAVIGATION SPECIALS */

ul#nav-specials .specials {
  width: 304px; /* was 152px */
  height: 50px;
  background: url(http://www.thedublinvillagetavern.com/images/specials2.png) no-repeat;
  right: 85px;
  top: 0px;
}

/* NAVIGATION HOME */

ul#nav-main .home {
  width: 80px;
  height: 29px;
  background: url(http://www.thedublinvillagetavern.com/images/home.jpg) no-repeat;
  left: 100px;
  top: 0px;
}
/* NAVIGATION ABOUT */
ul#nav-main .about {
  width: 106px;
  height: 29px;
  background: url(http://www.thedublinvillagetavern.com/images/about.jpg) no-repeat;
  left: 180px;
  top: 0px;
}
/* NAVIGATION MENU */
ul#nav-main .menu {
  width: 99px;
  height: 29px;
  background: url(http://www.thedublinvillagetavern.com/images/menu.jpg) no-repeat;
  left: 286px;
  top: 0px;
}
/* NAVIGATION BEER */
ul#nav-main .beer {
  width: 87px;
  height: 29px;
  background: url(http://www.thedublinvillagetavern.com/images/beer.jpg) no-repeat;
  left: 385px;
  top: 0px;
}
/* NAVIGATION CONTACT */
ul#nav-main .contact {
  width: 108px;
  height: 29px;
  background: url(http://www.thedublinvillagetavern.com/images/contact.jpg) no-repeat;
  left: 385px; /* used to be 472px before beer was removed from menu */
  top: 0px;
}
/* HEADER */
#header {
	width: 900px;
	height: 182px;
	margin: 0 auto;
	background: url(http://www.thedublinvillagetavern.com/images/header.jpg) no-repeat;
}
#header_home {
	width: 900px;
	height: 182px;
	margin: 0 auto;
	background: url(http://www.thedublinvillagetavern.com/images/header2.jpg) no-repeat;
}
#header h1 {
         float: right;
         display: none;
}
#header h2 {
         float: right;
         display: none;
}
#logo {
	width: 200px;
	height: 120px;
	position: relative;
	border: none;
	margin-top: 20px;
	margin-left: 130px;

	float: left;
}
/* CONTENT */
#contentwrap {
        width: 900px;
        min-height: 600px;
        max-height: 9999px;
        height: auto !important;
        margin: 0 auto;
        padding: 0 0 10px 0;
        background: url(http://www.thedublinvillagetavern.com/images/middlebg.jpg) repeat-y;
}
#content {
        width: 900px;
        min-height: 600px;
        max-height: 9999px;
        height: auto !important;
        background: url(http://www.thedublinvillagetavern.com/images/topcontent.jpg) no-repeat;
        background-position: top left;
        clear: bottom;
        margin: 0;
        padding: 0 0 20px 0;
}
#content_home {
        width: 900px;
        min-height: 600px;
        max-height: 9999px;
        height: auto !important;
        background: url(http://www.thedublinvillagetavern.com/images/topcontent4.jpg) no-repeat;
        background-position: top left;
        clear: bottom;
        margin: 0;
        padding: 0 0 20px 0;
        display: table;
}
#content_post {
        width: 900px;
        min-height: 600px;
        max-height: 9999px;
        height: auto !important;
        background: url(http://www.thedublinvillagetavern.com/images/topcontent4.jpg) no-repeat;
        background-position: top left;
        clear: bottom;
        margin: 0;
        padding: 0 0 20px 0;
        display: table;
}
#maincontent {
	float: left;
	width: 465px;
	background: none;
	text-align: left;
	margin: 0 0 0 105px;
         padding: 0;
}
#maincontent-slogan {
	font-family: Impact, Arial;
	font-size: 24px;
	color: #660000;
	height: 100px;
	margin: 5px 0 0 14px;
	line-height: 25px;
        text-indent: -9999px;
}
#maincontent-body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         font-size: 11px;
	background: none;
}
/* MAINCONTENT-PAGES */
#maincontent-body h2 {
	font-family: Impact, Arial, Helvetica, sans-serif;
         font-size: 14px;
	background: none;
         padding: 0 0 8px 0;
         color: #990000;
         text-indent: -9999px;
}
#maincontent-body h2.menu-text {
         width: 300px;
         height: 53px;
         background: url(/images/menu-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.about-text {
         width: 300px;
         height: 53px;
         background: url(/images/about-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.beer-text {
         width: 300px;
         height: 53px;
         background: url(/images/beer-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.contact-text {
         width: 300px;
         height: 53px;
         background: url(/images/contact-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.specials-text {
         width: 300px;
         height: 53px;
         background: url(/images/specials-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.party-text {
         width: 300px;
         height: 53px;
         background: url(/images/party-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.dvtloyalty {
         width: 300px;
         height: 53px;
         background: url(/images/loyaltyclub-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.directionspage {
         width: 300px;
         height: 53px;
         background: url(/images/directionspage-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.home-text {
         width: 300px;
         height: 53px;
         background: url(/images/home-text.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.gallery-text {
         width: 300px;
         height: 53px;
         background: url(/images/text-gallery.jpg) no-repeat;
         text-indent: -9999px;
}
#maincontent-body h2.associations-text {
         width: 300px;
         height: 53px;
         background: url(/images/text-associations.jpg) no-repeat;
         text-indent: -9999px;
}
/* MAINCONTENT-POST */
#maincontent-body h2.posttext {
        font-family: Impact, Arial, Helvetica, sans-serif;
        font-size: 14px;
        background: none;
        padding: 0 0 8px 0;
        color: #990000;
}
/* RESTAURANT MENU PAGE */
.menu-items {
        font-size: 12px;
        font-family: 'Arial Black', 'Impact', Arial, sans serif;
        color: #990000;
}
/* POSTS */
.post {
        margin: 20px 0 0 0;
        padding: 0;
}
.post h3 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #990000;
        font-family: 'Arial Black';
        text-decoration: underline;
}
.post-time {
        margin: 0 0 3px 0;
        font-size: 10px;
        font-style: italic;
}
.postmeta {
        background: #C9BFB3;
        filter:alpha(opacity=75);
        moz-opacity:0.75;
        khtml-opacity: 0.75;
        opacity: 0.75;
        font-size: 9px;
        padding: 10px;
        border: 1px dotted #666666;
}
/* ARCHIVES */
.archives {
        width: 465px;
        margin: 0;
        padding: 0;
}
.archives h3 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        color: #990000;
        font-family: 'Arial Black';
}
.archives-time {
        margin: 0 0 3px 0;
        font-size: 10px;
        font-style: italic;
}
.archives-meta {
        background: #C9BFB3;
        filter:alpha(opacity=75);
        moz-opacity:0.75;
        khtml-opacity: 0.75;
        opacity: 0.75;
        padding: 5px;
        border: 1px dotted #666666;
}
/* SIDEBAR */
#sidebar {
	float: right;
         clear: right;
	width: 205px;
	background: none;
	text-align: left;
	margin: 0 110px 0 0;
         padding: 0;
         font-family: Arial, Verdana, sans-serif;
}
#address {
        clear: right;
        font-size: 11px;
        text-align: center;
        background: url(/images/postit1.png) no-repeat;
        background-position: top right;
        width: 210px;
        height: 163px;
        line-height: 18px;
        margin: 20px 0 10px 0;
        padding: 55px 0 0 0;
}
#hours {
        clear: right;
        font-size: 10px;
        text-align: center;
        background: url(/images/hours1.png) no-repeat;
        background-position: top right;
        width: 210px;
        height: 134px;
        line-height: 16px;
        margin: 0 0 0 0;
        padding: 35px 0 0 0;
}
#sidebartext {
  list-style: none;
  padding: 0;
  margin-top: -20px;
  width: 199px;
  height: 200px;
  position: relative;
}
#sidebartext span {
  display: none;
  position: absolute;
}
#sidebartext a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#sidebartext a:hover {
  background-position: left bottom;
}
#sidebartext a:hover span {
  display: block;
}
#sidebartext .directions {
  width: 199px;
  height: 40px;
  background: url(/images/directions-text.jpg) no-repeat;
  left: 10px;
  top: 0px;
}
#sidebartext .gallery {
  width: 199px;
  height: 40px;
  background: url(/images/gallery-text.jpg) no-repeat;
  left: 10px;
  top: 40px;
}
#sidebartext .loyalty {
  width: 199px;
  height: 40px;
  background: url(/images/loyalty-text.jpg) no-repeat;
  left: 10px;
  top: 80px;
}
#sidebartext .parties {
  width: 199px;
  height: 40px;
  background: url(/images/parties-text.jpg) no-repeat;
  left: 10px;
  top: 120px;
}
#sidebartext .associations {
  width: 199px;
  height: 40px;
  background: url(/images/associations-text.jpg) no-repeat;
  left: 10px;
  top: 120px;
}
/* FOOTER */
#footer {
	background: #EFE8DE url(http://www.thedublinvillagetavern.com/images/footer2.jpg) no-repeat;
	width: 900px;
	height: 201px;
	margin: 0 auto;
         text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
         clear: both;
}
#footer-text {
         width: 500px;
         float: right;
}
#footer-text h2 {
         font-size: 14px;
         height: 24px;
         width: 323px;
         background: url(/images/dvt_patrons.jpg) no-repeat;
         float: left;
         color: #990000;
         position: absolute;
         top: 90px; 
         right: 220px;
         text-indent: -9999px;
}
#footer-text p.testimonials {   /*---this used to be the footer testimonials--*/
         width: 500px;
         position: absolute;
         top: 50px;
         right: 30px;
}
.footertestimonials {
         width: 420px;
         position: absolute;
         top: 112px;
         right: 105px;
}
#footer-text p.copyright {
         width: 500px;
         position: absolute;
         top: 180px;
         right: 60px;
         font-size: 9px;
}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#comments-template {
        width: 465px;
        height: 600px;
        min-height: 600px;
        max-height: 1200px;
        height: auto !important;
        display: table;
        margin-bottom: 100px;
}
.Comments { 
        width: 465px;
        margin: 20px 0px 20px 0px;
        height: 600px;
        min-height: 600px;
        max-height: 1200px;
        height: auto !important;
        display: table;
        z-index: 2;
}
.Comments h3 { 
        font-size: 16px; 
        font-weight: bold; 
        margin: 0px 0px 5px 0px; 
        padding: 5px 0px; 
        color:#999; 
        letter-spacing: -1px; 
        border-bottom: dashed 1px #999; 
}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 { 
        font-size: 16px; 
        font-weight: bold; 
        margin: 0px 0px 5px 0px; 
        padding: 5px 0px; 
        color:#999; 
        letter-spacing: -1px; 
        border-bottom: dashed 1px #999;
}
.List ol { 
        padding: 0px; 
        margin: 0px;
}
.List li { 
        position: relative; 
        padding: 65px 5px 10px 5px; 
        margin: 0px 0px 10px 0px; 
        list-style-type: none;
}
.List .ComListLi { 
        background: #fff4c3 url(images/ComListLiBottom.gif) no-repeat left bottom; 
}

/**/ * html .List .ComListLiTop { left: -5px;} /**/ 
.List .ComListLiTop { 
        position: absolute; 
        background: url(images/ComListLiTop.gif) no-repeat left top; 
        height: 73px; 
        width: 455px; 
        left: 0px; 
        top: 0px; 
        padding: 35px 0px 0px 0px;
}

/**/ * html .List .ListNr { right: 25px;} /**/ 
.List .ListNr { 
        color:#dfd08f; 
        position: absolute; 
        top: 35px; 
        font-size: 28px; 
        line-height: 28px; 
        font-family: 'Arial'; 
        font-weight: normal; 
        letter-spacing: -1px; 
        padding: 0px; right: 25px; 
}

/**/ * html .List .ListGrav { left: 10px;} /* */ 
.List .ListGrav { position: absolute; top: 35px; left: 15px;}
.List .ListGrav img { border: solid 1px #fff;}

.List big { margin: 0px; padding: 2px 0px 2px 55px; font-size: 14px; line-height: 14px; letter-spacing: -1px; color:#996633; font-weight: bold; display: block; font-family: 'Arial';}
.List small { color:#996633; padding: 2px 0px 2px 55px; margin: 0px; font-size: 11px; }
.List small a { color:#996633; text-decoration: none;}
.List small a:visited { text-decoration: none;}

.List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}
.List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; }
.List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; }
.List .ListContent ul { padding: 0px; margin: 0px; }
.List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { background: #f9c6c6 url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 15px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#330000; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 13px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 2px #e2a3a3; padding: 6px; font-size: 12px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 2px #e2a3a3; padding: 6px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 204px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}