/*-------------------------------------------------------------------------
| Global styles
|--------------------------------------------------------------------------
|
|	@package				Xyzzy Web Framework
|	@author					  Arjun Dhillon (arjun@quxmedia.com)
|	@link					    	  http://www.quxmedia.com
|
*/


/* Global reset
-------------------------------------------------------------- */
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; font-weight:inherit; font-style:inherit; vertical-align:baseline; }
  * { margin:0; padding:0; } 
  body { line-height:1; }
  article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }
  nav ul { list-style:none; }
  blockquote, q { quotes:none; }
  blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
  a { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; }
  :focus, a { outline:0; }
  ins { background-color:#ff9; color:#000; text-decoration:none; }
  mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
  del { text-decoration: line-through; }
  abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
  table { border-collapse:separate; border-spacing:0; }
  caption, th, td { font-weight:normal; text-align:left; }
  input, select { vertical-align:middle; }
  ol, ul { list-style: none; list-style-type:none; }
  img, iframe { border:0px; outline:0px; }


/* Global misc elements
-------------------------------------------------------------- */
  .clear { clear:both; display:block; height:0; overflow:hidden; visibility: hidden; width: 0;  }  
  .offscreen { left:-3000px; position:absolute; }  
		hr { color:#ddd; width:100%; margin-top:0px; margin-bottom:18px; height:2px; border:none; border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; }
  hr.plainrule { color:#ddd; width:100%; margin-top:0px; margin-bottom:18px; height:2px; border:none; border-top:1px solid #d7d7d7; border-bottom:none; }
  .sidebar-button { margin:5px 0 0; }
  img.icon { float:left; margin:0 10px 0 0; }
  

/* Global grid system
-------------------------------------------------------------- */
  .g1, .g2, .g3, .g4-2, .g4, .g5, .g6, .g7, .g8, .g9,	.g10, .g11, .g12 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; overflow:hide; }
		.g1 { width:60px; }
		.g2 { width:140px; }
		.g3 { width:220px; }
		.g4-2 { width:285px; margin-left:25px; }
		.g4 { width:300px; }
		.g5 { width:380px; }
		.g6 { width:460px; }
		.g7 { width:540px; }
		.g8 { width:620px; }
		.g9 { width:700px; }
		.g10 { width:780px; }
		.g11 { width:860px; }
		.g12 { width:940px; }
		.first { margin-left: 0; }
		.last { margin-right: 0; }
		.vlast { margin-bottom:0; }
		.leftcolumn { padding-right:10px; }
  

/* General global fonts
-------------------------------------------------------------- */
		body { font-size:75%; color:#5a5a5a; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
		p { font-size:1.15em; line-height:1.45; margin: 0 0 10px; }
  p.smaller { font-size:1.1em; line-height:1.45; margin: 0 0 10px; }
		p.last { margin:0px; }
		ul { font-size:1.15em; line-height:1.2; }
		ol { list-style-type:decimal; font-size:1.15em; line-height:1.2; }
		dl { margin: 0 0 1.5em 0; }
		dl dt { font-weight: bold; }
		dl dd { margin-left: 1.5em; }
		abbr, acronym { border-bottom: 1px dotted #000; }
		address { margin-top: 1.5em; font-style: italic; }
		del { color: #000; }
		blockquote { margin: 1.5em; font-size:1.15em; line-height:1.45; }
		strong { font-weight: bold; }
		em, dfn { font-style: italic; }
		dfn { font-weight: bold; }
		pre, code { margin: 1.5em 0; white-space: pre; }
		pre, code, tt { font: 1em monospace; line-height: 1.5; } 
		tt { display: block; margin: 1.5em 0; line-height: 1.5; }
  
  
	/* Font-face kits
	-------------------------------------------------------------- */
		.perspective_font1 { font-family:'PerspectiveSansRegular', Arial, sans-serif; }
  

/* Global form styles
-------------------------------------------------------------- */
  label { font:normal 15px Helvetica, Arial, sans-serif; }
  label span { color:#931a1a; }
  fieldset { padding:0; margin:0; }
  legend { font-weight: bold; font-size:1.2em; }
  legend.hide { display:none; }
  .formrow1 { margin-bottom:8px; }
  .formsubmit1 { margin-top:15px; }
		input { width:98%; color:#404040; padding:5px; border:1px solid #d0d0d0; }
		input[type=text], input.text, input.title, textarea, select { background-color:#fff; }
		input[type=text], input.text, input.title, textarea, select { margin:0 0; }
		input.title { font-size:1.5em; }
		input.text, input.title { width: 98%; padding:5px; }
		input.text2, input.title2 { width: 98%; padding:5px; }
		input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }
		form.inline { line-height:3; }
		form.inline p { margin-bottom:0; }
		


/* Global notices
-------------------------------------------------------------- */
		.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
		.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
		.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
		.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
		.error a { color: #8a1f11; }
		.notice a { color: #514721; }
		.success a { color: #264409; }


/* Global links
-------------------------------------------------------------- */
		a { color:#0b699f; text-decoration:none; }
		a:hover { text-decoration:underline; }
  

/* Global headings
-------------------------------------------------------------- */
		h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#444444; }
		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; }