/* 
    Document   : style
    Created on : 15/Jul/2009, 10:43:03
    Author     : Duarte Peixinho
    Description:
    Purpose of the stylesheet follows.
*/

body {
    margin:0px;
    height:100%;
    min-width:1000px;
    text-align:center;
    font-family:verdana;
    font-size:10px;
    background-image:url(../images/bg_wrapper.gif);
}

html, body, #wrap {height:100%;}

body > #wrap {
        min-height:100%;
        height:100%;
        margin:0;
        padding:0;
        font-family:sans-serif;
    }

#main {        
        width:1000px;
        margin:auto;        
        height:100%;
}  /* must be same height as the footer */
#pageContent {
    background-image:url(../images/bg_content.png);
}
#footer {
    position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
    text-align: center;  
    background-color:#464646;
    line-height:30px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    color:#C4C4C4;
}
#menuContent {
    
}
#header {
    height:150px;
    width: 100%;
    text-align:left;
    background-image:url(../images/bg_header.png);
}
#headerLeft {
    height:150px;
    width:700px;
    float:left;
}
#headerRight {
    height:135px;
    width:270px;
    text-align:center;
    float:left;
    margin:10px;
    border: 5px solid white;
    margin-top:5px;
    margin-bottom:0px;
}
#content {
    width: 670px;
    margin-left:5px;
    background-color:white;
    padding:5px;
	padding-left:10px;
	padding-right:10px;
    text-align:justify;
    font-size:10pt;
    margin-bottom:5px;
	padding-bottom:20px;
}
#menu {
    margin-top:0px;
    width:700px;
}
#menuOptions {
    text-align:right;
    height:45px;
    line-height:45px;
    padding:5px;
}
#leftContent {
    width: 700px;
    float:left;
    text-align:left;
}
#posts {
    float:left;
    width:300px;
    text-align:left;
    height:auto;
    margin-bottom:10px;
    margin-top:0px;
}
#postsContent {
    padding:10px;
    padding-top:5px;
    color:#C4C4C4;
    text-align:justify;
    font-size:10pt;
}
#iconTwitter {
    margin-left:15px;
}
.iconsLinks {
    float:left;
    margin-top:35px;
    margin-left:10px;
    height:70px;
    clear:right;
}
.optionContent {
   background-color:#2D2D2D;
   padding:5px;
   padding-left:20px;
   text-align:justify;
   font-size:10pt;
   padding-bottom:20px;
}
.optionFrame {
    width:680px;
    margin-left:5px;
    background-color:white;
    margin-bottom:0px;
    padding:5px;
    color:#C4C4C4;
}
#close {
    width:692px;
    margin-left:5px;
    height:45px;
    text-align:center;
    margin-top:5px;
    margin-bottom:0px;
}
#twitter_div {
    margin-top:5px;
    border:5px solid white;
    padding:5px;
}
.inputTextSearch {
    background-color:#35211F;
    color:#C4C4C4;
    width:185px;
    height:28px;
    border:5px solid white;
    font-family:sans-serif;
    font-size:14pt;
    vertical-align:middle;
    padding-top: 6px;
    padding-left:5px;
    font-weight:bold;
}
.inputButtonSearch {
    background-color:#35211F;
    color:#C4C4C4;
    width:75px;
    height:45px;
    border:5px solid white;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    font-weight:bold;
    text-align:center;
}
.linkPost {
    cursor:pointer;
}
.sidebar-title {
    margin-top:0px;
    margin-bottom:0px;
    cursor:pointer;    
}
#twitter_update_list {    
    margin-left: 0px;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
#twitter_update_list li {   
    padding:5px;
    margin-bottom:5px;
    border:1px dotted #C4C4C4;
}
#twitter_update_list A:link {text-decoration: none;color:#C4C4C4}
#twitter_update_list A:visited {text-decoration: none;color:#C4C4C4}
#twitter_update_list A:active {text-decoration: none;color:#C4C4C4}
#twitter_update_list A:hover {text-decoration: underline;color:#C4C4C4}

