/* Common tags */
html, body { margin: 0; padding: 0; }
* html { background-color: #666; }
body { background-color: #fff; font-size: 76%; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 130%; }
table, img { border: none; }
table { width: 100%; }
tr { vertical-align: top; }
th { font: italic normal 0.95em/100% Georgia, Times, "Times New Roman", serif; background-color: transparent; color: #333; text-align: left; }
tr+tr+tr, tr+tr+tr+tr+tr, tr+tr+tr+tr+tr+tr+tr { background-color: #efefef; }
tr+tr, tr+tr+tr+tr, tr+tr+tr+tr+tr+tr, tr+tr+tr+tr+tr+tr+tr+tr { background-color: transparent; }
select, input, textarea { margin: 0 0 0.1em 0.1em; border-width: 1px; background-color: #ffc; font: normal 0.95em/120% Verdana, Helvetica, Arial, sans-serif; }
input:focus, textarea:focus { background-color: #fff; }
input.button { padding: 0.1em 0.3em; border: 2px outset #ffc; }
input.button:focus { padding: 0.3em; border: 2px inset #ffc; background-color: #ff9; color: #999; }
code, pre { font-family: Monaco, Courier, monospace; }
dl { margin: 0; padding: 0.4em; }
dl dt { font-weight: bold; color: #333; }
ul, ol { margin: 0; padding: 0; }
li { list-style-type: none; }
form { margin: 0; padding: 0; }
hr { visibility: hidden; clear: both; margin: -8px 0; }
label { cursor: pointer; }

/* Head */
#logo { clear: both; height: 50px; background: transparent url(../images/utopialogo.gif) no-repeat 0 0; }
#subhead { font-size: 0.9em; white-space: nowrap; }
#breadcrumb { float: left; padding: 0.4em 1em; background: #666; color: #ccc; border-top: 1px solid #999; border-bottom: 1px solid #333; }
#contactlinks { padding: 0.4em 1em; background: #ccc ; color: #666; border-top: 1px solid #fff; border-bottom: 1px solid #999; text-align: right; }

/* Main areas */
#main { font-size: 0.95em; }
#navcol { float: left; width: 23%; background: #eee url(../images/vline_solid_666.gif) repeat-y top right; color: #000; vertical-align: top; }
#widecol { float: left; width: 99.999%; background-color: transparent; vertical-align: top; }
#maincol { float: left; width: 69%; background: transparent url(../images/vline_solid_666.gif) repeat-y top right; vertical-align: top; }
#smallcol { float: left; width: 31%; background-color: transparent; vertical-align: top; }
#footer { clear: both; padding: 0.8em; font-size: 0.8em; background: #666; color: #ccc; border-top: 1px solid #333; text-align: center; }

/* Head and Main areas additions */
#logo h1 { margin: 0; visibility: hidden; }
#subhead a { display: inline; padding: 0.3em 0.2em 0.5em 19px; background-color: transparent; color: #fff; text-decoration: none; }
#subhead a.imcn { padding-left: 0; }
#contactlinks a { padding: 0; color: #333; }
#smallcol + #maincol { background: transparent url(../images/vline_dotted_666.gif) repeat-y 0 0; }
#footer a, #footer a:hover { background-color: transparent; color: #ccc; }

/* Key areas */
#alert { margin: 2px; padding: 1.5em 0 1.5em 50px; background: #cfc url(../icons/alert.gif) no-repeat 1em 0.5em; border: 3px double #0c0; }
#article-intro { max-width: 40em; padding: 1em 1em 0; line-height: 130%; }
#article-body { max-width: 40em; padding: 0 1em 1em; line-height: 140%; }
#article-info { margin: 0; }
#content-related { float: right; width: 16em; margin: 1em; padding-left: 1em; background: #fff url(../images/vline_dotted_666.gif) repeat-y 0 0; line-height: 100%; }
#contentlist, #author, #articlelist, #commentlist, #focuslist, #translationlist, #focuslist, 
	#tasklist, #versionlist, #userlist, #userlist-new, #imclist, #newswire, #focus-desc, #uploads,
	#contrib-articles, #contrib-translations, #contrib-comments, #contrib-focus { }
#contentlist { background: #fff url(../images/vline_dotted_666.gif) repeat-y top right; }
#features { line-height: 130%; background: transparent url(../images/vline_solid_666.gif) repeat-y top right; }
#features-archive { padding: 1em; font-weight: bold; }
#loggedinas { display: block; padding: 0.2em 0.2em 0.3em 19px; background: transparent url(../icons/user.gif) no-repeat 0.1em 0.1em; color: #636; }
#loginbox { background: #ff9 url(../images/vline_dotted_666.gif) repeat-y top right; line-height: 130%; }
#newswire { padding: 0.4em; }
#userbio { padding: 0.4em; }
#steps { margin: 0; padding: 0; background: transparent url(../images/hline_dotted_666.gif) repeat-x top right; color: #666; }
#warning { margin: 2px; padding: 1.5em 0 1.5em 50px; background: #fcc url(../icons/warning.gif) no-repeat 1em 0.5em; border: 3px double #c00; }

/* Key area additions */
#article-intro p { font-weight: bold; }
#content-related a, #article-related a, #focus-related a, #user-related a { line-height: 125%; }
#contentlist a, #author a, #articlelist a, #commentlist a, #translationlist a, #focuslist a, 
	#tasklist a, #versionlist a, #userlist a, #userlist-new a, #imclist a, #newswire a, #focus-desc a, #uploads a,
	#contrib-articles a, #contrib-translations a, #contrib-comments a, #contrib-focus a { display: block; padding: 0.2em 0.2em 0.3em 19px; }
#contentlist strong a, #versionlist strong a { background: transparent url(../icons/active.gif) no-repeat 0.1em 0.3em; color: #333; }
#features a.article { display: block; padding: 0.2em 0.2em 0.3em 19px; }
#features div.article-brief { max-width: 40em; margin-bottom: 0.5em; padding: 0 1em 1em; background: transparent url(../images/hline_dotted_666.gif) repeat-x bottom left; color: #333; }
#features div.article-brief.disabled { margin-right: 1px; background-color: #ffc; color: #666; }
#features div.article-brief a:hover { background-color: transparent; }
#steps li { display: block; height: 28px; margin: 1em; padding: 15px 0 0 46px; background: transparent url(../images/steps_off.gif) no-repeat 0px 0px; }
* html body #steps li { height: 43px; } /* Workaround for IE5/Win broken box model */
* html body #st\eps li, * html > body #steps li { height: 28px; } /* Reset for IE6/Win and IE5/Mac */
#steps li.current { background-image: url(../images/steps_on.gif); color: #000; }
#steps li#step1 { background-position: 0px 0px; }
#steps li#step2 { background-position: 0px -42px; }
#steps li#step3 { background-position: 0px -86px; }
#steps li#step4 { background-position: 0px -110px; }
#userbio img { float: left; margin: 0 0.4em 0.4em 0; }
div.date { margin: 0.8em 0.1em 0.1em; color: #666; font: normal 0.95em/100% Georgia, Times, "Times New Roman", serif; }

/* Headers */
h1 { font-size: 1.7em; line-height: 110%; margin: 0 0 0.5em; }
h2 { font-size: 1.2em; padding: 0; letter-spacing: 0.1em; }
h2.label-article { margin: 0; padding: 0.4em 0.4em 0.4em 19px; background: #366 url(../icons/file.gif) no-repeat 0.2em 0.2em; color: #fff; font: bold 0.95em/120% Verdana, Arial, sans-serif; }
h2.label-imc { margin: 0; padding: 0.4em 0.4em 0.4em 19px; background: #333 url(../icons/imc.gif) no-repeat 0.2em 0.2em; color: #fff; font: bold 0.95em/120% Verdana, Arial, sans-serif; }
h2.label-focus { margin: 0; padding: 0.4em 0.4em 0.4em 19px; background: #963 url(../icons/focus.gif) no-repeat 0.2em 0.2em; color: #fff; font: bold 0.95em/120% Verdana, Arial, sans-serif; }
h2.label-search { margin: 0; padding: 0.4em 0.4em 0.4em 19px; background: #666 url(../icons/search.gif) no-repeat 0.2em 0.2em; color: #fff; font: bold 0.95em/120% Verdana, Arial, sans-serif; }
h2.label-user { margin: 0; padding: 0.4em 0.4em 0.4em 19px; background: #636 url(../icons/user.gif) no-repeat 0.2em 0.2em; color: #fff; font: bold 0.95em/120% Verdana, Arial, sans-serif; }
h3 { margin: 0.5em 0 0; padding: 0; color: #333; font: normal bold 0.95em/100% Verdana, Arial, sans-serif; }
h3.sublabel { margin: 0 0 1px 0; padding: 0.3em; background-color: #ddd; color: #333; font: normal 0.95em/100% Georgia, Times, "Times New Roman", serif; border: 1px outset #fff; text-align: center; }

/* Links */
a { line-height: 130%; }
a:link { color: #339; text-decoration: underline; }
a:visited { color: #009; text-decoration: underline; }
a.add { display: block; padding: 0.2em 0.2em 0.3em 19px; background: transparent url(../icons/add_file.gif) no-repeat 0.1em 0.1em; }
a.article { background: transparent url(../icons/file.gif) no-repeat 0.1em 0.1em; color: #336; }
a.list, span.list { background: transparent url(../icons/list.gif) no-repeat 0.1em 0.1em; color: #336; }
a.document { background: transparent url(../icons/file_pdf.gif) no-repeat 0.1em 0.1em; color: #336; }
a.photo { background: transparent url(../icons/file_photo.gif) no-repeat 0.1em 0.1em; color: #336; }
a.video { background: transparent url(../icons/file_video.gif) no-repeat 0.1em 0.1em; color: #336; }
a.audio { background: transparent url(../icons/file_audio.gif) no-repeat 0.1em 0.1em; color: #336; }
a.comment { background: transparent url(../icons/comment.gif) no-repeat 0.1em 0.1em; color: #336; }
a.focus { background: transparent url(../icons/focus.gif) no-repeat 0.1em 0.1em; color: #963; }
a.imc { background: transparent url(../icons/imc.gif) no-repeat 0.1em 0.1em; color: #333; text-decoration: none; }
a.user, span.user { background: transparent url(../icons/user.gif) no-repeat 0.1em 0.1em; color: #636; }
a.task { background: transparent url(../icons/task.gif) no-repeat 0.1em 0.1em; color: #060; }
a.version { background: transparent; color: #336; }
a.helptext { display: block; padding: 0.4em 0.4em 0.5em 19px; background: transparent url(../icons/help.gif) no-repeat 0.1em 0.3em; color: #60c; font-size: 0.95em; text-decoration: none; }
a.helptext:hover { background-color: #00f; color: #fff; }
a.admin { display: block; padding: 0.2em 0.2em 0.3em 19px; background: #ff9 url(../icons/edit.gif) no-repeat 0.1em 0.1em; }
a:hover { background-color: #ffc; text-decoration: none; }
a:active { color: #999; }

/* Admin */
div.adminbox, div.adminbox tr { background-color: #ff9; }
div.adminbox input.featured { margin-left: 18px; }

/* Minor justifications */
#imclist a:hover { background-color: transparent; text-decoration: underline; }
div.infotext { display: block; padding: 0.4em 0.4em 0.4em 19px; background: transparent url(../icons/info.gif) no-repeat 0.1em 0.3em; color: #c06; font-size: 0.95em; text-decoration: none; }
.left { padding: 0.3em; text-align: left; }
.center { padding: 0.3em; text-align: center; }
.right { padding: 1em 2em; text-align: right; }
.hidden { display: none; }
p.disabled { color: #666; }
a.inline { display: inline; }
a.linebefore { margin-top: -1px; margin-bottom: -1px; padding-bottom: 0.5em; border-top: 1px dotted #999; }
a.lineafter { margin-left: 19px; margin-bottom: -1px; padding-bottom: 0.5em; border-bottom: 1px dotted #999; }
span { display: inline; padding: 0.2em 0.2em 0.2em 19px; }
span.password { background: transparent url(../icons/password.gif) no-repeat 0.1em 0.1em; color: #636; }

/* Wrappers */
#main div.wrapper-left { float: left; width: 50%; background: transparent url(../images/vline_dotted_666.gif) repeat-y top right; }
#main div.wrapper-right { float: right; width: 77%; }
#focus-info div.wrapper-right { float: right; width: 49.99%; }