* {margin:0px; padding:0px; font-family:times;}

body {  background: #83cff3 url(/img/body-background.png) repeat-y fixed top center;}
a { color:#0080FF;}
a:hover { color:#0000FF;}
img {border:0px;}
p {margin:6px 0; }
hr { display:none; }


.cb {clear:both;}
.cb:after { content: ""; display: block; height: 0; clear: both; }
.fr { float:right; }
.reverse {background:#333; color:white; padding:5px; margin:10px 0;}
/*.cake-sql-log { display:none;}*/

#header { background: #7bc3e5 url(/img/header-background2.png) repeat-y fixed top center; height: 150px;  }
#wrap { width: 930px; margin:0px auto; clear:both; margin-top:20px;}
#header-wrapper { width: 900px; margin:0px auto; }

#header img { float:left; margin-top:5px; }
#header h1 {  font: 350% "Garamond","Georgia", "Times", "Times New Roman"; float:left; padding:15px 0 0 25px;}

#search-bar {padding-top:22px; margin-left:7px; font: 90% "Garamond","Georgia", "Times", "Times New Roman";float:right;}
#ArticleSearch > .input > input { padding:3px; padding-left:24px; width:150px; background: #fff url(/img/magnifier.png) no-repeat scroll 3px 3px; border:1px inset #aaa;}


#menu { float:left; padding-top:10px; margin-left:90px; font: 116% "Garamond","Georgia", "Times", "Times New Roman";}
#menu > ul { list-style-type: none; margin-top:104px; width:100%; }
#menu > ul > li { float:left; margin-left:7px; padding:10px; background:white;}


#content { width:73%; float:left;}
#content > #intro > #intro-text > p:first-child { margin-bottom:6px;}
#content > #intro > #intro-text {font-size:108%; text-align:justify; line-height:1.6em; padding:20px 0 10px 0;  margin:0 26px 40px 125px; border-bottom:10px solid #efefef;}
#content > #intro > #img-container {padding:28px 0 0 15px; float:left;}
#content > #intro > #img-container > img { border:4px solid #efefef;}
#flashMessage { padding:8px; font-size:116%; color:#111; border:2px solid #ccc; margin:10px 0 25px 0;}
.warn { padding:8px; font-size:116%; color:#111; background:#ffffcf;; margin:10px 0 25px 0;}


#this-volume { clear:both; }
#this-volume h2 {  font: 170% "Garamond","Georgia", "Times", "Times New Roman"; padding:10px 0 0 0; }
#this-volume > h2 { padding:10px 15px 0 18px; }
#this-volume > h3 { padding:0 18px; }
#this-volume h3 {  font: 108% "Garamond","Georgia", "Times", "Times New Roman"; color:#adadad; }

.artigo {width:95%; margin:0px auto; margin-top:50px; clear:both; border-bottom:3px solid #dfdfdf; border-top:3px solid #f1f1f1; }
.artigo-left { float:left; width:78%;  background:white; position:relative; min-height:110px;}
.artigo-right { float:right; width:22%; background:#f1f1f1;  position:relative; min-height:110px;}

.artigo-left > h2 {font-size: 150%; margin:0 5px 50px 5px; color:#333;}
.artigo-left > a {position:absolute; bottom:15px; left:5px;}
.artigo-left > .pdf_link { background: #FFFEE2 url(/img/pdf.png) no-repeat 0 center; padding-left:26px; min-height:25px; float:right; margin:0 10px 0px 0; position:absolute; bottom:15px; right:5px;}
.artigo-left > .pdf_link > a {padding:9px 9px 5px 0px; display:block;}
.abstract {clear:both; line-height:1.6em; background: #fafafa; border-bottom:3px solid #dfdfdf; width:95%; margin:0px auto; }
.abstract > p { padding:10px; margin-top:0; }

.artigo-right > div { font: 100% "Garamond","Georgia", "Times", "Times New Roman"; color:#333; line-height:1.3em; padding:10px;}

.admin table {padding:0px; margin:0px; }
.admin table th {color:white; background:#333; padding:5px; margin:0px;}
.admin table td { padding:10px; }
.admin > .no-records {margin:15px 0; font-size:108%;}

.edit > form { padding:10px 0;} 
.edit > form > div {clear:both;}
.edit > form input {clear:both; display:block; padding:2px; margin:0 10px 20px 10px; float:left;} 
.edit > form textarea {clear:both; display:block; padding:2px; margin:0 10px 20px 10px; float:left;} 

.edit > form > .text > input { width:320px;}
.edit > form > .textarea > textarea { width:320px;}
.edit > form > .submit > input { margin-top:15px;}
.edit > div {font-size:108%; padding:7px 0;}
.edit .tip { color:#666;}
.edit .delete a { color:red; font-size:60%;}
.form-error { border:1px inset red;}

.login > form { padding:10px 0;} 
.login > form > div {clear:both;}
.login > form input {clear:both; display:block; padding:2px; margin:0 10px 20px 10px; float:left;} 
.login >#flashMessage { color:red; font-size:108%; padding:5px;}


#go-to {font-size: 108%;margin:20px 10px; padding-top:10px; border-top:3px solid #bfbfbf;}
#go-to > ul { list-style-type: none;}
#go-to > ul > li { float: left; padding: 7px; margin:5px; background:#efefef;}
#go-to > ul > li:hover { background:white;}



#sidebar { width:27%; float:right }
#sidebar > .hr { margin:40px 0; border:0px; background: url(/img/separador.png) no-repeat center center; width:100%; height:50px; }

#sidebar ul {}
#sidebar li {color:#111; margin:3px 0;}

#isbn { padding:30px 0px 30px 0; text-align:center; background:white url(/img/isbn-background.png) no-repeat scroll center center; font-size:108%; font-weight: bold; margin-top:20px;}

#events { margin:0px 35px; }
#events h2 {font: 180% "Garamond","Georgia", "Times", "Times New Roman"; color:#666;}
#events ul {padding:8px 0 0 2px; font-size: 108%; line-height:1.3em;}
#events > ul > li > span { margin: 3px 0 16px 0; display:block; font-size:90%;}

#indexing { margin:0px 35px; }
#indexing h2 {font: 180% "Garamond","Georgia", "Times", "Times New Roman"; color:#666;}
#indexing ul {padding:8px 0 0 2px; font-size: 108%; line-height:1.3em;}

#footer {width: 930px; margin:0px auto; clear:both; margin-top:50px; color:grey; background:#efefef; padding:5px;}
#footer span {float:left;}
#footer a {color:#666;}
#footer a:hover{color:#111};

#submitting, #board {  }
#submitting > p, #board > p { font-size: 108%; margin-top:20px; line-height: 1.6em; text-align:left;}
#submitting > h2 , #board > h2, #backissues > h2 { font: 200% "Garamond","Georgia", "Times", "Times New Roman"; padding:5px 0; }
#submitting > h3 , #board > h3 { font: 130% "Garamond","Georgia", "Times", "Times New Roman"; padding:12px 0 0 0; color:#666;}

#submitting .vcard , #board .vcard { margin:10px 0 10px 10px;}
#submitting .vcard .given-name, #submitting .vcard .country-name { font-weight:bold;}
#board .vcard .given-name, #board .vcard .country-name { font-weight:bold;}
#submitting blockquote, #board blockquote { margin:10px 0 10px 10px; font-style: italic;}

#board > #float-container > div.vcard { float:left;  margin:10px 100px 10px 10px;}
#board > ul { margin:10px 25px; }
#board > ul > li { padding-bottom:10px; }

#backissues > .year, #backissues > .year-header { margin:15px 0; font-size:116%;}
#backissues > .year > .year-number { padding:4px 6px; color:white; background:#222; margin-right:5px;}
#backissues > .year > .issue-number { padding:4px 6px; border:1px solid #dfdfdf; margin-left:2px;}
#backissues > .year > .issue-number:hover { background: #efefef; }

#backissues > .year-header > .year {padding:4px 6px; color:#AAA; font-style: italic;  margin-right:5px;}
#backissues > .year-header > .issue {padding:4px 6px; color:#AAA; font-style: italic; margin-left:2px;}
#backissues .hr { padding:15px 0; margin-bottom:15px; border-bottom:5px solid #efefef;}

ul#article-list{list-style-type:none; border:1px solid #dfdfdf; padding:3px;}
ul#article-list li{border-left:15px solid #cfcfcf; background:#efefef; cursor:move; margin:5px; padding:8px;}

.admin #status { padding:10px; width:95%; background:#efefef; margin:5px;}