/*
Theme Name: DiscoverWalks
Theme URI: http://www.discoverwalks.com/
Description: Custom WP Theme for DiscoverWalks.
Author: Dave Kaplan
Version: 1.0
*/

/* ---- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ---- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* ---- DW theme ---- */ 
html { margin: 0 auto; border: 0; }
body { margin: 0 auto; border: 0; background-color: #B7125E; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; }

/* ---- get rid of dotted borders around focused links ---- */ 
:focus { outline: none; -moz-outline-style: none; }

a, img, a img { border: 0; }
a { color: #c34b71; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { overflow: hidden; margin: 0 auto; background: #fff; width: 970px; padding: 10px; }
#logo {  }

/* ---- top nav ---- */ 
#head { clear:both; position: relative; }

#city-nav { position:absolute; top:-24px; right:32px; list-style:none; margin-bottom:20px; }
#city-nav li { float:left; margin-right: 4px; }
#city-nav li a { display:block; color:#aaa; background:#fff; padding:10px 10px 4px 10px; text-transform:uppercase; font-weight: bold; }
#city-nav li a:hover, #city-nav li a.active 
{ background: #aaa; color: #fff; text-decoration: none; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

#menu-empty { display:none; }

#nav1 { margin-left: 15px; }
#nav2 { font-size:12px; margin:0 12px; margin-bottom:25px; border-bottom:1px dotted #f5b9cc; }

ul.menu, ul.plain-nav { position:relative; float:left; left:50%; padding:0; padding-top:10px; margin:0; list-style:none; }
ul.menu li, ul.plain-nav li { list-style: none; float: left; right: 50%; position: relative; padding: 5px 0; }
ul.plain-nav li a { text-align: center; color: #000; text-decoration: none; padding: 5px 12px; }

.plain-nav  ul li .sep { padding: 0 5px; }
#nav2 li .sep { color: #B7125E; }
ul.plain-nav li a:hover { text-decoration: underline; }
ul.plain-nav li:last-child .sep { display: none; }

/* http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/ */ 
/* ---- NAV ---- */
#dd-nav { text-shadow: #333 1px 1px 0; z-index:100; position: relative; }
#dd-nav li { margin-right: 5px; position:relative; }
#dd-nav a { display:block; -moz-border-radius: 6px; border-radius: 6px; padding:5px 12px; color:#fff; background:#333; background:#B7125E; text-decoration:none; }
#dd-nav a:hover { color:#fff; background:#B7125E; }

/* ---- DROPDOWN ---- */
#dd-nav ul
{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none; position:absolute; padding: 0; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#dd-nav ul li
{
	left:0; padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none; padding: 0; border-radius: 0;
}
#dd-nav ul a
{
	border: 1px solid #555; border-top: 0;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#dd-nav li:hover ul { /* Display the dropdown on hover */ left:0; /* Bring back on-screen when needed */ }
#dd-nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background: #333; }
#dd-nav li:hover ul a
{ 
	/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background: #FCE6F0; color: #B7125E; text-shadow: #fff 1px 1px 0; text-decoration:none;
}
#dd-nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ background:#FAD7E7; }
/* ---- end top nav ---- */ 

#container { padding: 15px; }
.home #container { text-align: center; padding: 4px; }

h1 { font-size: 32px; margin: 10px 0; padding: 0; }
h2 { font-size: 26px; margin: 10px 0; padding: 0; }
h3 { font-size: 22px; margin: 6px 0; padding: 0; }
h4 { font-size: 16px; margin: 4px 0; padding: 0; }
h2 .smaller, h3 .smaller { font-size: 14px; }

.entry-content { padding-left: 16px; overflow: hidden; }
.entry-content p { font-size: 16px; line-height: 21px; margin: 0 0 10px 0; padding: 0; }
.entry-content ul { font-size: 16px; margin: 15px 0 15px 32px; padding: 0; }
.entry-content ul li { margin: 8px 0; color: #c34b71; } 
.entry-content ul li span { color: #000; font-weight: bold; }

/* ---- homepage headers ---- */ 
h1.homepage, h2.homepage { text-transform: uppercase; color: #b7125e; font-size: 26px; overflow: hidden; }
#homepage-left h1.homepage, #homepage-left h2.homepage { margin-left: 100px; }
#private-tour h1.homepage, #private-tour h2.homepage { margin-left: 130px; }
h1.homepage .text, h2.homepage .text { float: left; line-height: 40px; padding: 0 10px; }

.header-left-circle, .header-right-circle { float: left; background: url('images/header-left-circle.gif') no-repeat 0px 0px; width: 21px; height: 42px; }
.header-right-circle { background: url('images/header-right-circle.gif') no-repeat 0px 0px; }

/* ---- homepage tour links ---- */ 
#tour-links, #tour-links-2, #paris-adventures 
{ 
	position: relative; margin-top: 30px; padding: 5px; padding-top: 55px; padding-left: 0px;
	width: 580px; border: 4px double #c34b71; z-index: 0;
}

#tour-links { border-left: 0; }
#paris-adventures { border-bottom: 0; border-right: 0; width: 315px; margin-right: 10px; }

.homepage-sect-header 
{
	position: absolute; display: block; left: 65px; top: -30px;
	background: #fff; padding: 0 10px; z-index: 2; text-align: center;
}

#homepage-left .homepage-sect-header { left: 175px; }
.homepage-sect-header .smaller { font-size: 12px; }

.tour-link { background: #fff; position: relative; float: left; margin: 0; margin-bottom: 25px; padding: 0; width: 290px; }
#tour-links-2 .tour-link { width: 330px; }
.tour-link a { text-decoration: none; }
.tour-link img { float: left; }
.tour-link .tour-info { text-align: left; color: #000; margin-left: 5px; margin-top: 5px; padding-left: 10px; border-left: 1px solid #999; max-width: 200px; float: left; }
#tour-links-2 .tour-info { max-width: 240px; }
.tour-link .tour-info p { margin: 0; text-transform: uppercase; font-size: 13px; }
.tour-link .tour-info p.title, .tour-link .tour-info p.subtitle { margin-bottom: 2px; color: #c34b71; }
.tour-link .tour-info p.title { font-weight: bold; font-size: 16px; }
.tour-link .tour-info p.title span { color: #c34b71; font-weight: normal; font-size: 12px; text-transform: none; }
.tour-link .tour-info p.subtitle { font-size: 12px; }
.tour-link .tour-info p.time { font-size: 11px; font-weight: bold; }

.coming-soon .tour-link .tour-info p.title, .coming-soon .tour-link .tour-info p.subtitle, .coming-soon .tour-link .tour-info p.time { color: #888; }

#private-tour { margin-top: 40px; width: 590px; overflow: hidden; height: 140px; height: 400px; position: relative; }
#private-tour .bordered { width: 110px; float: left; border-top: 4px double #c34b71; margin-right: 10px; margin-top: 6px; }
#private-tour .tour-text { float: left; position: absolute; top: 60px; left: 120px; width: 360px; }
#private-tour .bordered2 { width:220px; float: right; border-top: 4px double #c34b71; margin-right: 0px; margin-top: 26px; }
#private-tour img { width: 560px; margin: 20px 10px; }

.adventure.right { border-top: 1px dotted #c34b71; border-bottom: 1px dotted #c34b71; padding-top: 15px; margin-bottom: 15px; }
.adventure h3 { float: left; font-size: 18px; text-transform: uppercase; line-height: 16px; width: 190px; }
.adventure img { float: left; margin-left: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #c34b71; padding: 2px; }
.adventure.right h3 { margin-left: 20px; width: 170px; }
.adventure p { clear: both; padding-left: 20px; font-size: 13px; }
.adventure p.info { background: url('images/GreyLine.gif') no-repeat; margin-left: 16px; font-size: 12px; color: #c34b71; }

#homepage-left { margin-left: 15px; float: left; }
#homepage-right { float: right; margin-right: 10px; }

#testimonials { margin: 20px 0 12px 0; text-align: center; background: url('images/pink-gradient-bg.jpg'); font-size: 11px; padding: 6px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }

/* ---- homepage bottom ---- */
#bottom { padding-top: 15px; padding-left: 10px; }

/* ---- brochure link ---- */ 
#brochure-link { clear: both; margin-top: 16px; font-size: 16px; text-align: center; }
#brochure-link a { text-decoration: none; color: #000; font-weight: bold; }

/* ---- photo letter ---- */ 
.photo-letter .archive-menu { margin-right: 15px; padding: 5px; overflow: hidden; }
.photo-letter .archive-menu h3 { margin: 0; padding: 0; margin-bottom: 4px; margin-right: 10px; font-weight: bold; font-size: 16px; }
.photo-letter .archive-menu ul { float: left; margin: 0; padding: 0; }
.photo-letter .archive-menu ul li { float: left; margin-right: 4px; margin-bottom: 4px; padding-left: 5px; padding-right: 5px; list-style: none; border-right: 1px dotted #f5b9cc; }
.photo-letter #content { }
.photo-letter h1 { margin-top: 0; padding-top: 0; display:none; /* just hide it? */ }

/* ---- footer ---- */ 
#footer { border-top: 1px solid #999; padding-top: 12px; margin-top: 12px; font-size: 11px; text-align: center; }
#footer .nav { font-size: 12px; font-weight: bold; }

/* ---- general ---- */ 
.alignright { float: right; }
.alignleft { float: left; }
.gray { color: #666; }
.cl { clear: both; }

.cities-images 
{
	width:684px; height:237px;
	background-image:url("http://www.discoverwalks.com/wp-content/themes/discoverwalks/images/corporate/dw-4-cities.jpg");
	float:right; z-index:-1;
}

.paris-link { width:115px; height:237px; margin-top:-255px; margin-left:245px; position:absolute; z-index:1; }
.paris-link-inner { width:115px; height:237px; }
.sf-link { width:100px; height:237px; margin-top:-255px; margin-left:410px; position:absolute; z-index:1; }
.sf-link-inner { width:100px; height:237px; }
.barcelona-link { width:92px; height:237px; margin-left:321px; margin-top:-255px; margin-left:568px; position:absolute; z-index:1; }
.barcelona-link-inner { width:92px; height:237px; }
.prague-link { width:66px; height:237px; margin-top:-255px; margin-left:715px; position:absolute; z-index:1; }
.prague-link-inner { width:66px; height:237px; }	
.london-link { width:96px; height:237px; margin-top:-255px; margin-left:830px; position:absolute; z-index:1; }
.london-link-inner { width:96px; height:237px; }	

.lodging { width: 915px; text-align: right; margin:-88px 0px 0px 0px; z-index:250; position: absolute; font-family: arial; }
.lodging a { display:none; color: #fff; font-weight:bold; font-size: 17px; }
.lodging_in { display:none; width: 915px; text-align: right; margin:-160px 0px 0px -12px; z-index:250; position: absolute; font-family: arial; }
.lodging_in a { display:none; color: #fff; font-weight:bold; font-size: 17px; }

.post_cats { padding-top: 40px; width: 200px; float:right; }
.post h2 { width:650px; }
.postmetadata { width:650px; }
.post { width:690px; }

/* ---- Sharing social media links ---- */
.addthis_toolbox { margin-top:10px; }

/* ---- Related posts CSS ---- */
.nr_related_placeholder { margin-top:70px; }

/* ---- map button css (next to tabs) ---- */
.map_btn { padding:7px 15px; width:40px; background:#B7125E; font-size:18px; float:left; margin:27px 0px 5px 0px; border-top-left-radius:5px; border-top-right-radius:5px; }
.map_btn a { color:#fff; }
.map_btn:hover { background:#F1F1F1; }
.map_btn:hover a{ color:#000; }
.map_btn a:hover { color:#000; text-decoration:none; }

/* ---- sidebar link arrangement ---- */
.sidebar_linx li{ margin-left:-40px; }
.sidebar_cats { font-size:12px; }

/* ---- facebook post plugin ---- */
.fcbk_share { padding:20px 0 5px 5px; }