/*sunset.css - MoinMoin theme Styles By Achin Sharma (http://achshar.com) for google code in task at http://www.google-melange.com/gci/task/show/google/gci2010/moinmoin/t129037965833
License: GNU GPL v2 or later.

apart form the color schemes, this styleshets enhances user experiene by following ways.
-round corners by pure css (not supported by ie).
-hover and active effects,
-the editbar is more of a menu now as the whole button area is clickable insted of just the link text
-w3c compatible (except for border radius)

important note: i had already discussed about this on the official irc channel. This theme requires to add <div style="clear:both; margin:0;"></div> to clear the floats after the list elements of "moin-editbar" div (both top and bottom).
*/


/* moin-content */
#moin-page { background-color: white; margin: 0; padding: 2px 20px 20px 20px; }
/* links */
a{ color: #47F; text-decoration: none; }
a:visited { text-decoration: none; color: #04A; }
a:visited:hover { text-decoration: none; color: red; }
a:hover,
a:active { text-decoration: underline; color: green; }
a.moin-nonexistent:link { color: #666; }
a.moin-nonexistent:hover { color: black; text-decoration: underline; } 
/* placeholder - not used yet
a.download { font-size: 120%; letter-spacing: 0.05em; font-weight: bold; background: #E7E7E7; 
            border: 1px solid #9C9C9C; padding: 0.5em; text-align: center; }
*/

/* moin-header */
#moin-header { margin: 1px; padding: 1px; background: #FE7; line-height: 1.12em; color:#666; }
#moin-header a { color:#333; }

/* moin-header searchform */
#moin-searchform { margin: -1px -1px 0px 0px; padding: 8px .5em; font-size: 0.82em; float: right; text-align: right; -moz-border-radius-bottomleft: 10px;
			-webkit-border-bottom-left-radius: 10px; border: solid #333; background-color: #FC7; border-width: 0px 0px 1px 1px; }
#moin-searchform input { font-size: 100%; vertical-align: middle; }
#moin-searchform label { display:none; }
#moin-searchform div { margin: 0; }

/* moin-header moin-logo -- logos may be text only */
#moin-logo { float: left; margin: 5px 10px; padding: 0; font-size: 1.4em; line-height: 1em; font-weight: bold; }
#moin-logo img { vertical-align: middle; }
#moin-logo a { color: black; text-decoration: none; }

/* moin-header moin-username */
#moin-username { display: block; margin: 8px 12px 4px 12px; padding: 0; font-size: 0.82em; }
#moin-username form { display: inline; }
#moin-username input { display: inline; padding: 0; margin: 0; border: none; background: transparent; color: blue; font-size: 0.82em; cursor: pointer; }
#moin-username input:hover { color: red; }

/* moin-header moin-locationline */
#moin-locationline { padding: 0; font-size: 100%; font-weight: normal; margin: 0.25em 12px 5px 12px; }
#moin-pagelocation { font-size: 1.5em; letter-spacing: 0.05em; }

/* moin-header moin-pagetrail */
#moin-pagetrail { margin: 0 0.88em 0.25em 0.88em; padding: 0; font-size: 0.88em; }

/* moin-header moin-navibar */
#moin-navibar { clear: both;  display: block; margin:  0; padding: 0 10px; font-size: 0.82em; }
#moin-navibar li { float: left; display: inline; margin: 0 2px; border: 1px solid #666; 
            border-bottom: none; white-space: nowrap; font-size: .88em; -moz-border-radius-topleft: 6px;
			-webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px; }
#moin-navibar li.wikilink { background: white; }
#moin-navibar li.userlink { background: #EEF; }
#moin-navibar a,
#moin-navibar a:visited { color: black; text-decoration: none; padding: 4px 5px; line-height:21px; }
#moin-navibar li:hover { background: #DEF; border-color:#333; }
#moin-navibar li:active { background: #DDF; }
			
/* moin-header moin-pageline  */
#moin-pageline { clear: both; margin: 0px 0px -1px; padding: 0; width: 100%; border-bottom: 1px solid #333; }

/* moin-header moin-editbar -- also applies to moin-footer */
.moin-editbar { clear: both; display: block; margin: 0; padding: 0px 8px; background: #FC7; 
            font-size: 0.8em; border-bottom: 1px solid #333; border-top: 1px solid #333; overflow: auto; width: 100%; }
.moin-editbar li { display: block; float:left; }
.moin-editbar a,
.moin-editbar a:visited { color: #333; line-height:24px; padding: 0px 6px; display:block; }
.moin-editbar a:hover { text-decoration: none; color:white !important; background: #E67; }
.moin-editbar a:active { background: #E65; }
.moin-editbar form,
.moin-editbar form div { display: inline; margin: 0; }
.moin-editbar select { font-size: 100%; vertical-align: middle; }
.moin-editbar option {  background: #FC7; }

/* moin-pagebottom -- after moin-content and before moin-footer */
#moin-pagebottom { clear: both; }
#moin-pageinfo { margin-top: 2em; }
.moin-info { float: right; font-size: 0.7em; color: gray; }

/* moin-page moin-footer */
#moin-footer { clear: both; margin: 0 0; }
#moin-credits,
#moin-version,
#moin-timings{ margin: 5px 10px; text-align: center; font-size: 0.75em; color: #6C7680; }
#moin-credits li,
#moin-timings li { display: inline-block; margin: 0 10px; padding: 2px 0; }
#moin-credits img { vertical-align: middle; }

/* wikiconfig -- page_footer1/2 and page_header1/2 if defined */
/* placeholder, not working yet */