/*
Theme Name: Pets Welcome Custom Theme
Description: Custom theme for www.petswelcome.com
Version: 2.0
Author: PetsWelcome
Author URI: www.petswelcome.com
*/

/* COLORS 

#3478BB light blue
#003366 blue
#003399 darker blue
#6699CC another blue
#AC4A31 brick red

*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family: verdana; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a {outline:none;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none } /* Gets rid of Firefox's dotted outline */

/* --------- UTILITY CLASSES ------------   */

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

/* ----------- LINKS ----------- */

a {	text-decoration: none; }
a:link { color:#3478BB; }
a:active { color:#6699CC; }
a:visited { color:#003399; }
a:hover { color:#003366; }

/*----------- FORMAT ----------- */

body {
	background-image:url(images/bg.jpg);
}

#container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#header {
	background-image:url(images/stdBanner.jpg);
	height:113px;
}

#homeBanner {
	background-image:url(images/homeBanner.jpg);
	height:497px;
	margin-top:-1px;
}

.darkTransition {
	height:2px;
}

#content {
	background-image:url(images/bg-repeater.jpg);
	padding-top: 20px;
	padding-left: 100px;
	padding-right:100px;
	margin-top:-1px;	
}

#maincol {
	width:705px;
	float:left;
}

#bottom {
	background-image:url(images/stdShadowBottom.png);
	background-repeat:repeat-x;
	width:1060px;
	height:30px;
	clear:both;
	margin:0 auto;
}

#ads {
	margin-left:25px;
	margin-top:20px;
	width:160px;
	height:830px;
	float:left;
}

.advertLarge {
	width:160px;
	height:350px;
	margin-bottom:5px;
}

.advertSmall {
	width:160px;
	height:120px;
	margin-bottom:5px;
}

#intro {
	margin:20px;
	margin-left:60px;
	width:630px;
	text-align:justify;
}

.verticalRule {
	float:left;
	height:95%;
	background-color:#587087;
	width:1px;
}

#menu {
	background-image:url(images/verticalRule.png);
	background-repeat:repeat-y;
	margin-left:40px;
	margin-top:20px;
	float:left;
	width:285px;
}

.horizontalRule {
	padding-top:20px;
	width:1000px;
	height:1px;
	clear:both;
	border-bottom:solid 1px #587087;
}

#topMenu {
	margin-left:370px;
	padding-top:23px;
}

#topMenu a {
	color:#006699;
	font-size: .85em;
	text-decoration:none;
}

a#title {
	display:block;
	height: 25px;
	margin-left:115px;
	margin-top:60px;	
	width: 225px;
}

a#title2 {
	display:block;
	height: 75px;
	left:0;
	margin-left:100px;
	margin-top:10px;
	position: absolute;
	top:0;
	width: 100px;
}

#bannerTitle {
	color:#285990;
	font-size:26px;
	margin-left:340px;
	padding-top:40px;
	font-weight:bold;
}

/* ----------- HEADER ----------- */

#hotelAd {
	margin-left:115px;
	width:155px;
	height:78px;
	float:left;
	position:relative;
	top:-37px;
}

#vanAd {
	margin-left:265px;
	padding-top:155px;
	width:214px;
	height:82px;
	float:left;
}

#billboard {
	left: 890px;
	position: absolute;
	text-align: center;
	top: 178px;
}

#billboard h3 {
	text-indent:-9999px;
}

#billboard form {
	margin-top:37px;
	width:250px;
}

#billboard div input {
	margin-top:10px;
	text-align:center;
}

#billboard a {
	background:url(images/billboard_sbr.png) bottom center;
	width:258px;
	height:56px;
	top:134px;
	left:-15px;
	position: absolute;
}

#plane {
	background-image:url(images/plane.png);
	width:629px;
	height:76px;
	position:relative;
	left:467px;
	top:-50px;
}

#plane a {
	background:url(images/planeAd1.png) no-repeat bottom center;
	height:70px;
	width:244px;
	top:4px;
	left:18px;
	position:absolute;
}

#plane a+a {
	background:url(images/planeAd2.png) no-repeat 0px 0px;
	height:57px;
	width:162px;
	top:7px;
	left:328px;
}

#planeAd {
	margin-left:35px;
	margin-top:10px;
}

#boat {
	width:286px;
	height:276px;
	position:relative;
	left:-35px;
	bottom:-17px;
}

#boatAd {
	margin-left:335px;
	margin-top:41px;
	padding-top:15px;
}

#boat a {
	background: url(images/boatAd.png) no-repeat 0px -50px;
	width:50px;
	height:50px;
}

#boat a:hover {
	background: url(images/boatAd.png) no-repeat 0px 0px;
}

#plane a, #hotelAd a, #vanAd a, #billboard a, #boat a {
	display:block;
	text-indent:-9999px;
}

#boat h3 {
	text-indent:-9999px;
}

#hotelAd a {
	background: url(images/hotelAd.png) no-repeat bottom;
	height:78px;
	width:155px;	
}

#vanAd a {
	background: url(images/vanAd.png) no-repeat bottom;
	height:82px;
	width:214px;
}

#plane a:hover {
	background-position: -1px 0px;
}
#plane a+a:hover {
	background-position: bottom center;
}
#hotelAd a:hover {
	background-position: top;
}

#vanAd a:hover {
	background-position: top;
}

#billboard a:hover {
	background-position: top;
}

.dropcap {
	font-size: 48px;
	margin-right:-8px;
	line-height: 14px;
}

/* -------- MAIN PAGE SIDEBAR ------- */

#sidebar.home {
	width:290px;
	padding-left:13px;
}

#sidebar.home a.listings {
	background:url(images/listings.png) no-repeat;
	display:block;
	text-indent:-9999px;
	width:225px;
	height:87px;
	margin:0 auto 15px auto;
}

