/*****
	CSS RESET - MODIFIED YAHOO YUI
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}


/*****
	LAYOUT
******/
html						{overflow-y: scroll;}
body						{font-size: 70%; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
							 color: #000; background: #eee;}
body 						{-webkit-animation-name: bodyBackground; -webkit-animation-duration: 10s;
							 -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
							 @-webkit-keyframes bodyBackground {from {background-color: #fff;}25% {background-color: #eee;} 
							 50% {background-color: #ccc;} 75% {background-color: #eee;} to {background-color: #fff;}}
							 
							 
#wrap						{background: #fff; border: 1px solid #ccc; padding: 10px; margin: 54px auto 20px; position: relative;
							 width: 940px;}
#logo						{position: absolute; top: -46px; left: 10px;}
#logo a						{}
#logo .beta					{color: #999; font-weight: normal; position: absolute; top: -3px; left: 100px; font-size: 10px;
							 text-transform: uppercase;}
#logo a:hover span			{color: #ccc;}
#wrap h2					{font-weight: bold; margin: 0 0 3px 0;}

/* Nav */
#navLeft					{overflow: hidden; position: absolute; top: -36px; left: 160px;}
#navRight					{position: absolute; top: -36px; right: -10px;}

.nav li						{float: left;}
.nav li a					{display: block; padding: 3px 5px; color: #000; font-weight: bold;
							text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px; margin: 0 10px 10px 0;
							-moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: background 0.2s linear;}
.nav li a:hover				{background: #000; color: #fff;}
.nav li a:active			{position: relative; bottom: -1px;}


/* Category Tabs */
#cats						{overflow: hidden; border-bottom: 1px solid #ccc; margin: 0 0 5px 0;}
#cats li					{float: left; margin: 0 0 10px 0;}
#cats li a					{display: block; padding: 3px 5px; background: rgba(33,173,91,1); color: #fff; font-weight: bold;
							text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px; margin: 0 10px 0 0;
							-moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: background 0.2s linear;}
#cats li a:hover			{background: #000;}
#cats li a:active			{position: relative; bottom: -1px;}


#topright					{position: absolute; top: 10px; right: 11px;}
#topright a					{padding: 3px 5px; background: rgba(33,173,91,0.4); margin: 0 0 0 6px;
							text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px; color: #fff; font-weight: bold;
							 -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: background 0.2s linear;}
#topright a:hover			{background: rgba(33,173,91,0.8);}
#topright a:active			{position: relative; top: 1px;}

#search						{position: absolute; top: -40px; right: 0;}
#search input				{background: #fff; border: 1px solid #ccc; padding: 5px; width: 250px;}
#search-results-wrap		{background: #fff; padding: 5px; border: 1px solid #ccc; position: relative; top: -1px;}
#search #close:hover		{cursor: pointer;}

table						{border: 1px solid #ccc; width: 100%;}
table tr.row0				{background: #fff; -webkit-transition: background 0.2s linear;}
table tr.row1				{background: #f3f3f3; -webkit-transition: background 0.2s linear;}
table tr:hover				{background: #ddd; color: #666;}
table tr:hover a			{color: #000;}
table tr td					{padding: 5px 8px;}
table tr td a				{display: block;}
table tr td a:active		{position: relative; bottom: -1px;}

/* index.php */

/* account/settings.php */
#settings fieldset			{border: 1px solid #999; padding: 3px 10px 6px 10px; margin: 0 0 10px 0;}

/* account.php */
#account .switch			{color: #999;}
#account tr:hover .switch	{color: #333;}
#account .switch:hover		{cursor: pointer;}
#account fieldset			{display: inline;}


/* Top Login */
#top_login					{position: absolute; top: -32px; right: 265px;}
#top_login .email			{background: #fff; border: 1px solid #ccc; padding: 5px;}
#top_login .password		{background: #fff; border: 1px solid #ccc; padding: 5px;}


/* Login / Register */
#login						{float: left; width: 450px;}
#register					{float: right; width: 460px; border-left: 1px solid #ccc; padding: 0 0 0 10px; position: relative;}

#login .email				{width: 443px; padding: 5px; font-size: 1.2em;}
#login .password			{width: 443px; padding: 5px; font-size: 1.2em;}

#register p.beta			{color: #f00; font-weight: bold; width: 345px; position: absolute; top: -2px; right: 0; line-height: 1.4em;}
#register .name				{width: 443px; padding: 5px; font-size: 1.2em;}
#register .email			{width: 443px; padding: 5px; font-size: 1.2em;}
#register .key				{width: 443px; padding: 5px; font-size: 1.2em;}

/* add.php */
#addSnippetForm				{}
#addSnippetForm label		{width: 105px; display: block; float: left;}
#addName					{background: #ddd; padding: 10px 10px 14px 10px; width: 450px; float: left;}
#addName input				{width: 200px; border: 1px solid #ccc; padding: 5px;}
#addCategory				{background: #ddd; padding: 10px 10px 17px 10px; width: 450px; float: left;}
#addDescription				{background: #eee; padding: 10px; clear: both;}
#addDescription input		{width: 803px; border: 1px solid #ccc; padding: 5px;}
#addSnippet					{background: #ddd; padding: 10px;}
#addSnippet textarea		{padding: 5px; border: 1px solid #ccc; font-family: Courier, monospace; font-size: 1em; width: 803px; height: 100px; overflow: auto;}
#addNotes					{background: #eee; padding: 10px;}
#addNotes textarea			{padding: 5px; border: 1px solid #ccc; font-family: Arial, sans-serif; font-size: 1em; width: 803px;}
#addLink					{background: #ddd; padding: 10px;}
#addLink input				{width: 803px; border: 1px solid #ccc; padding: 5px;}
#submitbutton				{margin: 10px 0 0 0;}

/* snippet.php */
pre							{font-size: 12px; padding: 5px 10px; background: #eee; border: 1px solid #ccc; overflow: auto; line-height: 1.6em;
							 position: relative; margin: 5px 0 0 0;}
#edit						{background: #c1dca7; border: 1px solid #50663b; padding: 10px;}
#edit #name					{width: 865px; padding: 5px; border: 1px solid #50663b; background: #fff;}
#edit #description			{width: 865px; padding: 5px; border: 1px solid #50663b; background: #fff;}
#edit #link					{width: 865px; padding: 5px; border: 1px solid #50663b; background: #fff;}
#edit #notes				{width: 865px; padding: 5px; border: 1px solid #50663b;}
#edit #code					{width: 865px; height: 250px; padding: 5px; border: 1px solid #50663b; margin: 0 0 10px 0; position: relative;}
#delete						{background: #f99; padding: 6px 10px;}
#delete input				{margin: 0 0 0 5px;}
#snippetInfo				{border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 0 0 5px 0;}

/* account/settings.php */
#settings					{overflow: hidden;}
#settings label				{width: 100px; display: inline-block;}
#settings input[type="text"], #settings input[type="password"]	{padding: 5px; border: 1px solid #ccc; width: 326px;}
#settings input[type="submit"]	{display: block;}

#settings #changeName		{width: 442px; float: left; margin: 0 10px 0 0;}
#settings #changeEmail		{width: 442px; float: left;}
#settings #changePassword	{width: 442px; float: left; margin: 0 10px 0 0;}
#settings #metaData			{width: 442px; float: left;}

/* Footer */
#footer						{}
#footer-in					{width: 960px; margin: 0 auto; position: relative; top: -20px;}
#footer-in p				{color: #999; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; text-align: right;}
#footer-in p a:hover		{color: #000;}

/*****
	TYPOGRAPHY
*****/
@font-face {font-family: 'DroidSansRegular'; src: url('/fonts/DroidSans.eot'); src: local('Droid Sans'), local('DroidSans'), url('/fonts/DroidSans.woff') format('woff'), url('/fonts/DroidSans.ttf') format('truetype'), url('/fonts/DroidSans.svg#DroidSans') format('svg');}
@font-face {font-family: 'DroidSansBold'; src: url('/fonts/DroidSans-Bold.eot'); src: local('Droid Sans'), local('DroidSans-Bold'), url('/fonts/DroidSans-Bold.woff') format('woff'), url('/fonts/DroidSans-Bold.ttf') format('truetype'), url('/fonts/DroidSans-Bold.svg#DroidSans-Bold') format('svg');}
@font-face {font-family: 'InconsolataMedium'; src: url('/fonts/Inconsolata.eot'); src: local('Inconsolata'), local('Inconsolata'), url('/fonts/Inconsolata.woff') format('woff'), url('/fonts/Inconsolata.ttf') format('truetype'), url('/fonts/Inconsolata.svg#Inconsolata') format('svg');}


h1, h2, h3, h4, h5, h6		{font-family: "DroidSansRegular", Arial, sans-serif;}
h1							{font-size: 3em;}
h2							{font-size: 2.4em;}
h3							{font-size: 2em;}
h4							{font-size: 1.6em;}
h5							{font-size: 1.4em;}
h6							{font-size: 1.2em;}
p							{font-size: 1em; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; line-height: 1.6em;}

a:link, a:visited			{text-decoration: none; color: rgba(33,173,91,1);}
a:hover, a:active			{text-decoration: none;}

em, i						{font-style: italic; font-weight: inherit;}
strong, b					{font-weight: bold;}

/*****
	SYNTAX
*****/
pre code					{font-weight: normal !important; font-family: 'InconsolataMedium', Courier, monospace !important; font-size: 1em !important;}
.str						{color: #080;}
.kwd 						{color: #3B6BBF;}
.com 						{color: #BF2F2F;}
.typ 						{color: #606;}
.lit 						{color: #3E8F8F;}
.pun 						{color: #8E8F35;}
.pln 						{color: #000;}
.tag 						{color: #3B6BBF;}
.atn 						{color: #606;}
.atv 						{color: #080;}
.dec 						{color: #606;}