gistfile1.css

/*
	=CONTROLS
	=APPLICATION
	=HEADER
	=CONTENT
	=FOOTER
*/


/* =CONTROLS
********************************************************************************************/
h1 													{ font-size: 18px; text-shadow: #222 2px 2px 2px; margin-left: 20px; font-family: NeoSans; font-weight: 100; position: absolute; top: 35px; left: 12px; }
h2 													{ font-size: 14px; font-weight: normal; }

/* =APPLICATION
********************************************************************************************/
body 												{ font-family: Arial; color: #fff; font-size: 12px; }
.loadingBox											{ background: #fff000; background: -webkit-gradient(linear, left top, left bottom, from(#fff000), to(#ffc000), color-stop(0.5, #fff000)); color: #000; padding: 5px 10px; position: absolute; top: 72px; z-index: 100; -webkit-border-radius: 3px; -moz-border-radius: 3px; left: 50%; margin-left: -70px; width: 70px; text-align: center; }

/* =HEADER
********************************************************************************************/
#topBox 											{ background: #000; padding: 8px 30px; text-align: right; position: relative; color: #aaa;}
#topBox a											{ color: #fff; }
#userLabel 											{ margin-right: 10px; }
#signoutLabel 										{ margin-left: 10px; }

.navTabs											{ position: absolute; left: 30px; top: 65px; right: 30px; }
.w-tab												{ -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#464646), color-stop(0.5, #626262)); border-top: 1px solid #777; }
.w-tab-selected										{ background: #dcedf4; background: -webkit-gradient(linear, left top, left bottom, from(#f7fbfd), to(#dcedf4), color-stop(0.5, #dcedf4)); border-top: 1px solid #fff; text-shadow: #fff 1px 1px 1px;}
.tab-settings										{ position: absolute; right: 0px; }

/* =CONTENT
********************************************************************************************/
#contentArea										{ position: absolute; top: 100px; bottom: 20px; left: 20px; right: 20px; }

.contentNavBox										{ -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; background: #dcedf4; border-bottom: 1px solid #b9d9e9; color: #000; padding: 10px; overflow: hidden; }
.contentNavBox a									{ color: #000; margin-right: 10px; }

.contentBox											{ padding: 20px; background: #fff; color: #000; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-box-shadow: 0px 3px 5px #222; }

/* =FOOTER
********************************************************************************************/

/*
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius
*/