@font-face { font-family: Rockwell; src: url(../font/rockwell.ttf) format("truetype"); }

* 				{ margin: 0; padding: 0; border: 0; word-wrap: break-word; }
body 			{ font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; }
ul, ol 			{ list-style: none; }
table 			{ border-collapse: separate; border-spacing: 0; }
input,
select,
textarea			{ font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; }
input[type=submit] 	{ cursor: pointer; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }
:focus 			{ outline: 0; }

/* HEADER RULES */
#head_wrap	{ width: 100%; height: 55px; position: absolute; top: 0; left: 0; z-index:9999;}
	#head 				{ margin: 0 auto; padding: 0 10px; width: 979px; height: 50px; position: relative; font-size: 11px; }
	#head a[title~=Skate] 	{ padding: 0; display: inline-block; position: absolute; left: 10px; text-indent: -9999px; }
	#head h1				{ display: inline-block; position: absolute; left: 259px; font-size: 11px; font-style: italic; line-height: 50px; }
	#head ul				{ width: 200px; position: absolute; right: 10px; text-align: right; }
	#head li				{ display: inline; float: right; line-height: 50px; }
	#head li span			{ margin: 0 10px; }
	#head li a			{ text-transform: uppercase; }

/* CONTENT RULES */
#content_wrap		{ padding-top: 65px; width: 100%; }
#content_wrap > div { margin: 0 auto; }

	/* NAV RULES */
	#nav 		{ margin-bottom: 15px; padding: 5px; width: 660px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
	#nav li		{ margin-right: 5px; display: inline; float: left; }
	#nav li.filter	{ margin: 0; float: right; }
	#nav a 		{ padding: 5px 10px; display: inline-block; background-image: url(../images/overlay.png); background-repeat: repeat-x; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 18px; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.2); }
	#nav a:hover,
	#nav a.active 	{ text-decoration: none; text-shadow: none; }
	#nav select 	{ padding: 5px 10px; width: 150px; display: inline-block; font-weight: 700; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); text-transform: uppercase; }
	#nav option 	{ padding-right: 10px; background: transparent; }
	
	/* VIEW RULES */
	#view 				{ width: 670px; position: relative; }
	#view h2 				{ margin-bottom: 15px; text-transform: uppercase; font: 20px Rockwell, Arial, Helvetica, sans-serif; letter-spacing: 2.5px; line-height: 18px; }
	#view ul				{ width: 50px; position: absolute; top: 0; right: 0; }
	#view li				{ display: inline; float: right; }
	#view a				{ width: 22px; height: 20px; display: block; background: url(../images/sprite_theme.gif); text-indent: -9999px; }
	#view a[title~=List] 	{ background-position: -22px 0; }
	
	/* TWEET RULES */
	#tweets					{ width: 670px; }
	#tweets li 				{ margin-bottom: 20px; padding: 5px; width: 200px; display: inline; float: left; overflow: hidden; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
	#tweets li.clear_fix		{ margin: 0; padding: 0; width: 100%; height: 0; display: block; float: none; clear: both; background: none; font-size: 0; line-height: 0; visibility: hidden; content: "."; -moz-box-shadow: none; -webkit-box-shadow: none; }
	#tweets li > div			{ width: auto; position: relative; }
	#tweets li > div img		{ position: absolute; top: 0; left: 0; }
	#tweets li > div div 		{ margin: 0 0 10px 53px; padding: 10px 5px 0; height: 38px; background: url(../images/bg_author_header.gif) repeat 0 0; vertical-align: middle; overflow: hidden; }
	#tweets li > div div a		{ height: 13px; display: block; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; overflow: hidden; text-decoration: underline; }
	#tweets li > div div a:hover	{ text-decoration: none; }
	#tweets li > div h3			{ width: auto; height: 15px; overflow: hidden; }
	#tweets li > div h3 a 		{ height: 15px; color: #fff; font: 14px Rockwell, Arial, Helvetica, sans-serif; }
	#tweets li ul				{ width: 200px; display: inline; float: left; }
	#tweets li ul.extraTweets 	{ display: none; }
	#tweets li li				{ margin-bottom: 10px; padding: 0 5px; width: 190px; display: block; float: none; line-height: 18px; -moz-box-shadow: none; -webkit-box-shadow: none; }
	#tweets li li.rule			{ padding: 0; width: auto; }
	#tweets li li a			{ text-decoration: underline; }
	#tweets li li a:hover		{ text-decoration: none; }
	#tweets li li span a		{ font-size: 10px; text-decoration: none; }
	#tweets li li span a:hover	{ text-decoration: underline; }
	#tweets li div.links		{ margin-bottom: 5px; padding: 0 5px; width: 100% }
	#tweets li div.links a		{ margin-right: 10px; height: 13px; display: block; float: left; background-image: url(../images/sprite_theme.gif); text-indent: -9999px; }
		a.rss 			{ width: 13px; background-position: 0 -29px; }
		a.rss:hover 		{ background-position: -13px -29px; }
		a.twitter 		{ width: 10px; background-position: -26px -29px; }
		a.twitter:hover 	{ background-position: -36px -29px; }
		
	/* PAGINATION RULES */
	#pagination 			{ margin-bottom: 20px; }
	#pagination a			{ font-weight: 700; line-height: 22px; }
	#pagination div 		{ display: inline; }
	#pagination ul			{ margin: 0 5px 0 10px; display: inline; }
	#pagination li			{ margin-right: 5px; display: inline; }
	#pagination li.current 	{ padding: 0 5px; line-height: 20px; border-width: 1px; border-style: solid; text-align: center; }
	#pagination li a 		{ padding: 0 5px; border-width: 1px; border-style: solid; font-weight: 100; line-height: 20px; text-align: center; } 
	#pagination li a:hover	{ text-decoration: none; }
		
	/* SIDE TWEETS RULES */
	.side_tweets h4 		{ margin-bottom: 15px; text-transform: uppercase; font: 18px Rockwell, Arial, Helvetica, sans-serif; letter-spacing: 2.5px; line-height: 18px; }
	.side_tweets ul		{ margin-bottom: 15px; }
	.side_tweets li		{ margin-bottom: 10px; padding: 0 5px 0 58px; min-height: 48px; position: relative; font-size: 11px; line-height: 16px; }
	.side_tweets li.rule	{ padding: 0; min-height: 3px; }
	.side_tweets li img		{ position: absolute; top: 0; left: 0; }
	.side_tweets li span a	{ font-size: 10px; }
	
	/* FOOTER RULES */
	#foot_wrap { margin-top: -5px; width: 100%; }
		#foot 		{ margin: 0 auto; padding: 5px 10px 0; width: 979px; height: 49px; font-size: 11px; }
		#foot p		{ line-height: 54px; }
		#foot ul		{ text-align: right; }
		#foot li		{ display: inline; float: right; line-height: 54px; }
		#foot li span	{ margin: 0 10px; }
		#foot li a	{ text-transform: uppercase; }
		
