/*
Theme Name: The Wild Rover
Theme URI: http://www.upwildrover.com
Description: The Wild Rover Theme for Wordpress
Version: 1 (WP8)
Author: Obadiah Metivier
Author URI: http://middleEARmedia.com
Tags: wild rover, marquette, restaraunt, bistro, public house, obadiah, middleEARmedia
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




/*
	 The Wild Rover
	 by middle EAR media
	 http://www.middleEARmedia.com
*/



/*
	 Colors
	 bg-body: #000000
	 text: #663300
	 bg-footer: #161F2A
	 text-footer: #999900
	 link-footer: #CCCC99
	 link-hover-footer: #FFFFFF
	 h2: #333300
	 
	 
	 button-text: #FFFFFF
	 button-bg Green: #666600
	 button hover-bg: #336600

*/


/*     Utilities     */
* { margin: 0; padding: 0; }
html, body, #page-wrap {height: 100%; }
body > #page-wrap {height: auto; min-height: 100%;}
.hide {background-image:none; text-indent:-99999px; }
.left {float:left;}
.right {float:right;}
.largeText { font-size:1.4em; text-align:center;}
.quote { color:#333300;}
.clear 								{ clear: both; }
::selection                         { background: #33cc33; color: #222222; /* Safari */ }
::-moz-selection                    { background: #33cc33; color: #222222; /* Firefox */ }


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*     Layout     */

html { background-color:#000000; background-image:url(../../../images/bg-brown.gif); background-repeat:repeat;}

body								{ font-family:Verdana, Arial, Helvetica, sans-serif;  font-size: 85%; line-height: 2em; width:100%; background-image:url(../../../images/bg-body.jpg); background-position:top center; background-repeat:repeat-x;  color:#222222;}

#page-wrap {margin:0px auto; background-image:url(../../../images/bg-page-wrap.jpg); background-position:bottom center; background-repeat:repeat-y;}

#content-wrap {
background-image:url(../../../images/bg-content-wrap.jpg);
background-position:center top;
background-repeat:no-repeat;
margin:0 0 10px;

overflow:hidden;
padding:0;
position:relative;
}

#header { background-image:url(images/header.jpg); height:317px; background-repeat:no-repeat;}

#logoMain {
background-image:url(../../../images/logo_main.png);
height:256px;
left:200px;
position:absolute;
top:-260px;
width:712px;
z-index:120;
}

#main {padding-bottom: 400px;}  /* must be same height as the footer */

#content {
margin:-210px auto 0;
padding:0 80px 100px;
position:relative;
width:800px;
}

#content-single {
margin:-210px auto 100px;
padding:0 80px 100px;
position:relative;
width:800px;
min-height:670px;
}

#content-events {
margin:-210px auto 140px;
padding:0 80px;
position:relative;
width:800px;
}

#content-gallery {
margin:-210px auto 100px;
padding:0 80px 100px;
position:relative;
width:800px;
min-height:400px;
}

#content-about {
margin:-210px auto 100px;
padding:0 80px 100px;
position:relative;
width:800px;
min-height:400px;
}

#content-contact {
margin:-210px auto 140px;
padding:0 80px 100px;
position:relative;
width:800px;
min-height:400px;
}


#side {
background-image:url(../../../images/green-ribbon.png);
background-repeat:no-repeat;
color:#222222;
font-size:1.3em;
font-weight:bold;
height:80px;
margin:30px 0 10px -163px;
padding:17px 5px 0 120px;
width:510px;
}

#homeContent { float:left; width: 360px;}

#latest-news {
line-height:1.2em;
float:right;
margin:0 0 10px;
width:400px;
}

#footer {position: relative;
	margin-top: -400px; /* negative value of footer height */
	margin: -400px auto 0px;
    background-color:#000000;
	color:#999900;
	clear:both;
	width:100%; padding:0px; background-image:url(../../../images/bg-footer.jpg); background-repeat:repeat-x; background-position:top center;
	font-size:11px;
	height:400px;
	}
#footer-content { position:relative; margin:0 auto; width:960px; padding:110px 0 0 0;}	
#shamrock { position:absolute; top:-101px; left:-95px; background-image:url(../../../images/shamrock.png); width:200px; height:200px; z-index:100;}
#footer #copy {padding:0 0 0 20px; float:left; margin:-3px 0 0;}
#footer #copy li {float:left; margin:0 15px -5px 0;border-top:3px solid #000;}
#footer #mem {
float:right;
line-height:1.5em;
padding-right:20px;
}





