/* --------------------------------------------------------------------------
client:    [Rosewater Sports Ponies]	
version:   [1.0]
date:      [13/09/08]
website:   [www.liquidspyglass.com]
-----------------------------------------------------------------------------*/

/* Remove default styles
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }

/* (CC) 2004 Tantek Celik. Some Rights Reserved.        */
/*   http://creativecommons.org/licenses/by/2.0         */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited { text-decoration: none; }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none; }

/* de-italicize address */
address { font-style: normal; }

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* Default links 
-----------------------------------------------------------------------------*/
a:link, a:visited { color: #C97902; text-decoration: none; outline: 0; font-size: 100%; }
a:hover { color: #8d754f; text-decoration: none; border-bottom: 1px dashed #8d754f; font-size: 100%; }
a:active { color: #C51D1D; text-decoration: none; border-bottom: 1px solid #C51D1D; outline: 0; font-size: 100%; }

/* Font specs 
-----------------------------------------------------------------------------*/
h1 { color: #48310f; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.4em; font-weight: bold; margin: 0; padding: 6px 0; }
h2 { color: #48310f; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.4em; font-weight: bold; margin: 6px 0 0 0; padding: 0; }
h3 { color: #48310f; font-family: "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.2em; font-weight: normal; margin: 0 0 6px 0; padding: 0; }
h4 { color: #300923; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin: 0; padding: 0 0 4px 0; }
p { color: #48310f; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.6em; margin: 0px 0px 8px 0px; padding: 0; }

/* 
-----------------------------------------------------------------------------*/
.underline-brown { border-bottom: 1px dashed #48310f; margin-bottom: 6px; }
.underline-orange { border-bottom: 1px dashed #C97902; padding-bottom: 12px; }
ul, ol { line-height: 1.6em; }
ul.gen { list-style: disc; margin: 0 0 1em 1em; padding-left: 1em; line-height: 1.6em; }
ul.nodisc { margin: 0 0 1em 0; padding-left: 1em; line-height: 1.6em; }
ul.nodisc .nopad { margin: 0; padding-left: 1em; line-height: 1.6em; } /* used for sitemap only */

/* 
-----------------------------------------------------------------------------*/
body { background-color: #fff; margin: 0; padding: 0; font: 80% Arial, Helvetica, sans-serif; color: #300923; text-align: center; }

/* Page structure
-----------------------------------------------------------------------------*/
div#logo-bg { height: 79px; background: url(../images/logo_bg.gif) top left repeat-x; }
div#logo-wrapper { width: 900px; height: 79px; margin: 0 auto; } 
img#rsp-logo { width: 240px; height: 75px; float: left; margin-left: 330px; } /* if not using font to enlarge, replace 'float: left; margin-left: 360px' with 'margin: 0 auto' */
div#font-size { width: 150px; height: 70px; float: right; text-align: right; }
div#font-size a { text-decoration: none; border-bottom: none; }
div#font-size a img { width: 35px; height: 70px; }
div#menu-bg { height: 58px; background: url(../images/nav_bg.gif) top left repeat-x; }
div#menu-wrapper { width: 900px; height: 58px; margin: 0 auto; padding: 0; }
div#content-top-bg { background: url(../images/top_gradient_bg.jpg) bottom left repeat-x; border-bottom: 10px solid #fff; }		
div#content-top-wrapper { width: 900px; margin: 0 auto; text-align: left; }
div.col-left { width: 400px; padding: 25px; float: left; }
div.col-right { width: 400px; padding: 25px; float: right; }
div.col-left-news { width: 800px; padding: 5px 25px 5px 25px; float: left; }
div#content-bottom-bg { background: #ebe4da top left repeat; border-bottom: 10px solid #fff; }
div#content-bottom-wrapper { width: 900px; margin: 0 auto; text-align: left; }
div#footer-bg { height: 52px; background: url(../images/footer_bg.gif) top left repeat-x; border-top: 11px solid #55711d; }
div#footer-wrapper { width: 900px; height: 32px; margin: 0 auto; padding: 10px 0; }

/* Main navigation 
-----------------------------------------------------------------------------*/
#menu { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 63em; height: 3.5em; margin: 0 auto; padding: 0 0 1em 1em; }		
#menu a { text-align: center; display: block; white-space: nowrap; margin: 0 1px; padding: 1.2em 2em; }	
	#menu a:link, #menu a:visited	{ color: #f1f1f1; text-decoration: none; }	
	#menu a:hover, #menu a:active,	
	#menu a.sel, #menu a.sel:visited { color: #512815; text-decoration: underline; border-bottom: none; background: #ebe4da top left repeat; }	
#menu .submenu a { text-align: left; display: block; white-space: nowrap; margin: 0; padding: 0.5em 1em; }	
	#menu .submenu a:link,	#menu .submenu a:visited { color: #f1f1f1; text-decoration: none; border-bottom: none; background: #55711d top left repeat; }
	#menu .submenu a:hover, #menu .submenu a:active  
	#menu .submenu a.sel, #menu .submenu a.sel:visited { color: #512815; text-decoration: underline; border-bottom: none; background: #ebe4da top left repeat; }
#menu ul { list-style: none; margin: 0; padding: 0; float: left; }
#menu ul.submenu { width: 18em; }
#menu li { position: relative; min-height: 1px; vertical-align: bottom; }
#menu ul ul { position: absolute; z-index: 500; top: 4.5em; left: 0; display: none; padding: 1em; margin: -1em 0 0 -1em; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul { display: none; }
div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul { display: block;}

/* Footer navigation 
-----------------------------------------------------------------------------*/
#footer-nav { list-style: none; margin: 0; text-align: center; }	
#footer-nav li { display: inline; font-size: 0.9em; border-right: 1px solid #f1f1f1; }
#footer-nav li#nodivide { border-right: none; }
#footer-nav a { font: 100% Arial, Helvetica, sans-serif; font-weight: normal; display: inline-block; margin: 0; padding: 5px 12px; }
	#footer-nav a:link, #footer-nav a:visited { color: #f1f1f1; text-decoration: none; }
	#footer-nav a:hover { color: #f1f1f1; text-decoration: underline; border-bottom: none; }
	#footer-nav a:active { color: #f1f1f1; text-decoration: underline; border-bottom: none; }
	#footer-nav a.sel, #footer-nav a.sel:visited { color: #f1f1f1; text-decoration: underline; border-bottom: none; }

/* Individual pages specs 
-----------------------------------------------------------------------------*/
/* Homepage
-----------------------------------------------------------------------------*/
#homepage div#content-bottom-wrapper { width: 900px; background: url(../images/bottom_gradient_wrap.jpg) top left repeat-y; margin: 0 auto; text-align: left; }
div#content-bottom-one, 
div#content-bottom-two, 
div#content-bottom-three,
div#content-bottom-four { width: 205px; padding: 10px; float: left; }
.ponies { width: 205px; height: 99px; }
.headline { font-size: 1.2em; font-weight: normal; }
.bottom-grad-fix { padding-bottom: 16px; }
.news_img { width: 205px; height: 99px; padding: 10px 10px 0 0; float: left; }
.news_img_last { width: 205px; height: 99px; padding: 10px 10px 10px 0; float: left; }

/* Links page
-----------------------------------------------------------------------------*/
ul.links-list { width: 100%; margin: 10px 0; padding: 0; }
.links-list li { width: 100%; margin: 0; padding: 0; position: relative; border: 0; font-size: 1em; }
.links-list a { font: 100% Arial, Helvetica, sans-serif; }
.links-list p { margin-top: 8px; }
li#link-one { width: 270px; padding: 0 0 10px 130px; background: url(../images/links_olympia.jpg) no-repeat top left; }
li#link-two { width: 270px; padding: 0 0 10px 130px; background: url(../images/links_studbook.jpg) no-repeat top left; }
li#link-three { width: 270px; padding: 0 0 10px 130px; background: url(../images/links_se.jpg) no-repeat top left; }
li#link-four { width: 270px; padding: 0 0 10px 130px; background: url(../images/links_hillier.jpg) no-repeat top left; }

/* Contact page 
-----------------------------------------------------------------------------*/
div#contact-form { width: 376px; height: auto; padding: 15px 0 0 0; float: left; }
label { width: 350px; display: block; margin: 0; padding-bottom: .50em; float: left; }
label span { width: 100px; display: block; float: left; }
label span.mark { width: 20px; text-align: right; float: left; }
fieldset { padding: 5px; overflow: hidden; border: none; }
fieldset input, fieldset textarea { width: 220px; border: 1px solid #999; margin: 0; padding: 0; float: right; }
fieldset input:hover, fieldset textarea:hover { border-color: #C97902; }
fieldset input:active, fieldset input:focus, fieldset textarea:active, fieldset textarea:focus { border-color: #C97902; }
form div { width: 62px; height: 28px; margin: 0 18px 10px 0; float: right; }

/* Pony cards
-----------------------------------------------------------------------------*/
h2#icon-film { background: url(../images/icon_film.gif) top left no-repeat; margin: 0; padding: 8px 0 0 40px; }
h2#icon-arrow { background: url(../images/icon_arrow.gif) top left no-repeat; margin: 0; padding: 8px 0 0 40px; }
p#icon-pdf { background: url(../images/icon_pdf.gif) top right no-repeat; margin: 0; padding: 8px 0 0 0; }
p#icon-windows { background: url(../images/icon_windows.gif) top right no-repeat; margin: 0; padding: 8px 0 0 0; }
img#card-id { width: 405px; height: 445px; border: 10px solid #DFCAAB; }
#pony-cards div.col-left { width: 430px; padding: 35px 10px 10px 10px; }
h1#sold { color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.4em; font-weight: bold; margin: 9px 0 0 0; padding: 3px 0 0 110px; background: #DFCAAB; }
h1#forsale { color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.4em; font-weight: bold; margin: 9px 0 0 0; padding: 3px 0 0 140px; background: #DFCAAB; }
#ponymov { border: 8px solid #DFCAAB; margin: 0; padding: 0; }

/* -------------------- Gallery --------------------------------- */
div#gallery-wrapper { position: relative; width: 405px; background-color: #DFCAAB; padding: 0 10px 10px 10px; }
.thumbnail img { margin: 0; padding: 0; margin-right: 12px; float: left; }
.thumbnail-last img { margin: 0; padding: 0; float: left; }
.thumbnail:hover, .thumbnail-last:hover { background-color: transparent; text-decoration: none; border-bottom: none; }
.thumbnail:hover img, .thumbnail-last:hover img { border: none; }
.thumbnail span, .thumbnail-last span { position: absolute; background-color: transparent; margin: 0; padding: 0; left: 10px; visibility: hidden; text-decoration: none; }
.thumbnail:hover span, .thumbnail-last:hover span { visibility: visible; top: -455px; left: 10px; z-index: 50; }
.thumbnail span img, .thumbnail-last span img { border-width: 0; padding: 0; margin: 0; }
.opacity img.thumb-inter { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.opacity:hover img.thumb-inter { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 0.9; }

/* backup for gallery
.thumbnail img { border: 1px solid #DFCAAB; margin: 0; padding: 0; margin-right: 10px; float: left; }
.thumbnail-last img { border: 1px solid #DFCAAB; margin: 0; padding: 0; float: left; }
.thumbnail:hover, .thumbnail-last:hover { background-color: transparent; text-decoration: none; border-bottom: none; }
.thumbnail:hover img, .thumbnail-last:hover img { border: 1px solid #fff; }
.thumbnail span, .thumbnail-last span { position: absolute; background-color: transparent; margin: 0; padding: 0; left: 9px; visibility: hidden; text-decoration: none; }
.thumbnail:hover span, .thumbnail-last:hover span { visibility: visible; top: -455px; left: 9px; z-index: 50; }
.thumbnail span img, .thumbnail-last span img { border-width: 0; padding: 0; margin: 0; }
*/