/* 
	Theme Name: Portal GOL
	Description: Museu do Grémio do Oriente Lusitano
	Author: Ricardo Silva
	Author URI: http://www.excess.pt
	Version: 1.0
*/

/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
html { }
.hidden, .low {display:none;}


/* body
--------------------------------------------------*/
body {text-align:center; margin:0 auto; font-family: Tahoma, Georgia, "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-size: 85%; color:#555; background:#f3f3f3 url(img/bg2.gif) top repeat-x;}
body#commentspopup {padding:0; background:white;}


/* headings
--------------------------------------------------*/
h1, h1 a {font-size:1.3em; color:#fff;}
h1 a:hover {color:#fff;}
h2, h2 a, h3 a, h4 a {color:#80151a; margin:0 0 0px 0; font-size:1em;}
h2 a:hover, h3 a:hover, h4 a:hover {color:#900;}

/* You may have to adjust the positions of these header elements depending on how many navigation menu items
you have.  As they are right now is the artistic impression the theme was meant to have, but if you need to you can 
move the h1 to be bottom:30px; or so depending on how far up you want to move it.
*/
#header h1 {/*display:none;*/ position:absolute; right:4px; bottom:4px;}
#header h3 {/*display:none;*/ font-size:1.1em; position:absolute; left:5px; top:2px;}
#content h2 {font-size:1.6em; margin:10px 0 0px 0;}
#content h4 {margin:0;}
#content.archive h3 {font-size:1.3em; font-weight:normal; margin:10px 0 0px 0;}
#content.archive h5 {margin:0;}
#contentpage h2 {font-size:1.6em; margin:10px 0 0px 0;}
#contentpage h4 {margin:0;}
#contentpage.archive h3 {font-size:1.3em; font-weight:normal; margin:10px 0 0px 0;}
#contentpage.archive h5 {margin:0;}
#contentpagex h2 {font-size:1.6em; margin:10px 0 0px 0;}
#contentpagex h4 {margin:0;}
#contentpagex.archive h3 {font-size:1.3em; font-weight:normal; margin:10px 0 0px 0;}
#contentpagex.archive h5 {margin:0;}

/* links
--------------------------------------------------*/
a img {border:none;}
a {color:#C3A54D; text-decoration:none;}
a:hover {color:#700;}
a.commentlink {padding-left:15px; background:url(images/comments.gif) center left no-repeat;}
a.more {padding-right:10px; background:url(images/more.gif) center right no-repeat;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {margin:0; padding:10px 0 10px 0;}
ul {margin:0 0 0 1.4em; padding:0 0 15px 0;}
ul ul {padding:0;}
blockquote {color: #777; margin:0; padding:0 15px; border-left:4px #777 solid; font-style:italic;}
pre {overflow:auto; margin:0 0 15px 0; padding:4px; background-color:#FAF8F2; font-family:Courier, Monaco, monospace;}
kbr {color:#990; font-family:Courier, Monaco, monospace; padding:0 2px;}
abbr, acronym {font-size:0.9em; letter-spacing:1px;}
code {background-color:#EEE; font-family:Courier, Monaco, monospace; padding:0 2px;}


/* images
--------------------------------------------------*/
img {border:0px solid #d0d0d0;float:left;margin:3px 10px 3px 0;}
img.left {float:left; margin:0 12px 0 0;}
img.right {float:right; margin:0 0 0 12px;}
img.center {display: block; margin:0 auto;}


/* container
--------------------------------------------------*/
#container {position:relative; top:0px; width:700px; height:100%; margin:0 auto; background:#FFF; bottom:0;}
* html #container, * html #content, * html #subcontent, * html #main {
	height: 100%; /* for IE because it doesn't do min-height */
	}
* html #subcontent, * html #content {
	overflow: hidden; /* this way IE doesn't mess with our sizes */
}
#commentspopup #container {
  width:440px;
  padding:0 15px;}


/* header
--------------------------------------------------*/
#header {position:relative; height:250px; text-align:left; width:700px; border-color:#777 #555 #888 #555; border:0px solid; background:#80151a url(images/head.jpg) no-repeat;}


/* navigation
--------------------------------------------------*/
#navigation {position:absolute; bottom:-1px; line-height:1.4em; background: transparent;}
#navigation ul {padding:0; margin-left:7px;}
#navigation li {float:left; margin-left:3px; list-style-type:none; white-space:nowrap;}
#navigation li a {display:block; color: #aaaaaa; padding:0 8px; font-size:0.8em; letter-spacing:1px; border-top:#aaa 1px solid; border-right: #888 1px solid; border-bottom: 0; border-left:#aaa 1px solid;}
#navigation li.selected a {background-color:#80151a; color:#eee; border-bottom:none;}
#navigation a:hover {color:#fff; background:#333;}
#navigation li.selected a:hover {color:#c00; background-color:#600;}
* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


/* main
-------------------------------------------------*/
#main {position:relative; display:block; text-align:left; width:700px; border-top:#80151a 0px solid;
  height: auto; /* pushing the footer below content when longer then window */
  min-height: 100%; /* for modern browsers, to push the footer down to the bottom of the window */
  background: #fff url(images/shading.gif) top repeat-x;
  padding-top:0px;
}

/* content
--------------------------------------------------*/
#content {padding:10px 20px 20px 25px; float:left; position:relative; display:block; width:575px; line-height:1.4em;}
#content ul, #content li {/*list-style:none;*/}
/* .singlecol #content {float:none; width:550px; margin:0 70px;} */
#commentspopup #content {float:none; padding-top:0;}

/* contentpage
--------------------------------------------------*/
#contentpage {padding:0px 0px 0px 0px; position:relative; display:block; line-height:1.4em;}
#contentpage ul, #contentpage li {/*list-style:none;*/}
/* .singlecol #contentpage {float:right; width:420px; margin:0 0px;} */
#commentspopup #contentpage {float:none; padding-top:0;}

/* contentpagex
--------------------------------------------------*/
#contentpagex {padding:0px 20px 20px 25px; float:right; position:relative; display:block; width:420px; line-height:1.4em; font-size: 95%;}
#contentpagex ul, #contentpagex li {/*list-style:none;*/}
/* .singlecol #contentpagex {float:none; width:550px; margin:0 70px;} */
#commentspopup #contentpagex {float:none; padding-top:0;}

/* entry
--------------------------------------------------*/
.entry {padding-bottom:15px; margin-bottom:20px; font-size:95%; border-bottom: dotted 1px #eee; }
.entry .info {position:relative; padding:1px; border:1px solid; font-size:0.9em; border-color:#ddd; background-color:#f4f4f4; line-height:1.3em;}
.entry.single {clear:both;}
.entry .info a {margin-right:6px; padding-right:9px; border-right:1px solid; border-color:#949494;}
.entry .info em {padding-right:6px; font-style:normal;}
.entry .author,
.entry .editlink a {padding:0 0 0 5px; border-left:1px solid; border-right:none;}
.entry #filedunder {clear:both; padding:3px 0 0 0; font-size:0.9em;}
.entry a.more {padding-left:12px; background:url(images/more.gif) center left no-repeat;}
.entry .info .date {padding-left:15px; background:url(images/post.gif) center left no-repeat;}
.entry .info .author {padding-left:23px; border-color:#949494; background:url(images/author.gif) 10px 2px no-repeat;}


/* comments
--------------------------------------------------*/
#comments {border:#ddd 1px solid; margin:10px; padding:10px;}
#comments h2 {margin-bottom:24px;}
#comments h2 a {margin-left:2px; padding-left:6px; border-left:1px solid; font-family:Georgia, Arial,Helvetica,sans-serif; font-size:0.55em; color:#873;}
#comments ul {margin:0 0 0 20px;}
#comments li {position:relative; margin-bottom:18px;}
#comments li p {padding:0 0 10px 0;}
#comments .header {position:relative; min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0; padding:3px 6px; background-color:#eee;}
* html #comments .header {height:19px;} /* IEWin */
#comments .header strong {}
#comments .header .gravatar {position:absolute; top:1px; right:1px;}
#comments li.comment {list-style-image:url(images/comments.gif);}
#comments li.trackback,#comments li.pingback {list-style-image:url(images/pingtrackback.gif);}
#commentform {background-color:#eee;}
#comments .header.alt {background-color:#eee;}


/* form
--------------------------------------------------*/

form {line-height:1em;}
#commentform, #contactform {margin-bottom:30px; padding:10px;}
form fieldset {border:0 solid;} /* Opera */
form p {padding:3px 6px 3px 6px; border-bottom:1px solid; border-color:white;}
form label {display:block; float:left; width:60px; color:#873;}
form em {margin-left:5px; font-size:0.9em; font-style:normal;}
#commentform input, #contactform input, 
#commentform textarea , #contactform textarea {
  padding:2px; width:190px; border:1px solid; font-family:Georgia,Arial,Helvetica,sans-serif;
  font-size:0.9em; border-color:#ccc #eee #eee #ccc; overflow:auto; color:#414141;}
#commentform input {width:180px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:325px;}
* html #commentform textarea {width:340px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:340px;} /* IE WIN; but why? */
#commentform .button {margin-left:90px; width:170px !important; border-bottom:1px solid; font-weight:bold;}
#contactform .button {margin-left:75px; width:170px !important; border-bottom:1px solid; font-weight:bold;}
form .hiddenfield {display:none;}
form .info {padding-left:90px;}
form em {color:#C8C8B4;}


/* archives
--------------------------------------------------*/
.archive .postspermonth {margin:0; list-style:none; color:#A0A0A0;}


/* search
--------------------------------------------------*/
#search {height: 40px;}
#search form .searchfield {background: #fff; border: 1px solid #C3A54D;	color: #222; margin-left:15px; padding:0px 10px 0px 5px; width:110px;}
#search form .searchfield:hover {border: 1px solid #811; color: #949494;}
#search form .submit {background: url(images/lupa.gif); position:absolute; border: 0; width:14px; height:13px; margin-left: 5px; text-indent: -9999px; cursor: pointer;}


/* content misc
--------------------------------------------------*/
.next a {float:right; padding-right:10px; background:url(images/next.gif) center right no-repeat;}
.previous a {float:left; padding-left:10px; background:url(images/previous.gif) center left no-repeat;}
#entrynavigation {overflow: auto; height:1%; margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid; font-size:0.9em; border-color:#F3F4F4;}
.editlink {position:absolute; height:14px; width:14px; right:2px; background:url(images/edit.gif) 0 -14px;}
html>body .editlink {bottom:6px;}
.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block; height:14px; width:14px; margin:0; padding:0; border:none;
  font-size:1px; /* IEWin */
  line-height:0px; /* IEWin */
  text-indent:-9999px; background:url(images/edit.gif) 0 0;}
.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}


/* subcontent
--------------------------------------------------*/
#subcontent {float:right; display:block; position:relative; width:70px; padding:0px; background-color: rgb(216, 217, 219);; font-size:0.9em; border-left: 2px dashed rgb(170, 170, 170)}
#subcontent ul {margin:0 5px;}
#subcontent p {padding:10px; margin:5px 0 25px 0; text-align:center; background:#fff; border:#dadada 1px solid;}
#subcontent h2 {background:url(images/cube.gif) no-repeat; background-position:left; color: #80151a; font-size: 1.1em; margin: 10px 10px 0 10px; padding:0 0 0 20px;}
#subcontent h2 em {display:block; padding:5px 5px; font-style:normal;}
#subcontent ul li {margin:2px 10px 2px 30px; padding: 0 2px 0 2px;}
#subcontent li a {display:block; padding:1px 0; height:1%; /* IE WIN */}
#subcontent ul.categories li ul {margin:0;}
#subcontent ul.categories li li {margin:0; padding:0 0 3px 0; border-bottom:none; list-style-image:url(images/sub_categories.gif);}
#subcontent ul.categories li ul ul {margin:0 0 0 16px;}
#subcontent li a:hover {background-color:#fff; border-right:#ddd 5px solid;}

/* subcontentpage
--------------------------------------------------*/
#subcontentpage {float:left; display:block; position:relative; width:200px; padding:10px; font-size:0.9em; text-align:right; border:#ddd solid 0px; margin-right:-3px;/* <--- stupid IE overflow hack */ right:-10px; margin-bottom:10px;}
#subcontentpage ul {margin:0 5px;}
#subcontentpage p {padding:10px; margin:5px 0 0px 0; text-align:center; background:#fff; border:#dadada 1px solid;}
#subcontentpage h2 {background:url(images/cube.gif) no-repeat; background-position:left; color: #80151a; font-size: 1.1em; margin: 10px 10px 0 10px; padding:0 0 0 20px;}
#subcontentpage h2 em {display:block; padding:5px 5px; font-style:normal;}
#subcontentpage ul li {margin:2px 10px 2px 30px; padding: 0 2px 0 2px;}
#subcontentpage li a {display:block; padding:1px 0; height:1%; /* IE WIN */}
#subcontentpage ul.categories li ul {margin:0;}
#subcontentpage ul.categories li li {margin:0; padding:0 0 3px 0; border-bottom:none; list-style-image:url(images/sub_categories.gif);}
#subcontentpage ul.categories li ul ul {margin:0 0 0 16px;}
#subcontentpage li a:hover {background-color:#fff; border-right:#ddd 5px solid;}
#subcontentpage ul.pages li {list-style-image:url(images/post.gif);}
#subcontentpage ul.categories li,
#subcontentpage ul.months li {list-style-image:url(images/categories.gif);}
#subcontentpage ul.links li {list-style-image:url(images/external.gif);}
#subcontentpage ul.feeds li {list-style-image:url(images/tv.gif);}
#subcontentpage ul.posts li {list-style-image:url(images/post.gif);}
#subcontentpage ul.email li {list-style-image:url(images/envelope_ver3.gif);}
#subcontentpage ul.im li {list-style-image:url(images/pingtrackback.gif);}

/* footer
--------------------------------------------------*/
#footer {clear:both; text-align:center; position:relative; color:#aaa; /*bottom:15px;*/ margin-top:15px; font-weight:bold; font-size:x-small;}
#footer p {margin:4px; padding:4px;}

	
.warning p { /* Used on the search page (image will appear if no result is found) */
	background: url(images/warning.gif) no-repeat left;	height: 160px; padding: 20px 0 0 90px; font-size: 1.5em; margin: 0 0 0 10px;}
.clr {clear:both; overflow:hidden; width:1px; height:1px; margin:0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0px;}
* html .pkg { display:block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display:block; }
/* */

