/* 
	Anthology Creative: base.css
	Created: 2009-11-24
	Author: AnthologyCreative.com
*/

/* TABLE OF CONTENTS
****************************************************************************************************
	RESET
	TYPOGRAPHY
	IMAGES
	LINKS
	FLASH MESSAGES
	HELPERS
*/

/* RESET
*****************************************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

hr { border-color:#eee; border-style:solid; border-width:1px 0 0; clear:both; height:0 }

ol { list-style:decimal}
ul { list-style:none }
li { margin-left:0 }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:20px; }


/* TYPOGRAPHY
*****************************************************************************************************/
h1 {font-size:27px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

.text-tiny { font-size:10px; }
.text-large { font-size:16px; }
.text-highlite { background-color:#fffecc; /* Light Yellow */ }
.text-right { text-align:right; }


/* IMAGES
*****************************************************************************************************/
img.left, img.right { margin: 0 10px 5px; }

	img.left { margin-left: 0; }
	img.right { margin-right: 0; }
	

/* LINKS
*****************************************************************************************************/
a { text-decoration: none; outline:none; }

a:link, a:visited { color: #333; }

a:hover, a:active { color: #666; }

a.danger { color:#A80500; /* Red */ }
a.danger:hover { color:#A80500; /* Red */ }


/* FLASH MESSAGES
*****************************************************************************************************/
.flashError{text-align:left;display:block;padding:14px 14px 14px 30px;font-weight:bold;font-size:14px;background:#FFC2C8 url('../../images/icons/error.png') no-repeat 10px 16px;color:#A80500;margin-bottom:24px;border:1px solid;-moz-border-radius:30px;-webkit-border-radius:30px;}
.flashError p{margin:0 0 10px 20px;}
.flashError li{margin:0 0 6px 35px;list-style-type:circle;font-size:12px;font-weight:normal;}
.flashNotice{text-align:left;display:block;padding:14px 14px 14px 32px;font-size:14px;font-weight:bold;background:#FFEB8F url('../../images/icons/warning-triangle.png') no-repeat 10px 16px;color:#6F4000;margin-bottom:24px;border:1px solid;-moz-border-radius:30px;-webkit-border-radius:30px;}
.flashConfirm{text-align:left;display:block;padding:14px 14px 14px 32px;font-size:14px;font-weight:bold;background:#D3FFB9 url('../../images/icons/okay.png') no-repeat 10px 16px;color:#166F00;margin-bottom:24px;border:1px solid;-moz-border-radius:30px;-webkit-border-radius:30px;}
.flashInform{text-align:left;display:block;padding:14px 14px 14px 32px;font-size:14px;font-weight:bold;background:#ebfbff url('../../images/icons/okay.png') no-repeat 10px 16px;color:#7eadb9;margin-bottom:24px;border:1px solid;-moz-border-radius:30px;-webkit-border-radius:30px;}


/* HELPERS
*****************************************************************************************************/
.left { float:left; }
.right { float:right; }
.center { text-align:center; margin:0 auto; display:block; }
.half { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

/* Hide stuff without resorting to display:none; */
.hide { visibility:hidden; width:0!important; height:0!important; line-height:0!important;padding:0!important;margin:0!important; }