/*     margin:-23px 0 0;
padding:0 10px 0 760px;
*/

#footer a {color:#CCCC99; }
#footer a:hover {color:#FFFFFF; }

#footerLogo { position:absolute; top:120px; left:365px; background-image:url(../../../images/logo_circle.png); width:230px; height:235px; z-index:99;}


/*     Links, Buttons and Form Styling     */

.field {border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}

.button {
	padding:2px; 
	margin: 0px 28px 4px 0pt;
 color:#FFFFFF; border:1px solid #222222; background-color:#666600; padding:5px 5px; font-weight:bold;
text-align:center;
}

.button:hover { 
 color:#FFFFFF; background-color:#336600; cursor:pointer;
}

.moreLink { color:#CC0000; padding:3px 5px 0 10px; margin:5px 0px; float:left; font-weight:bold;
text-align:center; }
.moreLink:hover { color:#FF6666; cursor:pointer; }

.mem {background-image:url(../../../images/mem.png); background-repeat:no-repeat; width:152px; height:16px; text-indent: -99999px; display:block; position:absolute; top:19px; left:258px;}
.mem:hover {background-image:url(../../../images/mem-h.png); background-repeat:no-repeat; width:152px; height:16px; text-indent: -99999px; }


.oldLink {
float:left;
font-weight:bold;
margin:0 0 0 10px;
text-transform:uppercase;
}
.newLink {
float:right;
font-weight:bold;
margin:0;
text-transform:uppercase;
}


.tags { font-size:.9em; border:1px solid #3096D3; padding:10px; background-color:#;}
.tags:hover { border-color:#003366;}

.cats { font-size:.9em; border:1px solid #3096D3; padding:10px; background-color:#;}
.cats:hover { border-color:#003366;}

.postMeta { font-size:.7em; border:1px solid #3096D3; padding:10px; background-color:#;}
.postMeta:hover { border-color:#003366;}
.postMetaArchive { font-size:.9em; border:1px solid #3096D3; border-bottom:5px solid #3096D3; border-right:5px solid #3096D3; padding:10px; background-color:#; margin:10px 0 0 0;}
.postMetaArchive:hover { border-color:#003366; background-color:#3096D3;}

.inlineButton { color:#11171F; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; background-color:#C7FF00; padding:3px 5px;}
.inlineButton:hover { color:#11171F; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; background-color:#9BD338; cursor:pointer; padding:3px 5px;}

.pad5-sides {padding:0px 5px;}




/*	Typography	*/
a 									{color:#336600; text-decoration:none; outline:none;}
a:hover								{ color:#999900;  }

acronym								{color:#ffffff; text-decoration:none; outline:none; border-bottom:1px dashed #C7FF00;}
acronym:hover								{ color:#C7FF00; cursor:help; border-bottom:1px dashed #11171F;  }

p { margin: 0 0 1.4em; }

h1, h2, h3, h4, h5, h6 {font-family:"Courier New", Courier, mono;}

h1 { color:#11171F; font-size:2em; margin:0 0 10px 0;}
h1 span { padding:0 0 40px 0;}


h2 {color: #333300; display:block; height:100px; background-repeat:no-repeat; margin:20px 0 10px -40px;}

.page-title-home { background-image:url(../../../images/pg-titles-home.png);text-indent:-99999px;}
.page-title-menu { background-image:url(../../../images/pg-titles-menu.png);text-indent:-99999px;}
.page-title-events { background-image:url(../../../images/pg-titles-events.png);text-indent:-99999px;}
.page-title-gallery { background-image:url(../../../images/pg-titles-gallery.png);text-indent:-99999px;}
.page-title-about { background-image:url(../../../images/pg-titles-about.png);text-indent:-99999px;}
.page-title-contact { background-image:url(../../../images/pg-titles-contact.png);text-indent:-99999px;}

#side ul li.searchForm {margin:0 0 0 20px;}

h3 {color: #333300; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; font-style:oblique; line-height:1.1em;}
h3#respond {margin: 15px 0 0 0;}
h4 { color: #11171F; font-size:1.4em; padding-bottom:5px; }

h5 {color: #000000;}

ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type:none; 	
	list-style-position: inside
	}

.widgettitle {padding-top:10px;}
.green {color: #C7FF00;}

h3.green a {color: #C7FF00;}
h3.green a:hover {color: #ffffff;}


a.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; text-indent: -9999px; display:block; width:286px; height:121px;}

a:hover.mem-logo { background-image:url(../../../images/mem-logo2.png); background-repeat:no-repeat; background-position: -286px 0px;}


/*	Menu Styles	*/
#menu {
line-height:1.3em;
margin:0 0 320px 0px;
 color:#663300;
}

#menu h3 {
color:#333300;
font-size:1.9em;
margin:10px 0 -15px -20px;
}

#menu h4 {
background-image:url(../../../images/check.png);
background-repeat:no-repeat;
color:#993300;
font-size:1.5em;
font-weight:bold;
margin:0 0 -5px -18px;
padding:8px 0 4px 18px;
text-transform:uppercase;
}

#menu .para { margin:-10px 0 15px -20px;}


#menu .ItemDesc { color:#333333;}
#menu .ItemPrice {
color:#2F2F2F;
font-size:1.2em;
font-weight:bold;
margin:-20px 0 15px;
}

/*	Navigation Styles	*/
#nav {margin:-10px auto 0; width:960px; position:relative;}
#catNav								{ padding: 0px 0px 0px 0px; overflow: hidden; margin: 265px 0 0px 0; }
#catNav li							{ display: block;}
#catNav li a						{ display: block;  height: 50px; text-indent: -99999px;
	                                  background: url(../../../images/nav-sprite.png); float: left;
	 								  border: none; padding: 0; }
#catNav li a:hover                  { cursor:pointer; }									  

#catNav a#list-one-button		    { background-position: 0px 0px; width: 205px;}
#page-wrap #catNav li.activeCatButton a#list-one-button { background-position: 0px 100px;}
#catNav li a#list-one-button:hover { background-position: 0px 100px; }

#catNav a#list-two-button			{ background-position: -205px 0px; width: 112px; }
#page-wrap #catNav li.activeCatButton a#list-two-button { background-position: -205px 100px; }	
#catNav li a#list-two-button:hover { background-position: -205px 100px; }	

#catNav a#list-three-button			{ background-position: -317px 0px; width: 129px; }
#page-wrap #catNav li.activeCatButton a#list-three-button { background-position: -317px 100px; }
#catNav li a#list-three-button:hover { background-position: -317px 100px; }

#catNav a#list-four-button			{ background-position: -446px 0px;  width: 143px;}
#page-wrap #catNav li.activeCatButton a#list-four-button { background-position: -446px 100px; }
#catNav li a#list-four-button:hover { background-position: -446px 100px; }

#catNav a#list-five-button			{ background-position: -589px 0px; width: 117px;}
#page-wrap #catNav li.activeCatButton a#list-five-button { background-position: -589px 100px; }
#catNav li a#list-five-button:hover { background-position: -589px 100px; }

#catNav a#list-six-button			{ background-position: -706px 0px; width: 254px; }
#page-wrap #catNav li.activeCatButton a#list-six-button { background-position: -706px 100px; }
#catNav li a#list-six-button:hover { background-position: -706px 100px; }


a.rssIcon			{ background-image:url(../../../images/feed-icon-28x28.png); position:absolute; top:5px; right:5px; }
a.rssIcon:hover { background-image:url(../../../images/feed-icon-28x28-h.png); cursor:pointer; }

									  
/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 0 0; }
.post-title							{color: #333300;}
.post-title a 						{color:#993300;}
.post-title a:hover 				{color: #cc0000;}

.post-title-single {
color:#993300;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
font-style:oblique;
letter-spacing:0.05em;
margin:-10px 0 -50px;
word-spacing:0.2em;
}

.post p { font-size:1.2em;}

.post-image							{ margin:0 0 0 0px;}
.post-image-sidebar					{ width:255px; height:50px; overflow:hidden; margin:0 0 0 10px;}
.post-image-sidebar:hover			{ width:255px; height:50px; overflow:hidden; margin:0 0 0 -10px;}

.news-item {
background-image:url(../../../images/bg-news-item.png);
background-position:left top;
background-repeat:no-repeat;
color:#000000;
margin-bottom:40px;
margin-left:0;
margin-right:0;
max-height:400px;
padding:30px 20px 0;
}

.news-item-footer     					{ width:400px; height:50px; margin: 0px -20px -20px; padding:0px; background-image:url(../../../images/ft-news-item.png); background-position:top; background-repeat:no-repeat; }

<img src="../../../images/ft-news-item.jpg">
.page								{ margin: 0 0 45px 0; }
.page-contact						{ margin: 0 0 45px 0; height:810px; }
.page-events						{ margin: 0 0 45px 0; min-height:1100px; }

.day								{ color:#669900; font-size: 1.2em; font-weight: bold; margin: 0; font-family: Arial, Helvetica, sans-serif;}
.month								{ color:#669900; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0; padding:15px 0 0; font-family:Arial, Helvetica, sans-serif; }
.year								{ color:#669900; font-size: 1em; font-weight: bold; margin: 0; padding:-5px 0 0; font-family:Arial, Helvetica, sans-serif;}
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }




/*	Date Calendar Styles	*/

.datebox {
border-top:1px dashed;
color:#666666;
font-size:0.8em;
font-weight:bold;
margin:5px 0 30px;
z-index:21;
}

.datebox-single {
background:transparent url(../../../images/green-ribbon.png) no-repeat scroll 0 0;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
height:80px;
margin:-15px 0 0 -163px;
padding:17px 0 0 163px;
text-transform:uppercase;
}

.datebox-single span {padding: 0;}

.commentscloud {
	position: absolute;
	text-align: center;
	top: 67px;
	left: -82px;
	width: 30px;
	height: 28px;
	padding: 3px 0;
	background: url(../../../images/comment-bubble.png) no-repeat 0 0;
	z-index:20;
	font-weight:bold;
}

.commentscloud a {color:#224863;}
.commentscloud a:hover {color:#161F2A;}

/*
	COMMENTS
*/
.commentList { }
.commentList ol li { margin: 5px 0 0 90px; padding: 5px; border:1px solid #11171F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.commentList ol li.alt { background-color:#3096D3; margin:5px 0 0 90px;}

.xhtml { font-size:.7em; border:1px solid #3096D3; padding:5px; background-color:#;}
.xhtml:hover { border-color:#003366;}

.avatar { background-color:#3096D3; padding:1px;}
.photo {background:white; padding:5px;}



#side ul li ul li {border:1px solid #224863; margin:2px; padding:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; width:260px; display:block; background:#3096D3;}


.searchForm {padding:0 0 20px 0;}
img#wpstats{display:none}

/*
	ADVERTISEMENTS
*/
#ads { width:355; border:1px solid black;}
	#ads ul li { float:left; margin:7.5px; padding:10px; border:1px solid black;}
	#ads ul li:hover { border:1px solid #C7FF00;}
	
	
/*
	POP UP BUBBLES
*/	
	
        .bubbleInfo {
            position: relative;
            top: 0px;
            left: 0px;

        }
        .trigger {
            position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;

        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://www.computermilk.net/images/bubble/bubble-1.png); }
        .popup td.top { background-image: url(http://www.computermilk.net/images/bubble/bubble-2.png); }
        .popup td#topright { background-image: url(http://www.computermilk.net/images/bubble/bubble-3.png); }
        .popup td.leftside { background-image: url(http://www.computermilk.net/images/bubble/bubble-4.png); }
        .popup td.rightside { background-image: url(http://www.computermilk.net/images/bubble/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://www.computermilk.net/images/bubble/bubble-6.png); }
        .popup td.bottom { background-image: url(http://www.computermilk.net/images/bubble/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://www.computermilk.net/images/bubble/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #11171F;
        	color:#999999;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;


        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
			padding:5px;
        	}

        table.popup-contents td {
        	text-align: left;
			padding:5px;
        	}

.popup a {color:#9BD338;}
.popup a:hover {color:#C7FF00;}

.popupTitle { color:#CCCCCC; font-size:1.3em;}
.popupTopRow { padding:5px 0 0 0;}
.popupBottomRow { padding:0 0 5px 0;}



#map {
position:absolute;
right:50px;
top:140px;
}

#map .address {line-height:1.3em;}
#map .map {border:1px solid #222222;}



#map span {
background-color:#669900;
border:1px solid #222222;
padding:5px 10px 6px;
}

.image {  background-image:url(../../../images/main-image.png); width: 360px; height: 360px;  display:block; margin:13px 0 -20px 0;}

.current_page_item { color:#FFFFFF!important; border-top:3px solid #336600!important;}


/*
	 EVENTS CALENDAR
*/	

#calendar_wrapLarge h2 {height:30px!important; color: #333300!important; font-size:1.6em!important; }
#calendar_wrapLarge table thead tr th {
background:#669900 none repeat scroll 0 0!important;
border:1px solid #000000;
color:#333 !important;
font-weight:bold !important;
letter-spacing:0.3em !important;
padding:0 30px;
text-transform:uppercase !important;
}

#CalendarLarge-Header {margin:0 0 0 40px!important; width:95%;!important}

#wp-calendarLarge td {
	border: thin solid black;
	width: 150px;
	height: 100px;
	padding: 0;
	vertical-align: top;
	background-color: #CCCC99;	
}	


#wp-calendarLarge .dayHead {events-c...endar.css (line 70)
background-color:#336600!important;
color:white;
font-weight:bold!important;
z-index:1000!important;}

#todayLarge {events-c...endar.css (line 78)
background-color:#fff!important;
color:#222222!important;
}

/*
	 MENU
*/	

#appetizers h3 span,
#soupandsalad h3 span,
#sandwicheswraps h3 span,
#irishspecialties h3 span,
#gaelicentrees h3 span,
#desserts h3 span,
#theweeones h3 span {
	display:none;
}

#appetizers,
#soupandsalad,
#sandwicheswraps,
#irishspecialties,
#gaelicentrees,
#desserts,
#theweeones {
	left: 0px;
	padding-bottom: 20px;
	text-align: left;
}

#appetizers h3,
#soupandsalad h3,
#sandwicheswraps h3,
#irishspecialties h3,
#gaelicentrees h3,
#desserts h3,
#theweeones h3 {
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
height:100px;
left:-82px;
position:relative;
text-transform:uppercase;
top:0px;
width:790px;
}


#appetizers h3 {background-image:url(../../../images/menu-title-appetizers.png);}
#appetizers ul.appetizers {display: none;}
#appetizers h3.close-appetizers {
background-image:url(../../../images/menu-title-appetizers2.png);
background-position:center top;
background-repeat:no-repeat;
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#soupandsalad h3 {background-image:url(../../../images/menu-title-soupandsalad.png);}
#soupandsalad ul.soupandsalad {display: none;}
#soupandsalad h3.close-soupandsalad {
background-image:url(../../../images/menu-title-soupandsalad2.png);
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#sandwicheswraps h3 {background-image:url(../../../images/menu-title-sandwiches.png);}
#sandwicheswraps ul.sandwicheswraps {display: none;}
#sandwicheswraps h3.close-sandwicheswraps {
background-image:url(../../../images/menu-title-sandwiches2.png); 
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#irishspecialties h3 {background-image:url(../../../images/menu-title-irishspecials.png);}
#irishspecialties ul.irishspecialties {display: none;}
#irishspecialties h3.close-irishspecialties {
background-image:url(../../../images/menu-title-irishspecials2.png); 
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#gaelicentrees h3 {background-image:url(../../../images/menu-title-gaelicentrees.png); }
#gaelicentrees ul.gaelicentrees {display: none;}
#gaelicentrees h3.close-gaelicentrees {
background-image:url(../../../images/menu-title-gaelicentrees2.png); 
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}


#desserts h3 {background-image:url(../../../images/menu-title-desserts.png);}
#desserts ul.desserts {display: none;}
#desserts h3.close-desserts {
background-image:url(../../../images/menu-title-desserts2.png); 
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#theweeones h3 {background-image:url(../../../images/menu-title-theweeones.png);}
#theweeones ul.theweeones {display: none;}
#theweeones h3.close-theweeones {
background-image:url(../../../images/menu-title-theweeones2.png); 
height:100px;
left:-82px;
position:absolute;
top:-10px;
width:790px;
}

#irishspecialties h3.boxty {
background:transparent none repeat scroll 0 0;
color:#cc0000;
font-family:Courier New;
font-style:normal;
font-weight:bold;
height:40px;
margin:40px 0 0 63px;
}

#back { width:200px; height:60px; margin:10px 0 0 0px;}
#back a {
background-image:url(../../../images/back.png);
display:block;
height:60px;
text-indent:-99999px;
width:200px;
margin: 10px 0 10px 50px!important;
}

#back a:hover { background-image:url(../../../images/back-hover.png); text-indent:-99999px;}

.news-icon {
background-image:url(../../../images/notes_edit.png);
display:block;
float:left;
height:48px;
margin:0 0 0 -35px;
width:48px;
z-index:22;
}