/* ====================================================================================================

	Description:	Base CSS; based on Boilerplate CSS Framework
	Version:		v2.0 | 2009-09-19
	
	Author:			Design Vineyard, a division of Everflight LLC
					http://www.designvineyard.com

=======================================================================================================				
	Reset Reloaded
	(via Eric Meyer, www.meyerweb.com); modified
==================================================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; } /* Remember to define focus styles */
body { line-height: 1; color: #333333; background: #ffffff; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* Tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* ====================================================================================================
	960.gs Grid System
	(via Nathan Smith, http://www.960.gs); compressed
==================================================================================================== */

.container-12,.container-16{margin-left:auto;margin-right:auto;width:960px}.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container-12 .grid-3,.container-16 .grid-4{width:220px}.container-12 .grid-6,.container-16 .grid-8{width:460px}.container-12 .grid-9,.container-16 .grid-12{width:700px}.container-12 .grid-12,.container-16 .grid-16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container-12 .grid-1{width:60px}.container-12 .grid-2{width:140px}.container-12 .grid-4{width:300px}.container-12 .grid-5{width:380px}.container-12 .grid-7{width:540px}.container-12 .grid-8{width:620px}.container-12 .grid-10{width:780px}.container-12 .grid-11{width:860px}.container-16 .grid-1{width:40px}.container-16 .grid-2{width:100px}.container-16 .grid-3{width:160px}.container-16 .grid-5{width:280px}.container-16 .grid-6{width:340px}.container-16 .grid-7{width:400px}.container-16 .grid-9{width:520px}.container-16 .grid-10{width:580px}.container-16 .grid-11{width:640px}.container-16 .grid-13{width:760px}.container-16 .grid-14{width:820px}.container-16 .grid-15{width:880px}.container-12 .prefix-3,.container-16 .prefix-4{padding-left:240px}.container-12 .prefix-6,.container-16 .prefix-8{padding-left:480px}.container-12 .prefix-9,.container-16 .prefix-12{padding-left:720px}.container-12 .prefix-1{padding-left:80px}.container-12 .prefix-2{padding-left:160px}.container-12 .prefix-4{padding-left:320px}.container-12 .prefix-5{padding-left:400px}.container-12 .prefix-7{padding-left:560px}.container-12 .prefix-8{padding-left:640px}.container-12 .prefix-10{padding-left:800px}.container-12 .prefix-11{padding-left:880px}.container-16 .prefix-1{padding-left:60px}.container-16 .prefix-2{padding-left:120px}.container-16 .prefix-3{padding-left:180px}.container-16 .prefix-5{padding-left:300px}.container-16 .prefix-6{padding-left:360px}.container-16 .prefix-7{padding-left:420px}.container-16 .prefix-9{padding-left:540px}.container-16 .prefix-10{padding-left:600px}.container-16 .prefix-11{padding-left:660px}.container-16 .prefix-13{padding-left:780px}.container-16 .prefix-14{padding-left:840px}.container-16 .prefix-15{padding-left:900px}.container-12 .suffix-3,.container-16 .suffix-4{padding-right:240px}.container-12 .suffix-6,.container-16 .suffix-8{padding-right:480px}.container-12 .suffix-9,.container-16 .suffix-12{padding-right:720px}.container-12 .suffix-1{padding-right:80px}.container-12 .suffix-2{padding-right:160px}.container-12 .suffix-4{padding-right:320px}.container-12 .suffix-5{padding-right:400px}.container-12 .suffix-7{padding-right:560px}.container-12 .suffix-8{padding-right:640px}.container-12 .suffix-10{padding-right:800px}.container-12 .suffix-11{padding-right:880px}.container-16 .suffix-1{padding-right:60px}.container-16 .suffix-2{padding-right:120px}.container-16 .suffix-3{padding-right:180px}.container-16 .suffix-5{padding-right:300px}.container-16 .suffix-6{padding-right:360px}.container-16 .suffix-7{padding-right:420px}.container-16 .suffix-9{padding-right:540px}.container-16 .suffix-10{padding-right:600px}.container-16 .suffix-11{padding-right:660px}.container-16 .suffix-13{padding-right:780px}.container-16 .suffix-14{padding-right:840px}.container-16 .suffix-15{padding-right:900px}.container-12 .push-3,.container-16 .push-4{left:240px}.container-12 .push-6,.container-16 .push-8{left:480px}.container-12 .push-9,.container-16 .push-12{left:720px}.container-12 .push-1{left:80px}.container-12 .push-2{left:160px}.container-12 .push-4{left:320px}.container-12 .push-5{left:400px}.container-12 .push-7{left:560px}.container-12 .push-8{left:640px}.container-12 .push-10{left:800px}.container-12 .push-11{left:880px}.container-16 .push-1{left:60px}.container-16 .push-2{left:120px}.container-16 .push-3{left:180px}.container-16 .push-5{left:300px}.container-16 .push-6{left:360px}.container-16 .push-7{left:420px}.container-16 .push-9{left:540px}.container-16 .push-10{left:600px}.container-16 .push-11{left:660px}.container-16 .push-13{left:780px}.container-16 .push-14{left:840px}.container-16 .push-15{left:900px}.container-12 .pull-3,.container-16 .pull-4{left:-240px}.container-12 .pull-6,.container-16 .pull-8{left:-480px}.container-12 .pull-9,.container-16 .pull-12{left:-720px}.container-12 .pull-1{left:-80px}.container-12 .pull-2{left:-160px}.container-12 .pull-4{left:-320px}.container-12 .pull-5{left:-400px}.container-12 .pull-7{left:-560px}.container-12 .pull-8{left:-640px}.container-12 .pull-10{left:-800px}.container-12 .pull-11{left:-880px}.container-16 .pull-1{left:-60px}.container-16 .pull-2{left:-120px}.container-16 .pull-3{left:-180px}.container-16 .pull-5{left:-300px}.container-16 .pull-6{left:-360px}.container-16 .pull-7{left:-420px}.container-16 .pull-9{left:-540px}.container-16 .pull-10{left:-600px}.container-16 .pull-11{left:-660px}.container-16 .pull-13{left:-780px}.container-16 .pull-14{left:-840px}.container-16 .pull-15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* ====================================================================================================
	Typography
==================================================================================================== */

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Headings */
h1 { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; color: #333333; }
h2 { font-size: 30px; line-height: 30px; margin: 0 0 10px 0; color: #333333; }
h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h4 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h5 { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h6 { font-size: 10px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }

/* Text Elements */
ul { list-style-type: outside square; margin: 0 0 20px 0; }
ol { list-style-type: outside decimal; margin: 0 0 20px 0; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
blockquote { margin: 20px 20px 20px 20px; padding: 15px 15px 5px 15px; font: italic 16px Georgia, Times, serif; line-height: 22px; background-color: #f4f4f4; }
dfn { font-style: italic; font-weight: bold; }
code { font-family: mono-space, monospace; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* Paragraphs */
p { margin-bottom: 15px; }
 
strong, b { font-weight: bold; }
em, i { font-style: italic; }
 
::-moz-selection { background: #b10000; color: #fff; }
::selection { background: #b10000; color: #fff; }

/* Miscellaneous */
small { font-size: 10px; }
.highlight { background: #ffdd54; padding: 2px 5px; }


/* ====================================================================================================
	Anchors
==================================================================================================== */

/* Links */
a { outline: 0; }
a:link img { border: 0px; text-decoration: none; }

a:link, 
a:visited { color: #c74350; text-decoration: underline; }
a:hover, 
a:active { color: #c74350; text-decoration: underline; }


/* ====================================================================================================
	Tables
==================================================================================================== */

/* Basic Table */
table { margin-bottom: 20px; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 5px 10px 5px 5px; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* ====================================================================================================
	Tabs
==================================================================================================== */

/* Base Tabs */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }


/* ====================================================================================================
	Forms
	(via Baseline CSS by Stephane Curzi, http://www.projeturbain.com); modified
==================================================================================================== */

form { overflow: auto; }
fieldset { padding: 20px; margin: 0 0 20px 0; border: 1px solid #dddddd; }
legend { padding-bottom: 20px; }
label { padding-top: 1px; margin: 0 5px 0 0; float: left; display: block; }
label.first { margin-left: 0; }

input[type="text"],
input[type="password"], 
input[type="select"],
input[type="search"] { border: solid 1px #cccccc; height: 16px; padding: 1px 2px; }

input[type="file"] { border: none; }

textarea { border: solid 1px #cccccc; height: 16px; padding: 0 2px; display: block; line-height: 18px; }
select { display: block; margin-top: 2px; }

input[type="submit"],
input[type="reset"],
input[type="button"] { margin-left: 12px; }


/* ====================================================================================================
	Miscellaneous
==================================================================================================== */

/* HTML5 tags */
/* header, section, footer, aside, nav, article, figure { display: block; } */

/* Floats */
.left { float: left; }
.right { float: right;}

/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top: 15px; }
.append-bottom { margin-bottom: 15px; }

/* Add a .padding to an element */ 
.padding-5px { padding: 5px; }
.padding-10px { padding: 10px; }
.padding-15px { padding: 15px; }
.padding-20px { padding: 20px; }
.padding-25px { padding: 25px; }
.padding-30px { padding: 30px; }
.padding-40px { padding: 40px; }
.padding-50px { padding: 50px; }

/* Use this to create a horizontal ruler across a column. */
hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: .1em; margin: 20px 0 20px 0; border: none; }
hr.thick { color: #dddddd; position: relative; height: 4px; margin: 20px 0 20px 0; }

/* In case you need to hide an element */
.hide { display: none; }


/* ====================================================================================================
	Images
==================================================================================================== */

/* Images that float with 20px padding */
img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }


/* ====================================================================================================
	Rounded Corners
==================================================================================================== */

/* Add to elements to give them a radiused edge (does not work on IE) */
.rounded-1px { -moz-border-radius-topleft:1px; -moz-border-radius-topright:1px; -moz-border-radius-bottomleft:1px; -moz-border-radius-bottomright:1px; -webkit-border-top-left-radius:1px; -webkit-border-top-right-radius:1px; -webkit-border-bottom-left-radius:1px; -webkit-border-bottom-right-radius:1px; }
.rounded-2px { -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px; }
.rounded-3px { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; }
.rounded-4px { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; }
.rounded-5px { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
.rounded-6px { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; }
.rounded-7px { -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; }
.rounded-8px { -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
.rounded-9px { -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; }
.rounded-10px { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; }
.rounded-11px { -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -webkit-border-top-left-radius:11px; -webkit-border-top-right-radius:11px; -webkit-border-bottom-left-radius:11px; -webkit-border-bottom-right-radius:11px; }
.rounded-12px { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; }
.rounded-13px { -moz-border-radius-topleft:13px; -moz-border-radius-topright:13px; -moz-border-radius-bottomleft:13px; -moz-border-radius-bottomright:13px; -webkit-border-top-left-radius:13px; -webkit-border-top-right-radius:13px; -webkit-border-bottom-left-radius:13px; -webkit-border-bottom-right-radius:13px; }
.rounded-14px { -moz-border-radius-topleft:14px; -moz-border-radius-topright:14px; -moz-border-radius-bottomleft:14px; -moz-border-radius-bottomright:14px; -webkit-border-top-left-radius:14px; -webkit-border-top-right-radius:14px; -webkit-border-bottom-left-radius:14px; -webkit-border-bottom-right-radius:14px; }
.rounded-15px { -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px; }


/* ====================================================================================================
	Super Awesome Buttons 
	(via Zurb, http://bit.ly/zASyu); modified
==================================================================================================== */

.awesome, .awesome:visited { background: #222222; display: inline-block; padding: 5px 10px 6px; color: #ffffff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
 
.awesome:hover { background-color: #111111; color: #ffffff; text-decoration: none; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; }
.huge.awesome, .huge.awesome:visited { font-size: 17px; padding: 14px; }

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { color: #ffffff; text-decoration: none; font-size: 11px; padding: 5px 9px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { color: #ffffff; text-decoration: none; font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }

.grey.awesome, .grey.awesome:visited { background-color: #888888; }
.grey.awesome:hover { background-color: #737373; }

.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }

.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }

.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }

.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }

.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }