/*
Theme Name: O'Dwyer English Auctioneers
Theme URI: http://revolution-media.net/
Description: The default O'Dwyer English theme.
Version: 1.0
Author: Andrzej Stacherski
Author URI: http://revolution-media.net/
Tags: grey, red, custom header, fixed width, two columns
*/

* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: center; color: #333; margin: 0; padding:0; background: #ccc url("img/bgnd-page.png") repeat-x; font: 12px Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; font-size: 1em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l, .alignleft {float: left;}
.r, .alignright {float: right;}
.center {text-align: center;}

.clear {clear: both;}
.separator {clear: both; border: #c00 dotted; border-width: 0 0 1px 0; margin: 10px 0;}
.strong {font-weight: bold;}
.linklove {display: none;}
.slideshowlink {padding: 10px;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s210 {width: 210px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.s600 {width: 600px;}

.p100 {width: 100%;}
.s80 {width: 80px;}
.h150 {height: 150px;}
.postmetadata {font-size: 0.8em;}

/********************************************************************************/

#wrapper {width: 990px; margin: 0 auto; text-align: center;}

#wrapper .logo-print {display: none;}

#header {width: 990px; height: 145px; margin: 0; background: url("img/bgnd-content-top.png") 0 120px  no-repeat;}
#header a.logo {float: left; width: 200px; height: 100px; margin: 15px 0 0 30px; background: url(img/ode-logo.png) center center no-repeat; text-indent: -9000px;}
#header p.phone {float: right; padding: 0; font-size: 2em; color: #fff; margin: 25px 25px 0 0;}

#headertxt {float: left; width: 520px; height: 80px; margin: 20px 0 0 0;}
#headertxt p {padding: 30px 0 0 110px; font-size: 1.6em; color: #fff;}

#headerimg {float: left; width: 517px; height: 150px; margin: 0; padding: 0 0 0 25px;}

#main-nav {float: right; width: 750px; margin: 35px 0 0 0;}
#main-nav ul {margin: 0;}
#main-nav ul li {list-style: none; display: inline;}
#main-nav ul li a {display: block; float: left; margin: 0 1px; padding: 10px 12px; color: #fff; font-weight: bold; font-size: 1.4em; text-decoration: none;}
#main-nav ul li a:HOVER {color: #800000; background: #fff;}
#main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a {display: block; float: left; padding: 10px 12px; color: #800000; text-decoration: none; background: #fff}

#searchbox {float: right; margin: 0 25px 0 0; width: 420px; height: 150px; overflow: hidden; background: url("img/bgnd-searchbox.png") no-repeat; text-align: left;}
#searchbox h3 {margin: 20px 0 0 20px; color: #fff; font-size: 1.4em;}
#searchbox #s {float: left; width: 250px; height: 22px; color: #333; font-size: 1.6em; padding: 0.3em; background: #fff; border: none; margin: 20px 0 0 20px;}
#searchbox #searchsubmit {float: right; width: 90px; height: 35px; color: #fff; font-size: 1.6em; padding: 0.3em; background: #cc0000; border: none; margin: 20px 20px 0 20px;}
#searchbox p {color: #fff; margin: 0 20px; padding: 10px 0; font-size: 0.9em;}
#searchbox p a {padding: 0.2em; color: #fff; text-decoration: none;}
#searchbox p a:HOVER {color: #fff; background: #800000;}


#page {width: 990px; margin: 0 auto; padding: 0; display: table; background: url("img/bgnd-content.png") top center repeat-y;}

#content {float: left; text-align: left;}
#content.narrow {width: 680px; padding: 0; margin: 10px 25px;}
#content.wide {width: 940px; margin: 10px 25px;}

#content h1 {padding: 0; margin: 0 0 10px 0; font-size: 2.0em; font-weight: bold; color: #c00;}
#content h2 {padding: 0; margin: 10px 0; font-size: 1.6em; font-weight: normal; color: #000;}
#content h2 span {color: #ddd; width: 30px; padding: 0 5px 0 0; text-align: right; display: block; float: left;}
#content h2 a {color: #000; text-decoration: none; padding: 2px;}
#content h2 a:HOVER {color: #fff; background: #c00;}
#content h3 {padding: 0; margin: 0; font-size: 1.2em; color: #333;}
#content h3 a {color: #666; text-decoration: none; padding: 2px;}
#content h3 a:HOVER {color: #fff; background: #000;}
#content h4 {padding: 0; margin: 0; font-size: 1.1em; font-weight: bold; color: #000;}

#content p {padding: 10px 0;}

#content ol {margin: 10px 0 10px 20px;}
#content ol li {padding: 0 0 0 10px; margin: 0 0 10px 0; list-style-position: inside; color: #333;}
#content ol li a {color: #333; text-decoration: none;}
#content ol li a:HOVER {text-decoration: underline;}

#content ul {margin: 10px 0 10px 20px;}
#content ul li {color: #333; padding: 0 0 0 10px; margin: 0 0 10px 0; list-style-position: inside;}
#content ul li a {color: #333; text-decoration: none;}
#content ul li a:HOVER {text-decoration: underline;}

#content .ddmcc {width: 135px; float: left; padding: 0 10px; border: #eee dotted; border-width: 0 1px 0 0;}
#content .ddmcc ul {margin: 10px 0; padding: 0;}
#content .ddmcc ul li {list-style: none; margin: 0; padding: 0; color: #333; text-align: left;}
#content .ddmcc ul li a {display: block; padding: 0; background: url("img/arrow-red-small.gif") 0 50% no-repeat; text-decoration: none;}
#content .ddmcc ul li a:HOVER {background: #333 url("img/arrow-white-small.gif") 0 50% no-repeat; color: #fff; text-decoration: none;}

#content .catdropdown {float: left; padding: 10px;}
#content .catdropdown select {width: 100px; margin: 10px 0 0;}
#content .adv-submit {height: 35px; width: 135px; color: #fff; font-size: 1.6em; padding: 0.3em; background: #cc0000; border: none; margin: 20px 20px 0 20px;}

#content .catlist {margin: 0; float: left; padding: 0 10px; border: #eee dotted; border-width: 0 1px 0 0;}
#content .catlist ul {margin: 0; padding: 0;}
#content .catlist ul li {list-style: none; margin: 10px 0; padding: 0;}
#content .catlist ul li ul {margin: 10px 0 0 0; padding: 0;}
#content .catlist ul li ul li {list-style: none; margin: 0; padding: 5px 0;}
#content .catlist ul li ul li a {padding: 5px 5px 5px 15px; background: url("img/arrow-red-small.gif") 5px 50% no-repeat; text-decoration: none;}
#content .catlist ul li ul li a:HOVER {background: #333 url("img/arrow-white-small.gif") 5px 50% no-repeat; color: #fff; text-decoration: none;}

#content .wp-pagenavi {margin: 20px 0 0 0; padding: 10px 0; text-align: center; background: #fafafa;}

#content p a.more-link {margin: 10px 0 0 0; padding: 0.4em; text-decoration: none; background: #333; color: #fff;}
#content p a.more-link:HOVER {background: #c00; color: #fff;}

#content #gmap {float: right; clear: right; background: transparent url("img/bgnd-map-title.gif") no-repeat; margin: 0 0 0 10px; padding: 40px 0 0 10px; width: 360px; border: #c00 dotted; border-width: 0 0 0 1px;}

table {width: 100%; border-collapse: collapse;}
table tr td {color: #333; text-align: left;}

#buttons {width: 430px; float: right; margin: 0 0 10px 0;}
#buttons ul {margin: 0; padding: 0;}
#buttons ul li {width: 200px; height: 120px; display: block; float: left; margin: 0 10px 10px 0; overflow: hidden;}
#buttons ul li.even {margin: 0 0 10px 0;}
#buttons ul li div {width: 200px; height: 120px; display: block; overflow: hidden;}
#buttons ul li a {width: 200px; height: 120px; display: block; color: #000; background: url("img/blank.gif"); text-decoration: none; position: relative; top: -120px;}
#buttons ul li a:HOVER {text-decoration: none;}
#buttons ul li a span {visibility: visible; font-size: 2em; color: #fff; line-height: 1.5em; margin: 5px 3px; padding: 0.1em; background: url("img/trans-black.png");}
#buttons ul li a:HOVER span {color: #fff; background: url("img/trans-red.png"); visibility: visible;}

#columns {margin: 20px 0 0 0;}
#columns ul {width: 940px; margin: 0 auto;}
#columns ul li {background: none; display: block; float: left; padding: 10px;}
#columns ul li.col1 {width: 29%; padding: 0 2% 0 0;}
#columns ul li.col2 {width: 29%; padding: 0 2%; border: dotted #6E6A66; border-width: 0 1px;}
#columns ul li.col3 {width: 29%; padding: 0 0 0 2%;}
#columns ul li h3 {color: #c00; font-size: 1.2em; padding: 0 0 5px 0;}
#columns ul li p {padding: 10px 0;}
#columns ul li a {color: #fff;}
#columns ul li ul {margin: 12px 0; width: 100%;}
#columns ul li ul li {list-style: none; font-size: 0.9em; line-height: 1.5em; padding: 0 10px; margin: 0 0 5px 0; float: none; width: 100%; background: url("img/arrow-red-small.gif") 0 5px no-repeat;}
#columns ul li ul li a {color: #333;}
#columns ul li ul li span {color: #333;}

#sidebar {width: 200px; float: right; padding: 30px 0 0 0; margin: 0 25px 0 0; text-align: left; color: #333;}

#sidebar ul {margin: 0;}
#sidebar ul li {list-style: none; border: none; margin: 0 0 10px 0; padding: 0 0 0 10px; background: url("img/arrow-red-small.gif") 0 5px no-repeat;}

#sidebar ul.sidenav {margin: 42px 0 20px 0;}
#sidebar ul.sidenav li {list-style: none; background: none; padding: 0; margin: 0; border: dotted #6E6A66; border-width: 0 0 1px 0;}
#sidebar ul.sidenav li a {display: block; margin: 5px 0; padding: 7px 10px; color: #333; text-align: left; text-decoration: none; background: url("img/arrow-red-small.gif") 0 50% no-repeat;}
#sidebar ul.sidenav li a:HOVER {background: #333 url("img/arrow-white.gif") 0 50% no-repeat; color: #fff;}
#sidebar ul.sidenav li.current_page_item a {background: #333 url("img/arrow-white.gif") 0 50% no-repeat; color: #fff; font-weight: bold;}

#sidebar ul.sidenav li ul {margin: 0;}
#sidebar ul.sidenav li ul li {list-style: none; border: none; margin: 0 0 0 15px;}
#sidebar ul.sidenav li ul li a {display: block; margin: 5px 0; padding: 7px 10px; color: #333; text-align: left; text-decoration: none; background: url("img/arrow-red-small.gif") 0 50% no-repeat;}
#sidebar ul.sidenav li ul li a:HOVER {background: #666 url("img/arrow-white.gif") 0 50% no-repeat; color: #fff;}

#sidebar h2 {color: #333; font-size: 1.4em; margin: 0 0 10px 0; text-align: right;}
#sidebar h3 {color: #800000; font-size: 1.2em; margin: 10px 0; text-align: left;}


#footer {width: 100%; height: 405px; margin: 0 auto; background: url("img/bgnd-footer.png") bottom center repeat-x;}
#footer .fixed {width: 990px; margin: 0 auto;}
#footer #listings {width: 940px; height: 100px; padding: 0 25px; background: url("img/bgnd-content-bottom.png") bottom center no-repeat;}
#footer #listings ul {padding: 20px 0 0 0;}
#footer #listings ul li {color: #333; list-style: none; display: inline; float: left;}
#footer #listings ul li.text {padding: 20px 0 0 0;}
#footer #listings ul li a.myhome {text-indent: -9000px; display: block; float: left; width: 130px; height: 50px; background: url("img/logo-myhome-ie.gif") no-repeat;}
#footer #listings ul li a.myhome2let {text-indent: -9000px; display: block; float: left; width: 130px; height: 50px; background: url("img/logo-myhome2let-ie.gif") no-repeat;}
#footer #listings ul li a.daft {text-indent: -9000px; display: block; float: left; width: 130px; height: 50px; background: url("img/logo-daft-ie.gif") no-repeat;}
#footer #listings ul li a.iavi {text-indent: -9000px; display: block; float: right; width: 85px; height: 50px; background: url("img/logo-iavi.gif") no-repeat;}

#footer .columns {width: 940px; margin: 0 auto;}
#footer .columns ul li {background: none; display: block; float: left; padding: 0 10px;}
#footer .columns ul li.col01 {width: 25%; border: dotted #eee; border-width: 0 1px 0 0;}
#footer .columns ul li.col02 {width: 22%; border: dotted #eee; border-width: 0 1px 0 0;}
#footer .columns ul li.col03 {width: 22%; border: dotted #eee; border-width: 0 1px 0 0;}
#footer .columns ul li.col04 {width: 22%; border: dotted #eee; border-width: 0 0 0 0;}
#footer .columns ul li p {padding: 10px 0; color: #fff;}
#footer .columns ul li a {color: #fff;}
#footer .columns ul li ul li {text-align: left; float: none; list-style: none; color: #fff; margin: 0 0 10px 0; padding: 0;}
#footer .columns ul li ul li a {padding: 0 0 0 10px; display: block; color: #fff; text-decoration: none; background: url("img/arrow-white-small.gif") 0 5px no-repeat;}
#footer .columns ul li ul li a:HOVER {color: #fff; text-decoration: underline;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */ 

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #000;
	text-align: center;
	background: #333;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: center;
	color: #fff;
}
/* End captions */