/* ANCILLARY PAGE RULES */
#ancillary h2 		{ margin-bottom: 15px; text-transform: uppercase; font: 18px Rockwell, Arial, Helvetica, sans-serif; letter-spacing: 2.5px; line-height: 18px; }
#ancillary h3 		{ margin-bottom: 15px; text-transform: uppercase; font: 16px Rockwell, Arial, Helvetica, sans-serif; letter-spacing: 2.5px; line-height: 18px; }
#ancillary p 		{ margin-bottom: 18px; line-height: 22px; }
#ancillary ul		{ margin-bottom: 15px; padding-left: 15px; list-style-position: outside; list-style-type: disc; }
#ancillary ol		{ margin-bottom: 15px; padding-left: 15px; list-style-position: outside; list-style-type: decimal; }
#ancillary li		{ line-height: 18px; }
#ancillary a 		{ text-decoration: underline; }
#ancillary a:hover 	{ text-decoration: none; }
	form#contact label 			{ margin-right: 10px; width: 150px; display: inline; float: left; line-height: 25px; }
	form#contact input,
	form#contact textarea 		{ width: 300px; height: 20px; float: left; border-style: solid; border-width: 1px; padding:5px 0 0 5px; }
	form#contact textarea 		{ height: 150px; }
	form#contact input[type=submit] { margin-left: 160px; padding: 5px 10px; width: auto; height: auto; display: inline-block; float: none; background-image: url(../images/overlay.png); background-repeat: repeat-x; border: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 18px; -moz-border-radius: 2px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.2); }
form#contact input#eat-shit { display:none; }
/* TOOLKIT RULES */
.mar_30_r { margin-right: 30px; }
.mar_20_r { margin-right: 20px; }
.mar_15_b { margin-bottom: 15px; }

.col_989 { width: 989px; }
.col_670 { width: 670px; }
.col_300 { width: 300px; }

.in_right { display: inline; float: right; }
.in_left	{ display: inline; float: left; }

.clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }


/* ERROR MESSAGE FOR CONTACT PAGE */
#flashMessage{ margin:0 0 7px 0; font-size:138%; font-weight:bold; color:#F11;text-transform:uppercase; }