/*
# SQUIID INC.
#  by Shaun Robinson - Feb 18th 2010
#  shaun@squiid.com
#
*/

/* THE BASICS */
body { font: 12px/20px Georgia, "Verdana", "Times New Roman"; color: #888; font-style: normal;}
body { background: #111; border-top: 4px solid #fff;}
a { color: #ddd; text-decoration: none; font-weight: normal; font-style: normal; font-family: verdana; font-size: .9em;}
a:hover { color: #ff17bd; }
#main { font-size: 1.0em; }

/* HEADINGS -- SEE CUFON*/
h1, h2, h3, h4 { font-family: Rockwell, Calibri, Georgia; color: white; font-weight: normal;}
h1 { font-size: 4.7em; color: #fff; color: #ff17bd;}
h2 { font-size: 2.9em; color: #fff; line-height: 46px;}
h3 { font-size: 1.6em; color: #ff17bd;}
h3 a { color: #ff17bd; }
h3 a:hover { color: #ddd; }

h4 { font-size: 1.3em; color: #fff;}
h5 { font-size: 1.0em; color: #fff;}

/*FORMS */
label { clear: both; float: left; margin: 10px 0 0 0;}
input, textarea { background-color: #333; color: #666; border: 1px solid #000; margin: 3px; padding: 3px; font: 14px Calibri, Georgia;  }
input:focus, textarea:focus { background-color: #999; color: #fff;}
input.big { font-size: 25px; padding: 2px; ;}
input.width-100 { width: 100px; }
.button { width: 100px; height: 35px; font-size: 1.2em;}
.grid_4 textarea { height: 100px; width: 240px;}
input.error, textarea.error { border: 2px solid red;}
form#comment_post label.error { font-size: 1px; opacity: 0;}

/*SPECIALTY DIV CLASSES */
ul.inline { list-style: none; display: inline;}
ul.inline li { margin: 0;}
ul.twitterfeed li { margin: 10px; border-bottom: 1px dotted #999;}
div.logos img { margin: 20px; text-align: center;}
.hide { display: none;}
.breadcrumb a { font-style: italic; color: #aaa;}
.breadcrumb a:hover { color: #fff;}

ul.inline2 {margin-top: -10px; margin-bottom: 10px;}
ul.inline2 li { list-style:none; display:inline; text-align:left; margin-left:0px; margin-right: 5px; }

#principles li > a { font-family: Georgia; font-style: italic; font-size: 1.1em; line-height: 1em; }


/*FLOATERS */
.floatright { float: right; text-align: right;}

.floatleft { float: left;}

/*ALIGNERS */
.aligncenter { text-align:center;}
.alignright { text-align: right;}
.alignleft { text-align: left;}

/*COLORIFIERS*/
.white { color: white; }
.black { color: black; }
.yellow { color: #ff17bd;}
.bgwhite { background-color: #fff;}
.bgblack { background-color: #000;}
.bgyellow { background-color: #ff17bd;}
.bggrey { background-color: #111;}
.bgmedgrey { background-color: #222;}
.borderwhite { border: 1px solid white; margin: -1px;}
.borderyellow { border: 1px solid #ff17bd; margin: -1px;}
.bordergrey { border: 1px solid #111; margin: -1px;}
.borderdotted { border: 1px dotted white; margin: -1px;}

/* MARGIN */
.marginsmall { margin-right: 10px; margin-bottom: 20px; /* margin-left: 10px; */ }


/*TEXT STYLERS */
.caps { text-transform: uppercase; font-family: georgia;}
.littlecaps { margin: 0;font-family: Calibri, Helvetica, sans-serif; color: #aaa; text-transform: uppercase; font-size: .9em;}
.littlefancy { font-family: Georgia; font-style: italic;}

/* ARTICLE INDEX */
ul#article-index { margin: 0; padding: 0;}
ul#article-index li { margin:0; padding: 0;}

.bottom-dotted { border-bottom: 1px dotted #999;}
.top-dotted { border-top: 1px dotted #999;}
.em { font-style: italic;}
.low-contrast { color: #666;}

/* INPUT */
input.error { border: 1px solid white;}
label.error { color: red; font-family: Calibri; font-size: .9em; }
input:focus, textarea:focus { background-color: #333;}
input, textarea {font-family: Calibri; }
input.small { width: 50px;}
input.med { width: 75px;}

/* HEADER */
div#header { border-bottom: 1px dotted #aaa; height: 170px;}
div#logo img{ opacity: 0; }
div#logo { background: url('../images/logo-white.png') no-repeat; }
form#head { display: block; float: right;}

/* FOOTER */
div#footer { border-top: 1px dotted #aaa; min-height: 170px;}
div#footer { margin-top: 100px;}

/* NAV */
ul#nav { text-transform: uppercase; font-size: 35px; text-align: right; width: 660px; display: block; float: right; margin: 58px 15px 0 ; padding: 0;}
ul#nav li { list-style: none; display: inline; margin: 50px 8px 0;}
ul#nav li a { font-family: Georgia; font-size: 18px; color: #333; padding: 0 0 15px 0;}
ul#nav li.active a { color: #ff17bd;}
ul#nav li a:hover { color: #fff;}
ul#nav li.active a { background: transparent url(../images/arrow-down.png) center 24px no-repeat; }

/* CLEARS */
div.clear.big { height: 100px; }
div.clear.med { height: 50px; }
div.clear.small { height: 25px; }
div.clear.tiny { height: 10px; }
div.clear.pico { height: 5px; }

/* FORMS */
.form-100 input { width: 200px; float: left; clear: both;}

/* NOTIFICATION */
#notification-form p { margin: 0px;}
#notification-form input {  display: inline; float: left; clear: none; margin-bottom: -10px;}
#notification-form label {  display: inline; float: left; clear: none; }

/* SKINS */
body.snow { background: white; color: #666; border-top-color: #000; }
body.snow p { color: #333; }
body.snow h1 { color: black;}
body.snow a { color: black; font-weight: bold;}
body.snow a:hover { color: #aa0000;}