/*
Theme Name: Page Communication - Spanish Apartment
Theme URI: http://pagecommunication.co.uk/
Description: WordPress theme based on the default WordPress theme, which is itself based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme.
Version: 0.8
Author: David Page

----------------------------------------------- */
/* Global White Space Reset */
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, table, address { margin:1em 3em; }
ul, ol { margin-left:8%; }
li, dd { margin:.75em 3%; }
fieldset { padding:.5em; }

/* basic elements */
body { font:normal 75%/1.4em 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; background:#D5D6D8; color:#333; text-align:left; }
p { margin-top:0; text-align:justify; }
strong { font-weight:bold; font-style:normal; }
em { font-style:italic; font-weight:normal; }
acronym { border-bottom:none; }
address { font-style:normal; }
hr { display: none; }

/* =Headings
----------------------------------------------- */
h1 { font-family: "Trebuchet MS", Verdana, sans-serif; font-size:1.8em; font-weight:bold; letter-spacing:-.0125em; }
h2 { font-size:1.3em; font-weight:bold; letter-spacing:.05em; text-indent:-1.5em; clear:left; }
h3 { font-size:1.2em; font-weight:bold; text-indent:-1em; }
h4 { font-size:1.05em; font-weight:normal; }

/* =Links
----------------------------------------------- */
a:link, a:visited { color:#02388E; font-weight:bold; text-decoration:underline; }
a:hover, a:focus, a:active { color:#999 !important; text-decoration:none; }
a img { border:none; }

/* =Header
----------------------------------------------- */
#header { position:relative; margin:0; padding:20px; background: url(images/kubrickheader.jpg) no-repeat top center; }
#header h1 { text-align:left; margin:0; padding:0; }
#header h1 a { display:block; color:#02388E !important; text-decoration:none; padding:10px 10px 60px; }
#header .description { color:#fff; font-size: 1.2em; text-align: right; margin-right:1em; }

/* =Navigation
----------------------------------------------- */
#nav { list-style:none; margin:0; padding:0; text-align:center; position:absolute; top:135px; right:20px; }
#nav li { list-style:none; margin:.5em 0; padding:0; display:inline; }
#nav a { text-align:right; color:#02388E; text-decoration:none; padding:0 10px 0 15px; border:5px solid #fff; border-width:0 5px; background: url(images/nav.gif) no-repeat 5px 50%; }
#nav a:hover, #nav a:focus { border-color:#A4C6EF; }

/* =Structure
----------------------------------------------- */
#container { position:relative; width:760px; margin:0 auto; background: #fff url(images/kubrickbg.jpg) repeat-y top left; }
#content { position:relative; margin-top:1em; }
#content img { float:right; clear:right; margin:1em 1em 1em 1em; display: inline; }
#content img.alt { float:left; clear:left; margin:1em 1em 1em 1em; display: inline; }

/* =Forms
----------------------------------------------- */
.form { clear:left; }
.form .congratulations { font-weight:bold; }
.form table { clear:left; margin:0 auto; width:80%; text-align:left; }
.form th { font-weight:bold; font-size:.9em; padding:.25em; padding-right:1em; vertical-align:top; text-align:right; }
.form td { font-size:.9em; padding:.25em; vertical-align:top; }
.form label { margin:0 .125em .125em .5em; display:block; white-space:nowrap; }
.form label input { margin:5px 5px 0 0; }
.form label:hover { cursor:pointer; }
.form input[type=text]:active, .form input[type=text]:focus, .form textarea:active, .form textarea:focus { background-color:#DAF2FE !important; }
.form td.submit input { padding-left:1em; padding-right:1em; }
.form td.submit { text-align:center; }
.form_error { clear:left; width:65%; min-height:30px; height:auto; margin:0 auto 1em; padding:7px .5em 5px 20px; border:2px solid #000; background:#FF9A41 url(images/warning.gif) no-repeat 7px 7px; font-weight:bold; font-size:1em; line-height:1.2em; }
.required { color:#f00; font-weight:bold; }
.field_error { background-color:#DAF2FE; }
td.field_error { background:transparent url(images/warning-field.gif) no-repeat center left; padding-left:24px; }

table.prices { width:50%; margin-top:0; margin-left:5%; border:1px solid #aaa; }
table.prices caption { text-align:left; font-weight:bold; margin-left:20%; margin-bottom:0; }
table.prices th { padding:.25em .5em; text-align:left; border-bottom:1px solid #aaa;}
table.prices td { padding:.25em .5em; white-space:nowrap; }
td.price { text-align:right; }

/* =Lists
----------------------------------------------- */

/* =Footer
----------------------------------------------- */
#footer { clear:both;  background: #eee url(images/kubrickfooter.jpg) no-repeat bottom center; height:30px; }
#footer p { font-size:.8em; font-style:normal; color:#bbb; text-align:right; margin-right:1.25em; line-height:2em; }
#footer a { color:#bbb; text-decoration:none; font-weight:normal; }

/* =Misc
----------------------------------------------- */
-------------------------------------
 two columns version of main content
-------------------------------------
*/
#content-wrapper {
  width:100%;
  float:left;
  margin-right:-265px;
}
#content-main {
  margin-right:265px;
}
#content-sidebar {
  float:right;
  width:350px;
  margin-top:1em;
  margin-right:35px;

}
body.home #content, body.products #content {
  margin-top:1em;
}
body.home #content-sidebar, body.products #content-sidebar {
  margin-top:0;
}
/* Makes continers of floats auto-clear, see: http://www.positioniseverything.net/easyclearing.html */
#content-sidebar:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.content-related {
  clear:both;
  border:1px solid #00398C;
  border-width:0 1px 1px;
  margin:0 0 1em 20px;
  font-size:1.0em;
}
.content-related h2 {
 
  margin:0 0 .5em 0;
  padding:.4em .4em .4em 40px;
  background:#D6D6FA url(/i/side-title.gif) no-repeat top left;
  border:1px solid #02388E;
  font-size:1.2em;
  line-height:1em;
}
* html .content-related h2 {
  width:100%;   /* For IE v5.x */
  wid\th:auto;  /* For IE v6.x */
}
.content-related h3 {
  margin:.75em .25em .125em 1.5em;
  padding:0;
  font-size:1em;
  font-weight:bold;
  line-height:1.1em;
}
.content-related p {
/*  text-indent:.25em;*/
  margin:0 .25em .5em .5em;
  padding:0;
  line-height:1.3em;
}
.content-related li {
  line-height:1.1em;
}
.content-related em {
  font-weight:bold;
  font-style:normal;
}
.content-related form div {
  margin:1em;
}
.content-related blockquote {
  background:none;
  margin:.25em 2px;
  font-size:1em;
}
.content-related blockquote p {
  background:none;
  margin:0;
  padding:0 2px .25em;
}
.content-related blockquote p.quote:before {
  content:open-quote;
}
.content-related blockquote p.quote:after {
  content:close-quote;
}
/*