/* 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,
 caption, tbody, tfoot, thead, {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  border: 1px solid black;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* Forms */
label					{ width: 140px; float: left; clear: both; text-align: right; margin: 6px; }
label.long				{ width: 220px; float: left; clear: both; text-align: right; margin: 6px; }
label.short				{ width: 20px; float: left; clear: both; text-align: right; margin: 6px; } /* for flagger radio buttons */
label.semishort			{ width: 28px; float: left; text-align: left; margin: 6px 6px 6px 0; } /* for embed form on webmasters page */
label.medium			{ width: 80px; float: left; clear: both; text-align: right; margin: 6px; } /* for community search filters */
fieldset				{ padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend					{ font-weight: bold; font-size:1.2em; }

input.text, input.title,
textarea, select		{ margin:0.5em 0; border:1px solid #bbb; }

input.text:focus, input.title:focus,
textarea:focus, select:focus	{ border:1px solid #666; }

input.text, 
input.title					{ width: 140px; padding:1px; }
input.title					{ font-size:1.5em; }
input.text-readonly			{ width: 150px; padding: 1px; margin:0.5em 0; background-color: #999;  border:1px solid #999; } /* for profile edit page */
input.pref-checkboxes		{ width: 30px; padding: 1px; margin:9px 0 0; } /* for user prefs checkboxes */
textarea					{ width: 350px; height: 80px; padding: 5px; }
textarea.wall-comment		{ width: 500px; height: 100px; padding: 5px; margin: .5em; background-color: #f1f1f1; color: #000; border:1px solid #000; }
textarea.message-compose	{ width: 500px; height: 150px; }
textarea.share-flag-embed	{ width: 250px; height: 70px; }
textarea.report-user		{ width: 200px; height: 70px; }

input.button			{ width: 80px; padding:0; color: #fff; margin:0.5em 0; border:1px solid #999; background-color: #333; cursor: pointer; }
input.button:focus		{ border:1px solid #999; }

input.embed				{ width: 110px; padding: 1px; margin:0.5em 0;  border:1px solid #ff9900; background-color: #000; color: #999; font-size: 11px; } /* for webmasters page */

/* blog forms */
input.blog-title		{ width: 450px; padding: 1px; margin:0.5em 0;  border:1px solid #fff; }
textarea.blog-entry		{ width: 450px; height: 400px; padding: 1px; }

/* Headings */
h1,h2,h3,h4,h5,h6		{ font-weight: normal; color: #ccc; }

h1						{ font-size: 1.4em; line-height: 1; margin: 0 10px 5px 0; font-weight: bold; text-transform: uppercase; } /* video titles */
h1.hp					{ margin: 0 0 0 12px; } /* more left margin to align with vid boxes */
h1.blog					{ margin: 0 0 5px 8px; } /* more left margin to align with content */
h1.grad-bg				{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #ccc; text-transform: uppercase; }
h2						{ font-size: 1.5em; margin-bottom: 0.5em; text-transform: uppercase; } /* sidebar titles etc */
h3						{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #ccc; text-transform: uppercase; } /* profile titles */
h4						{ font-size: 1.2em; margin: 0 0 1.25em 10px; font-weight: bold; line-height: 1.25; height: 1.25em; } /* 10px left margin */
h5						{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; padding-top: 5px; } /* not used yet */
h6						{ font-size: 1em; font-weight: bold; margin: 15px 0 0 10px; color: #b0b0b0; } /* not being used */

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

small	{ font-size: 0.75em; }

/* Text Elements */
p						{ margin: 0 0 1.5em; }

a:focus, a:hover, a:active				{ color: #000; }
a						{ color: #3388EE; text-decoration: none; outline: none; }

blockquote				{ margin: 1.5em; color: #666; font-style: italic; }
.bold					{ font-weight: bold; }
strong					{ font-weight: bold; }
em,dfn					{ font-style: italic; }
dfn						{ font-weight: bold; }
sup, sub				{ line-height: 0; } 


/* Lists */
li ul, 
li ol					{ margin:0 1.5em; }
ul, ol					{ margin: 0 1.5em 1.5em 10px; }

ul.bullet				{ list-style-type: disc; margin-left: 25px; color: #d2d2d2; }

ul						{ list-style-type: none; }
ol						{ list-style-type: decimal; padding-left: 20px; color: #d2d2d2; }

dl						{ margin: 0 0 1.5em 0; }
dl dt					{ font-weight: bold; }
dd						{ margin-left: 1.5em;}


/* Misc */
body { 
	margin:.5em 0; 
	font-size: 75%; 
	line-height: 1.5; 
	color: #000; 
	background: #fff; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

img {
	border:1px solid #ffffff;
}

img:hover, img:focus {
	border:1px solid #3388EE;
}
