/*  
Theme Name: Diogo Vasconcelos - White
Theme URI: http://www.diogovasconcelos.eu/index.php
Description: The Diogo Vasconcelos WordPress Theme
Version: 1.0
Author: Oceanlab
Author URI: http://www.oceanlab.pt/
*/


* {
margin:0;
padding:0;
}

html,body {
background:#fff url(images/body_bg.gif) left top no-repeat;
color:#333;
}

body {
font: 11px Georgia, "Times New Roman", Times, serif;
line-height: 16px;
}

h1 {
font-weight: normal;
font-size: 60px;
letter-spacing: -2px;
line-height: 63px;
}

h2 {
font: normal 18px Georgia;
color: #333;

}

h3 {
font: normal 28px Georgia;
color: #333;
padding-bottom: 0;
}

h4 {
font-size:14px;
}

h5 {
font-size:10px;
color:#7f7f7f;
padding-left:1px;
font-weight:400;
}

a {
color:#29ceec;
text-decoration:none;
font-weight: normal !important;
}

a:hover {
color:#ba284d;
font-weight: normal !important;
}

input { font: 11px Georgia, "Times New Roman", Times, serif; color: #333; }
textarea { font: 11px Georgia, "Times New Roman", Times, serif; color: #333; }

#wrapper {
margin:0;
text-align:left;
width:1100px;
/*background: orange*/
}

/* masthead / footer - navigation and categories */
#masthead {
padding: 70px 0 5px 96px;
margin-top:0;
}

#masthead h1 a {
font-weight: normal;
font-size: 60px;
letter-spacing: -2px;
line-height: 63px;
color: #333
}

#masthead h1 a:hover {
color: #ba284d;
}

#masthead p {
font-size: 24px;
color: #29ceec;
line-height: 26px;
margin-top: 3px;
}

#blogInfo {
float: left;
}

#headLinks {
float:left;
padding-top: 12px;
color:#f5f5f5;
}

#headLinks a {
font-size:18px;
color:#2ddfff;
}

#headLinks a:hover {
color:#ba284d;
}

#headLinks ul {
margin:0 0 0 5px;
}

#headLinks ul li {
list-style:none;
display:inline;
margin:0 10px 0 0;
}
#feedRSS {
float: right;
padding-right: 125px;
padding-top: 13px;
}
#feedRSS img {
border: none;
vertical-align: middle;
margin-right: 3px;
}
#subHead {
width:1080px;
height:90px;
border-bottom:1px solid #B8B8B8;
padding-top:-20px;
padding-bottom:5px;
display:none;
}

#headAds {
width:728px;
height:90px;
margin:auto;
display:none;
}

li.top {
border-left:1px solid #DDD;
float:right;
display:block width:100px;
}

li.top a {
width:100px;
}

.nav li.skip a:hover,li.top a:hover {
background:transparent;
color:#333!important;
}

/* main - middle content and columns */
#mid {
}

#mainCol {
float:left;
margin: 26px 10px 0 0;
width: 586px;
overflow:hidden;
/*background: pink;*/
}

#mainCol h3 {
margin-left: 96px;
}
#vids {
padding-left:20px;
}

/* style individual sidebars */
#midCol a {
font-weight:700;
}

#midCol {
color:#444;
float:left;
margin:25px 10px 0 10px;
width:235px;
line-height:1.3em;
/*background: cyan;*/
}

#midCol p {
color:#777;
}

#searchWrap,.middle_links {
margin-bottom:20px;
}

#searchWrap input {
vertical-align:middle;
}
#searchWrap #s {
padding:1px 2px;
margin-right:5px;
width: 85%;
height: 20px;
background: #f2f1ea;
border: 0;
line-height: 18px;
}

.middle_links  {
line-height: 25px;
}

.middle_links h3 {
margin-bottom:5px;
font-weight: normal;
}
.middle_links a{
color: #2ddfff;
font-weight: normal;
}
.middle_links a:hover{
color: #ba284d;
}
#midCol ul {
list-style:none;
margin:8px 0 4px;
}

.middle_links ul li {
color:#fff;
line-height:1.2em;
padding: 2px 0;
}
.middle_links ul li a{
	font-weight: normal !important;
}

.middle_links img {
border:0;
}

.textwidget {
font: normal 11px Georgia;
color: #333!important; 
line-height: 12px;}

.textwidget p {
color: #333 !important; 
margin-top: 5px;
}


#tertCol {
float:left;
width: 239px;
margin: 23px 0 0 10px;
/*background: olive;*/
}

