/* @override 
	http://localhost/hotproperty/css/hotproperty.css
	http://alext.dev.hotprop.alex-and-alex.com/wp-content/themes/hotprop/layouts/css/hotprop.css
	http://alext.dev.hotprop.alex-and-alex.com/wp-content/themes/hotprop/css/hotprop.css
*/

/* Typography
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.875 * 16px = 14px) */
body { 
  font-size: 87.5%;
  color: #000; 
  font-family: Calibri, "Lucida Grande", Verdana, sans-serif;
  font-weight: 300;
  margin: 0 0 2em; padding: 0;

  background: #fff;
}

p { margin-bottom: 0.8em; }

h2 { color: #333; font-weight: 300; font-size: 1.333em; }
h2 a { color: #333; text-decoration: none; }
h3 { color: #E52717; font-weight: 700; font-size: 1.167em; margin-bottom: 0;}
h3 a { text-decoration: none; }
h4 { color: #666; font-size: 1.167em;}

strong { color: #666; }
a { color: #E52717; }
a:hover { color: #ec9400; }

/* Header
-------------------------------------------------------------- */

#header {
  position: relative;
  height: 170px;
  background: #E52717;
  
  margin-bottom: 40px;
}

#header h1 {
  font-size: 1px;
  line-height: 1px;
  text-indent: -5000px;
  
  width: 300px; height: 150px;
  background-image: url(../img/hot-property-logo.png);
  
  position: absolute; top: 10px; right: 15px;
}

#header h1 a {
  display: block;
  width: 100%; height: 100%;
  outline: none;
}

/* Navigation
-------------------------------------------------------------- */

ul.nav {
  position: relative;
  top: 170px;
  list-style: none;
  padding: 0; margin: 0;
  
  background: #000;
}

ul.nav li {
  display: block;
  float: left;
  
  font-size: 1em;
  line-height: 2.25em;
}

ul.nav li a {
  display: block;
  height: 100%;
  padding: 0 10px;
  
  color: #fff;
  text-decoration: none;
}

ul.nav li a:hover { background-color: #999; }
ul.nav li.here a { background-color: #E52717; color: #fff; }
ul.nav li.here a:hover { background-color: #E52717; }

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

ul.article-list {
  list-style: none;
  margin: 1.5em 0;
}

ul.article-list li { margin-bottom: 1.5em; }
ul.article-list li a { color: #000; text-decoration: none; }
ul.article-list li a span.date { color: #666; }
ul.article-list li a:hover { color: #E52717; }

/* Films
-------------------------------------------------------------- */

.film-extract {
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #999;
}

/* Festivals
-------------------------------------------------------------- */
.festivals {
  background: transparent url(../img/large-laurel.png) no-repeat 0 50%;
}

/* Press
-------------------------------------------------------------- */
blockquote {
  color: #000;
  margin: 0;
  
  font-size: 1.167em;
}

blockquote p {margin: 1.5em 0 0;}

cite {
  font-style: normal;
  color: #666;
}

/* STANDARD QUOTES */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
q:lang(da) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }

q:before { content: open-quote; }
q:after  { content: close-quote; }

/* SAFARI SUPPORT */

q:before   { content: '\201C'; }
q:after    { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after  { content: '\2019'; }

/* BLOCKQUOTES */

blockquote * { quotes: none; }
blockquote > *:before { content: '\201C'; }
blockquote > *:after  { content: '\201D'; }
blockquote q:before   { content: '\2018'; }
blockquote q:after    { content: '\2019'; }