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 thins */
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; }

/* authenticated user info */

#authenticatedUser { margin: 0; padding-top: 6px; position: absolute; right: 100px; text-align: right; }
    #authenticatedUser a { color: black; }

/* login box */

#login { margin: 0; padding: 0; position: absolute; right: 5px; }
    #login a { display: block; padding: 4px 15px 4px; background: black; text-decoration: none;
            -moz-border-radius: 0 0 9px 9px; -webkit-border-bottom-left-radius: 9px;
            -webkit-border-bottom-right-radius: 9px; }
    #login a:hover { background: #00d363; color: white; }

/* 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: #56c07b url(../images/headerBg.gif); position: relative; }

#menuContainer { background: url(../images/logoShadow.jpg) no-repeat scroll left center; width: 900px; height: 103px; position: relative; margin-left: auto; margin-right:auto; }
#menuContainer.isolated { background-position: center center; }

#the_source_cookbook { z-index: 100; position: absolute; top: 0px; left: 0px; background: url(../images/logoBg.gif) no-repeat scroll top center; width: 346px; height: 191px; }
#the_source_cookbook.isolated { left: 278px; }
	#the_source_cookbook a { background: url(../images/logo_normal.gif) no-repeat center center; margin-left: 23px; width: 300px; height: 153px; display: block; text-decoration: none; }
	#the_source_cookbook span { visibility: hidden;  }

ul#mainMenu { position: absolute; top: 42px; left: 375px; margin: 0; padding: 0; list-style-type: none; width: 490px; }
	ul#mainMenu li { display: block; float: left; }
		ul#mainMenu li a { display: block; width: 236px; height: 61px; text-decoration: none; background-color: transparent; }
			ul#mainMenu li a span { visibility: hidden; }
    ul#mainMenu li { background: url(../images/menubuttons.png) no-repeat scroll; }
	ul#mainMenu #indexOption { background-position: 0 -111px; }
    ul#mainMenu #indexOption:hover { background-position: 0 0; }
	ul#mainMenu #submitOption { background-position: 0 -333px; margin-left: 15px; }
    ul#mainMenu #submitOption:hover { background-position: 0 -222px; }

/* 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: 100px 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 { position: absolute; top: 25px; right: 45px; }

/* 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; }