#tertCol p {
}

#tertCol ul {
list-style:none;
margin:8px 0 4px;
}

#elseWhere {
margin:0 0 20px;
line-height: 12px;
}

#elseWhere h3 {
margin-bottom:5px;
}

ul#imgLinks {
list-style:none;
margin:5px 0;
}

#imgLinks li {
color:#7F7F7F;
line-height:1.2em;
padding:0 0 1px;
}

#imgLinks li a img {
border:3px solid #EEE;
width:145px;
height:74px;
color:#333;
font-weight:700;
}

#imgLinks li a:hover img {
border-color:#DDD;
}

#introIMG {
float:left;
clear: both;
margin: 0 0 0 0;
overflow:hidden;
padding-left: 96px;
width: 490px;
padding-bottom: -29px;
}

#introIMG img {
border:none;
width: 490px;
z-index: 100;
}

.postIMG_element {
z-index: 200;
position: relative;
height: 29px;
width: 29px;
margin-top: -29px;
left: 425px;
}

#introIMG .postIMG_element img	{
height: 29px;
width: 29px;
}

/*.rss_links h3 {
margin-bottom:5px;
}*/

.rss_links {
margin-bottom:20px;
color: #333;
}
.rss_links p{
color: #333 !important;
}
.rss_links ul li {
background:url(images/rss.gif) no-repeat 0 3px;
padding:4px 0 4px 20px;

font-size: 10px;
}

.rss_links ul li a{
font-weight: normal !important;
font-size: 11px;
}
.user_links h3 {
margin-bottom:5px;
}

.user_links {
margin-bottom:20px;
}

.user_links ul li {
/*background:url(images/user.gif) no-repeat 0 3px;*/
color:#7F7F7F;
line-height:1.2em;
/*border-top:1px solid #BBB;*/
padding: 2px 0 2px 16px;
}

#featured {
padding:2px;
}

#featured img{
width:90px;
height:90px;
padding:4px;
margin:-2px;
border:1px solid #B6B6B6;
}

/* wordpress entries styling - main content column */
#postMain {
overflow:hidden;
margin-bottom:15px;
margin-top: 5px;
}

.postMeta {
float: left;
font-size:11px;
padding: 15px 25px 10px 0 ;
}

.postMeta span.commentsNr {
padding: 0 25px 0 0px;
height: 25px;
color:#ba284d;
font: bold 11px Georgia;
display: inline;
}
.postMeta span.commentsNr img {
vertical-align: middle;
margin-right: 5px;
}
.postMeta span.commentsNr a {
	padding-top: 3px 0 6px 0;
	color:#ba284d;
	font: bold 11px Georgia;
}
.postMeta span.commentsNr a:hover {
	text-decoration: underline;
}

.postMeta span.tags {
padding: 0 25px 0 0;
height: 25px;
color:#2ddfff;
font: bold 11px Georgia;
display: inline;
}
.postMeta span.tags img {
vertical-align: middle;
margin-right: 5px;
}
.postMeta span.tags a {
	padding-top: 3px 0 6px 0;
	color:#2ddfff;
	font: bold 11px Georgia;
}
.postMeta span.tags a:hover {
	text-decoration: underline;
}
.post {
	float: left;
	margin: 0 0 15px 0;
}

.postDate {
	float: left; 
	width: 80px ;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;
}
.postDate span {
	padding-top: 5px;
	color: #ba284d;
}
.postDate span a{
	color: #ba284d;
}
.postDate span a:hover{
	text-decoration: underline;
}
.postDate .date {
	clear: both;
	font: bold 15px Georgia;
	line-height: 16px;
	color: #2ddfff;
	text-align: right;
}
.postDate .day {
	clear: both;
	font: bold 40px Georgia;
	line-height: 40px;
	color: #2ddfff;
	text-align: right;
}
.postDate .month {
	clear: both;
	font: bold 25px Georgia;
	line-height: 26px;
	color: #2ddfff;
	text-transform: lowercase;
	text-align: right;
}
.postMessage {
	float: right;
	width: 490px;
	background: #f2f1ea;
	padding-bottom: 15px;
}
.message {
	float: left;
	clear: both;
	width: 440px;
	padding: 15px 25px 0 25px;
	color: #333
}
.message img.size-medium {
width: 440px;
height: auto;
margin: 7px 0 5px 0;
border: none;
}
	
.post h2 {
line-height:1.2em;
}

.post h2 a {
width:100%;
display:block;
outline:none;
color: #333333;
}

