body, html { margin: 0; font-size: 100%; font-family: 'Trebuchet MS', Helvetica, sans-serif; }

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

a { color: #00d363; }
a:hover { background-color: #c8ffc8; color: #00cc33; }
a:active { text-decoration: none; }

/* clear float */
.clear { clear:both; }

/* position relative divs */
.relative { position: relative; }

/* links to tags */
a.tag { background-color: #fafafa; border: 1px solid #cacaca; padding: 2px 6px; height: 1.2em; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
a:hover.tag { background-color: #c8ffc8; border-color: #00d363; }

/* links to languages */
a.language { background-color: #00d363; color: white; font-weight: bold; padding: 2px 6px; -webkit-border-radius: 9px; -moz-border-radius: 9px; }
a:hover.language { background-color: black; color: #00d363; }

/* link to remove things */
a.remove { width: 16px; height: 16px; margin-bottom: -1px; display: inline-block; background: transparent url(../images/cross.png); }
a.remove:hover { background-position: 0 -17px; }
a.remove:active { background-position: 0 -33px; }
    a.remove span { display: none; }

/* notice and error flashes */

.flash_notice, .flash_error { text-align: center; padding: 6px; border-top: 2px solid black; border-bottom: 2px solid black; }
.flash_notice { background-color: #c8ffc8; color: #00a128; border-color: #00cc33; }
.flash_error { background-color: #ffcccc; color: red; border-color: red; }

/* header */

#header { background: #5db283 /*url(../images/headerBg.gif)*/; position: relative; -webkit-box-shadow: 0 2px 6px #ccc; }
    #headerContainer { width: 960px; margin: 0 auto; position: relative; }

/* Page title*/

h1 { margin: 0; font-size: large; display: inline; }
	h1 a { background: #A778C4; display: inline-block; padding: 5px 10px; text-decoration: none; color: #481966; text-shadow: 0 1px 1px #C7A2DE; }
	h1 a:hover { background: #bd8ecc; color: #451560; }

/* Text that says "Hello, user" */

#userWelcome { position: absolute; top: 0; right: 85px; margin: 0; padding: 6px 0 0; color: #b8dfca; }
	#userWelcome a { color: #D3EDDF; font-weight: bold; }
	#userWelcome a:hover { color: #fff; background: transparent; }

/* login/logout buttons*/

.authButton { position: absolute; top: 0; right: 0; padding: 7px 12px 5px; display: block; text-decoration: none; background: #481966; color: #B36CE0; }
	.authButton:hover { background: #6B2F91;  color: #B36CE0; }

/* main menu */

#toolbar { top: 0; }
#actions { position: absolute; left: 205px; top: 0; list-style-type: none; padding: 0; margin: 0 10px; }
	#actions li { display: inline-block; }
		#actions li a { padding: 6px 15px; display: inline-block; color: #d1fee6; text-decoration: none; text-transform: lowercase; }
		#actions li.active a, #actions li a:hover { background: #61D494; color: #ffffff; }

/* isolated content */
#isolatedContent { width: 500px; min-height: 400px; margin-left: auto; margin-right: auto; padding: 100px 25px 0 50px; position: relative; }
    #isolatedContent h2 { font-family: Verdana, sans-serif; font-weight: normal; margin: 0 0 20px; border-bottom: 3px solid black; text-align: center; padding-bottom: 5px; }
    #isolatedContent h2 + p { text-align: center; padding: 15px 0 5px; font-size: large; }
    #isolatedContent p { font-family: Verdana, sans-serif; }

/* content and sidebar */

#content { width: 960px; min-height: 500px; margin-left: auto; margin-right: auto; padding: 15px 25px 0 50px; position: relative; }

#content h2 { font-family: Verdana, sans-serif; font-weight: normal; margin: 0 0 20px; border-bottom: 3px solid black; }
	#content h2 a { text-decoration: none; }

#content div.mainColumn { width: 630px; }
#content div.wideColumn { width: 730px; }
.sidebar, .smallSidebar { right: 0; top: 0; }
#content div.sidebar { position: absolute; width: 300px; }
#content div.smallSidebar { position: absolute; width: 200px; }

/* ads */
#ad_mainIndex { margin: 10px auto; width: 468px; }

/* footer */

#footer { width: 900px; margin: 25px auto 15px; border-top: 1px solid #ddd; padding: 15px; position: relative; }
    #footer form { float: left; font-size: small; }
    #footer form label { display: inline; }
#copyright { font-size: small; color: #696969; float: right; margin: 0; }