.home .post {
	margin: 0;
	padding: 5px 0;
}

#sidebar.home .post {
	overflow:hidden;
}

.home .clear+.post {
	border-top: 1px dotted #3478BB;
}

.home .excerpt p {
/* 	display: none; */
}

.home .excerpt img.imgtfe {
	float: left;
	margin: 0 5px 5px 0;
	border: 4px solid white;
}

.home .excerpt a {
	font-size: .9em;
}

.home .excerpt img+a {
	float: left;
	width: 125px;
}

#mc-embed-signup {
	padding-top: 15px;
	margin:0 auto;
}

/* ----------- BLOG ENTRY ----------- */

.post {
	margin: 0 20px 15px;
}

/* post title */
.post h2 a {
	font-size: 1.3em;
}

/* date */
.post h5 {
	color: #AC4A31;
	font-size: .75em;
	padding-left: 15px;
	display: inline;
}

/* tags */
.post h6 {
	display: inline;
	font-size: .65em;
	padding-left: 15px;
}

.post img {
	border: 5px solid #FFFFFF;
	margin: 10px;
}

.post img.alignleft {
	display: inline;
	float:left;
	margin: 0 10px 5px 0;
}

.post img.alignright {
	display: inline;
	float:right;
	margin: 0 0 5px 10px;
}

.post p {
	margin: 3px 3px 10px;
}

.post h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#003399;
}

.storycontent {
	border-bottom: 1px solid #AC4A31;
}

.storycontent ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style-position:inside;
	list-style-image:url(images/bullet.png);
	padding-left: 10px;
	text-indent: -10px;
	}

.storycontent li {
	margin: 7px 0 8px 10px;
	}

.storycontent ol {
	padding: 0 0 0 35px;
	margin: 5px 0 10px 0;
	}

.storycontent ol li {
	margin: 0;
	padding: 0;
	}
	
.storycontent blockquote {
	margin: 5px 20px 10px 20px;
}

.post .meta {
	color:#003366;
	font-size: .75em;
	padding-top:10px;
}

.post .imgtfe {
	border: 2px solid #FFFFFF;
	margin: 10px 5px 0 0;
}

/* ----------- COMMENT ----------- */

/* comments header */
#comments h3 {
	font-size: 1.1em;
	color: #003366;
	padding-bottom: 5px;
}

#comments {
	margin: 15px 20px 0 0;
	padding: 5px 10px;
}

ol.commentlist {
	margin: 5px;
}

li.comment:first-child {
	border-top: 1px dotted #AC4A31;
}

li.comment {
	padding: 3px 5px;
	border-bottom: 1px dotted #AC4A31;
}

.comment-author {
	clear:both;
}

.comment-meta {
	font-size: .75em;
/* 	float: left; */
}

img.avatar {
	float:left;
	margin-top: 3px;
}

.comment-author cite {
	float:left;
}

.comment-author cite, span.says, .comment-meta a {
	padding-left: 4px;
} 


/* ----------- RESPOND ----------- */

#respond {
	margin: 0 5px;
	padding: 10px;
}

/*Leave Response */
#respond h4 {
	font-size: 1.1em;
	color: #003366;
	padding-bottom: 5px;
}

#respond p {
	padding: 3px;
}


/* ----------- SIDEBAR ----------- */

#sidebar {
	float:left;
	width:225px;
	padding:5px 5px 5px 15px;
}

#sidebar h2.widgettitle {
	border-top: 1px dotted #3478BB;
	border-bottom: 1px dotted #3478BB;
	padding:3px;
	color: #003366;
	font-size: 1.2em;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	padding:3px 0;
}

#sidebar ul ul li {
	padding-left:10px;
}

#searchTitle {
	color:#265787;
	margin-left:225px;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
}

#searchButton {
	margin-left:23px;
	margin-top:-6px;
}

/* ----------- SEARCH/PAGES/ARCHIVES ----------- */

h2.pagetitle {
	font-size: 1.4em;
	border-bottom: 1px dotted #003399;	
	margin-bottom: 10px;
	padding-bottom: 2px;
}

.searchResults .post, .archive .post {
	padding-bottom: 5px;	
	border-bottom: 1px dotted #AC4A31;
}

.archive .post .imgtfe {
	margin-top: 3px;
}

.blog .post .imgtfe {
	margin-top: 3px;
}

/* ----------- FOOTER ----------- */

.prop {
	height:30px;
	clear:both;
}

.credits {
	font-size:12px;
	padding:10px;
	text-align:center;
}

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */


/* reset menu and all in it */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

/* keeps entire menu and all in it above everything else */
ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;

}

/* places all top level list item in a horizontal row and positions text */
ul.dropdown li {
 float: left;
/*  line-height: 1.3em; */
/*  vertical-align: middle; */
/*  zoom: 1; */
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative; /* allows this to become a parent and allow an inner list to rest against this item */
 z-index: 599; /* contingency that makes sure active list doesn't appear behind other lists on same menu */
 cursor: default;
}

/* absolutely position the inner lists and hide them until they're hovered */
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%; /* top margin is 100% of parent */
 left: 0; /* left margin is 0 */
 z-index: 598; /* one point higher than root list */
 width: 100%; /* 100% of parent */
 font-size: .75em;
}

/* list item styling */
ul.dropdown ul li {
 background:#FFFFFF;
 border-bottom: 1px dotted #88CAFF;
 float: none;
 padding:3px 10px;
 width:130px;
}

/* add the top border to only the top element */
ul.dropdown ul li:first-child {
  border-top: 1px dotted #88CAFF;
}

/* for secondary lists */
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

/* show the freakin' menu! */
ul.dropdown li:hover > ul {
 visibility: visible;
}