.post h2 a:hover {
color: #ba284d;
}

.entry h3 {
margin:1em 0;
}

.post .entry {
line-height:1.4em;
overflow:hidden;
}

.post .entry p {
margin:7px 0;
}

.entry blockquote {
margin:0 1.3em;
}

.entry ul {
margin:0 1.3em;
list-style:none;
}

.entry li a {
font-weight: normal;
/*color:#333;
font-weight:700;
background:url(images/dot.gif) repeat-x bottom left;*/
}

/*.entry ul li {
background:url(images/li.gif) no-repeat 0 1px;
padding-left:18px;
margin-bottom:7px;
}*/

.entry ol {
margin:0 1em 0 3em;
}

.entry ol li {
margin:0 0 7px;
}

.entry img,.entry a img {
/*border:3px solid #EEE;*/
}

.entry a:hover img {
border-color:#DFDFDF;
}

.entry table tr {
padding:15px 0;
}

.entry table tr.alt {
background:#eee;
}

/* style pagination buttons */
#more_reading {
color:#7F7F7F;
font-size:11px;
text-transform:uppercase;
margin-bottom:15px;
margin-top:15px;
text-align:right;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_prev.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/arrow_next.gif) top right no-repeat;
cursor:pointer;
}

/* style me some comments and inputs */
.comments {
	float: right;
	width: 450px;
	background: #f2f1ea;
	padding: 20px;
	margin: 15px 0;
	color: #333;
}
#comments {
	padding:0;
	color: #333;
	font-size: 16px;
	margin: 0 0 0 0 !important;
}
#respond {
	padding:0;
	color: #333;
	font-size: 16px;
	margin: 0 0 0 0 !important;
}
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}
ol.commentlist li {
background: url(images/comments.gif) left 14px  no-repeat;
padding: 5px 0 5px 28px;
color: #333;
}
ol.commentlist li p {
line-height: 18px;
margin: 5px 0
}
ol.commentlist li p.header_comment {
line-height: 12px;
color: #333;
}
ol.commentlist span cite {
font-style: normal;
color: #ba284d;
}
/*ol.commentlist li.alt {
padding: 0!important;
}*/
form#commentform {
margin-top: 10px
}
input#submit {
cursor:pointer;
margin:5px 0 15px 0;
}
textarea#comment {
width:440px;
overflow:auto;
}
#comment,#author,#email,#url {
border: 0;
padding:2px;
background: #e1e0da;
margin: 0 3px 0 0 ;
vertical-align: middle;
}
#author,#email,#url { width: 210px;}

form#commentform p			{ margin:4px 0; }
form#commentform label 		{ margin:0 0 5px 0; }
form#commentform label span { font-weight: bold }
/*.labeltext {
padding:0 0 10px 0;
}*/


/* footer - text string and links */
#footer {
width: 490px;
padding: 0 0 60px 96px;
margin: 0;
}

#footer p a {
font-weight:700;
color:#2ddfff;
}

/* float rules */
.floatleft {
float:left;
margin:3px 7px 0 0;
}

.floatright {
float:right;
margin:3px 0 0 7px;
}

.right {
float:right;
}

.left {
float:left;
}

.clear {
clear:both;
}

.fix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.fix {
display:inline-block;
}

* html .fix {
height:1%;
}

.fix {
display:block;
}

/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#333;
padding:8px 8px 0 8px;
background:#192227;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#192227;
text-align:left;
}

#flickr_badge_wrapper {
float: left;
width: 100%;
}

#flickr_badge_wrapper img {
float:left; 
margin: 2px; 
width:74px !important; 
height:74px !important; 
}
#photoAlbum { 
width: 100%; 
padding: 0;
}
#photoAlbum .flickrImage {
padding: 0;
}
#photoAlbum .flickrImage img { 
border: 0; 
width:74px !important; 
height:74px !important; 
margin: 2px 0 0 2px !important;
white-space: normal; 
}
#photoAlbum { 
width: 100%; 
padding: 0;
}
#photoAlbum .flickrImage {
padding: 0;
}
#photoAlbum .flickrImage img { 
border: 0; 
width:74px !important; 
height:74px !important; 
margin: 2px 0 0 2px !important;
white-space: normal; 
}

li.linkcat h2 {
font: normal 28px Georgia;
color: #333;
padding-bottom: 0;
padding-top: 5px;
}
li.linkcat ul {
margin: 8px 0 10px 0 !important;
}
li.linkcat li {
padding: 2px 0
}