.twittwer_update_list_li {
    margin-left: 20px;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
    list-style-type:none;
}
.twitter-link-follow {
    display:block;
    text-align:right;
}
.twitter-link-follow A:link {text-decoration: none;color:#C4C4C4}
.twitter-link-follow A:visited {text-decoration: none;color:#C4C4C4}
.twitter-link-follow A:active {text-decoration: none;color:#C4C4C4}
.twitter-link-follow A:hover {text-decoration: underline;color:#C4C4C4}
.linkPost {
    margin-bottom:0px;
}
.postDate {
    margin-top:0px;
	color:#B1B1B1;
}
.postTitle {
	margin-bottom:0px;
}
.postLine {
    height:0px;
    border-bottom:dotted 1px #C4C4C4;
    border-top:0px;
    width:80%;
}
.comments {
	border: 1px solid #35211F;
    color:#35211F;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    padding-top: 8px;
    padding-left:5px;
    font-weight:bold;
	margin-bottom: 5px;
	margin-left:1px;
}
#textComment {
	width:500px;
}
#textContact {
	width:500px;
}
.buttonComment {
    background-color:#35211F;
    color:#C4C4C4;
    width:150px;
    height:25px;
    border: 1px solid #35211F;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    font-weight:bold;
    text-align:center;
	margin-left:1px;	
}
.contacts {
	background-color:#C4C4C4;
	border: 2px solid #35211F;
    color:#35211F;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    padding-top: 8px;
    padding-left:5px;
    font-weight:bold;
	margin-bottom: 5px;
	margin-left:1px;
}
.formERROR {
	background-color:#993333;
}
.buttonContacts {
    background-color:#35211F;
    color:#C4C4C4;
    width:150px;
    height:25px;
    border: 2px solid #35211F;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    font-weight:bold;
    text-align:center;
	margin-left:1px;
}
.optionsLabel {
	margin-left:0px;
}
.commentDivBright {
    background-color:#E1E1E1;
    padding:5px;
    margin-bottom:5px;
    width:660px;
}
.commentDivDark {
    background-color:#C4C4C4;
    padding:5px;
    width:660px;
    margin-bottom:5px;
}
.commentH3 {
    margin-top:5px;
    margin-bottom:0px;
    width:400px;
    float:left;
}
.commentDate {
    text-align:right;
    font-family:sans-serif;
    font-size:8pt;
    margin-top:5px;
}
.error {
	padding-top:50px;
	position:absolute;
	z-index:2;
	background-color:#993333;
	margin-left:170px;
	margin-top:-270px;
	width:300px;
	height:150px;
	text-align:center;
	border:5px solid #35211F;
	font-size:9pt;
	color:#C4C4C4;
	display:none;
}
.errorH2 {
	margin-bottom:5px;
}
.sending {
	padding-top:50px;
	position:absolute;
	z-index:2;
	background-color:#35211F;
	margin-left:170px;
	margin-top:-270px;
	width:300px;
	height:150px;
	text-align:center;
	border:5px solid #35211F;
	font-size:9pt;
	color:#C4C4C4;
	display:none;
}
.sendingH2 {
	margin-bottom:5px;
}
.postBigTitle {
	margin-bottom:0px;
}

#selectGallery {
    background-color:#35211F;
    color:#C4C4C4;
    width:350px;
    border:2px solid white;
    font-family:sans-serif;
    font-size:10pt;
    vertical-align:middle;
    font-weight:bold;
    text-align:left;
    padding-right: 5px;
    padding-top:5px;
    padding-bottom:5px;
}
.selectOptionGallery {
    background-color:#35211F;
    font-size:10pt;
    font-family:sans-serif;
    font-weight:bold;
    vertical-align:middle;
    border:0px;
}

.linkPage A:link {text-decoration: none;color:#C4C4C4}
.linkPage A:visited {text-decoration: none;color:#C4C4C4}
.linkPage A:active {text-decoration: none;color:#C4C4C4}
.linkPage A:hover {text-decoration: none;color:#C4C4C4}

.iconsLinks A:link {text-decoration: none;}
.iconsLinks A:visited {text-decoration: none;}
.iconsLinks A:active {text-decoration: none;}
.iconsLinks A:hover {text-decoration: none;}

.postsLink A:link {text-decoration: none; color:#C4C4C4}
.postsLink A:visited {text-decoration: none; color:#C4C4C4}
.postsLink A:active {text-decoration: none; color:#C4C4C4}
.postsLink A:hover {text-decoration: underline; color:#C4C4C4;}

.linkComment A:link {text-decoration: none; color:#000000;}
.linkComment A:visited {text-decoration: none; color:#000000;}
.linkComment A:active {text-decoration: none; color:#000000;}
.linkComment A:hover {text-decoration: underline; color:#000000;}

.noLink A:link {text-decoration: none;}
.noLink A:visited {text-decoration: none;}
.noLink A:active {text-decoration: none;}
.noLink A:hover {text-decoration: none; color:#000000;}

.postsDivs A:link {text-decoration: none;color:#C4C4C4}
.postsDivs A:visited {text-decoration: none;color:#C4C4C4}
.postsDivs A:active {text-decoration: none;color:#C4C4C4}
.postsDivs A:hover {text-decoration: underline;color:#C4C4C4}

.mainPost img {
	padding: 2px;
	border: 5px solid #C4C4C4;
}

.optionContent img {
	padding: 2px;
	border: 5px solid #C4C4C4;
}
.gifLoad {
border: 0px;
}
A:link {text-decoration: none;color:#646464}
A:visited {text-decoration: none;color:#646464}
A:active {text-decoration: none;color:#646464}
A:hover {text-decoration: underline;color:#646464}