/**
 * @version		$Id: typography.css 1.0 Dec 08, 2010 00:28:38Z OmegaTheme $
 * @package		OmegaTheme Joomla Template
 * @subpackage	MegaRealist
 * @author		OmegaTheme (services@omegatheme.com)
 * @link 		http://www.omegatheme.com
 * @copyright	Copyright (C) 2008 - 2010 OmegaTheme
 * @license		GNU/GPL V2
 *
 * @description	Sets up some sensible default typography.
 */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #3f3f3f;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements */
p           { margin: 0 0 1.5em; }
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
 
 /*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3.5em;
	float:left;
	margin:0.13em 0.1em 0 0;
	line-height:0.7;
}

.left  			{ float: left !important; }
p .left			{ margin: 0.5em 1.5em 0.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 0.5em 0 1.5em 0.5em; padding: 0; }
a:focus,
a:hover     { color: #d8e826; }
a           { color: #d8e826; text-decoration: underline; cursor: pointer; }

blockquote  { margin: 0.5em 2.5em; color: #666; font-style: italic; quotes: "\201C" "\201D";}
blockquote:before { content: open-quote; font-weight: bold; font-size: 200%; font-family: Arial; line-height: 16px; }
blockquote:after { content: close-quote; font-weight: bold; font-size: 200%; font-family: Arial; line-height: 16px; }

strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
hr {color: #fff; background: none; border: 1px dotted #999999; border-style: none none dotted; }
/* Lists */
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables */
/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 
 */ 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #E0E0E0; }
th,td,caption { padding: 2px 3px 2px 3px; }
/*
	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row. 
 */
tbody tr.odd td {
	background: #ffffff;
}
tbody tr.even td  { 
	background: #efefef;
}
tfoot       { font-style: italic; }
caption     { background: #efefef; }
/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #888; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.info 		{ background:#d5edf8; color:#969696; border-color:#92cae4; }
.box 		{ padding:1.5em; margin-bottom:1.5em; background:#e5eCf9; }

/* form */
label       { font-weight: bold; }
fieldset    { padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
fieldset, #IE8#HACK { padding-top: 1.4em; }
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }
input.text, input.title,
textarea {
  background-color: #fff;
  border:1px solid #bbb;
}
input.text:focus, input.title:focus,
textarea:focus {
  border-color: #666;
}
input.text, input.title,
textarea, select, input {
  margin: 0 0;
}

input.text,
input.title   { width: 300px; padding: 5px; }
input.title   { font-size: 1.5em; }
textarea      { width: 390px; height: 250px; padding: 5px; }

form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }