/*
Theme Name: Ana's Theme
Author: Ana Caixinha
Description: This is a personal page theme based on Twenty Eleven v1.2 theme by WordPress
*/

/* -------------------------------------------------------------------- 
=RESET default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus {/* remember to define focus styles! */
	outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }
a img {  border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* -------------------------------------------------------------------- 
=Text and Typographic
-------------------------------------------------------------------- */
@font-face {
    font-family: 'Aaargh';
    src: url('fonts/Aaargh.eot');
    src: url('fonts/Aaargh.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aaargh.woff') format('woff'),
         url('fonts/Aaargh.ttf') format('truetype'),
         url('fonts/Aaargh.svg#Aaargh') format('svg');
    font-weight: normal;
    font-style: normal; }   

@font-face {
    font-family: 'angelina';
    src: url('fonts/angelina.eot');
    src: url('fonts/angelina.eot?#iefix') format('embedded-opentype'),
         url('fonts/angelina.woff') format('woff'),
         url('fonts/angelina.ttf') format('truetype'),
         url('fonts/angelina.svg#angelina') format('svg');
    font-weight: normal;
    font-style: normal; }
  
body {
	background: #E3DED2 url('images/bg.gif') repeat;
	font: normal 0.95em Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5em; }
          
h1,h2,h3,h4,h5,h6 { 
    font: bold 3.5em "angelina", Times, serif;
    display:block;
    clear:clear;
    text-transform: capitalize;  
    color:#333;
    margin: 20px 0;
    text-shadow: 1px 1px 1px #fff; }

h2 { 
    font-size: 3em;}
    
h3 { 
    font-size: 2.5em;}    

h4 { 
    font-size: 2em;}    
    
a { 
    color: #379CAD; 
    text-decoration: none; }

a:focus, a:hover, a:active, a.active { 
    color: #00555B; 
    text-decoration: underline; }

strong, dfn { 
    font-weight: bold; }

cite, em, dfn { 
    font-style: italic; }

blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em; 
	padding-left: 30px;
    background: url('images/quote.png') no-repeat top left; }

quote:before, quote:after {content: '"';}

pre, code, tt, kbd { 
    font: 0.8em Monaco, Consolas, "Andale Mono", monospace;
	margin-bottom: 1.625em;
	padding: 0.75em 1.625em}

p {
	margin-bottom: 1.5em;}

abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help; }
	
address {
	display: block;
	margin: 0 0 1.625em; }
	
ins {
	background: #fff9c0;
	text-decoration: none; }
	
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline; } 

sup {
	bottom: 1ex; } 

sub {
	top: .5ex; }

.small { 
    font-size: 0.95em; }

.large { 
    font-size:1.125em; }

.justified { text-align: justify;}

/* =IMGS*/
img.size-medium {
	padding:8px;
	border: 1px solid #ddd;
	background-color:white; }

img.size-medium:hover {
	border-color: #bbb; }

img.alignright {
	margin-left: 10px; }

img.alignleft {
	margin-right:10px; }


img.aligncenter {
	margin-right:auto;
	margin-left: auto; }
/* --------------------------------------------------------------------
=STRUCTURE - MAIN
-------------------------------------------------------------------- */

/* =Alignment */
.left { 
    float: left !important; }
    
.alignleft {
	display: inline;
	float: left;}
	
.right { 
    float: right !important; }
    	
.alignright {
	display: inline;
	float: right;}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto; }
.center {
	text-align: center;}

.padding20 {
	padding: 0 20px; }
	
.clear { 
    clear: both;}
    
.hide { 
    display: none; }
    
.show { 
    display:block; }

/* =Global */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em; }

/* =Containers */

.fixedmin {  /* Basic content wrapper - Sets the width of the contents */
	width: 100%;
	min-width: 990px;
	display: block; }
	
.fixedmax {  /* Basic content wrapper - Sets the width of the contents */
	max-width: 990px; 
	margin: 0 auto;}
		
.maincontent { /* Wrapper for main content */ 
	min-height: 400px;
	margin-top:20px;
	margin-bottom:30px;}
.maincontent ul {
	list-style: square inside;}

.leftcontent {
	width: 70%;
	float: left;
	font-size:0.95em;}

/* -------------------------------------------------------------------- 
=HEADER
-------------------------------------------------------------------- */
.header {
	background: #000 url('images/bg_header.png') repeat; }	

.light {
	background: url('images/light.png') no-repeat -40px 0; }

.logo {
	min-height: 160px; 
	background: url('images/logo.png') no-repeat 10px 10px; }

hgroup {
	float: left; }

.logo h1 {
	font-size: 5.5em;
	margin:0;
	padding: 40px 0 0 65px;
	overflow: hidden;
	color: #fff;
	text-shadow: 1px 1px 1px #003138, 1px 2px 1px #000;
	text-transform: capitalize; }

.logo h1 a, header h1 a:hover{
    color: inherit;
	text-decoration: none; }

.logo h2 {
	font: italic 0.875em Aaargh, Helvetica, Arial, sans-serif;
	color: #13BCD4; 
	margin: -22px 0 0 0;
	text-align: right;
	text-shadow: none;
    text-transform:lowercase;
    overflow: hidden; }


/* -------------------------------------------------------------------- 
=NAV
-------------------------------------------------------------------- */
/* =NAV_TOP (TOP OF PAGE MENU)*/
header#top nav {
    font: normal 0.8em Aaargh, Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
    text-transform: capitalize;  
	margin-top: 15px;
	margin-right: 20px;
	text-align: right;
	float:right; }

header#top nav ul { 
	float: right; }

header#top nav ul li { 
	list-style-type: none; float: left; }

header#top nav a {
    color: #13BCD4;    
    margin: 0 0 0 10px;
    padding: 5px 10px;
    text-decoration: none;    
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 0px #003138, 1px 2px 1px #000; }

header#top nav a:hover, header#top nav a:active, header#top nav ul li.current_page_item a {
	-moz-box-shadow: 2px 2px 2px #333 inset;
	-webkit-box-shadow: 2px 2px 2px #333 inset;
	box-shadow: 2px 2px 2px #333 inset;
	text-decoration: none; }

header#top nav a:hover {
	color: #ccc; 
	background: rgba(255,255,255,0.2); }

header#top nav a:active {
    color: #ccc; 
	background: rgba(255,255,255,0.3); }

header#top nav ul li.current_page_item a {
    color: #13BCD4; 
	background: rgba(19,188,212,0.3); }

/* =NAV (BELOW) */
nav#nav-below{
 margin-top: 0;
 padding-top: 0;
 text-align: center; }

.wp-pagenavi {
	clear: both; }

.wp-pagenavi a, .wp-pagenavi span {
	color: #379CAD;
	text-decoration: none;
	border: 1px solid #379CAD;
	padding: 3px 5px;
	margin: 2px; }

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #003138; }

.wp-pagenavi span.current {
	background: #379CAD;
	color: #fff;
	font-weight: bold; }
	
/* =NAV (Next/Previous) */
nav#nav-above {
	display: none;
}
nav#nav-single {	
 	background: transparent;   
 	font: bold 0.8em Aaargh, Helvetica, Arial, sans-serif;
 	line-height: 1em;
    letter-spacing: 0.1em;
    text-align: right;
    display: block;
    height: 2px;  }

span.nav-previous{
	float: left; }

span.nav-next{
	float: right; }

span.nav-previous a:hover, span.nav-next a:hover  {
	color: #00555B;
	text-decoration: none;
}

/* -------------------------------------------------------------------- 
=SIDEBAR
-------------------------------------------------------------------- */

.sidebar { 
	width: 26%;
	float:right;
	min-height: 600px;
	font-size: 1em; }
	
.sidebar h3 {
    font-size:2em; }
   
.sidebar .widget_search {   
   	display: block;
   	text-align: center;
   	margin-top: 20px; }
   
.sidebar .widget_search .widget-title { 
	display: none;}
 
.assistive-text{ 
	display: none;}
    
.sidebar .widget_text {
	background: #ccc url('images/bg_grey.gif') repeat;	
    border: 5px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 20px 20px;
    margin-top: 20px; }
.sidebar .textwidget {
	font-size:0.8em;}

.sidebar .widget_categories {
	
	background: #ccc url('images/bg_dark.gif') repeat;	
    border: 5px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px 20px;
    margin-top: 20px; }

/* -------------------------------------------------------------------- 
=FOOTER
-------------------------------------------------------------------- */
footer{
	clear:both;}	

footer#colophon, footer#colophon ul, footer#colophon li { 
	font-size:0.95em;
	color: #aaa;}
	
footer#colophon h3 {
    font-size:1.8em;
    font-weight: normal;
    color:#ddd;
    text-shadow: none;
    margin-top: 0px;
    margin-bottom: 0px; }
	
footer#colophon ul { 
	list-style: square inside; } 	
	
.fatfooter {
	padding: 10px 0;
	background: #003138;
	color: #ddd; }

#supplementary a:hover {
	color: #13BCD4; }

#supplementary #first {
	margin: 10px auto;
	padding: 15px 5px 10px;
	background-color: #00555B;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

#supplementary #first aside {
	width: 49.5%;
	float:left; }

#supplementary #first aside.widget_text {
	float: none;
	clear: both;
	width: 0px; 
	height: 0px; 
	overflow: hidden; }

#supplementary #second {
	margin: 10px auto;
	padding: 15px 5px 10px; }

#supplementary #second aside {
	width: 24.9%;
	float:left; }

.thinfooter {
	padding: 12px 0;
	background: #D7CEB8 url('images/bg_dark.gif') repeat;
    color: #003138;
    line-height: 1em;
    font-size: 0.85em;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff; }

.thinfooter a.top {
	color: #003138;	}

.thinfooter a.top:hover {
	color: #000;
	text-decoration: none; }
	
	
/* -------------------------------------------------------------------- 
=FORMS
-------------------------------------------------------------------- */
input[type=text],
input[type=password],
textarea {
padding: 4px 10px 4px 28px;
background: #D6CDB9;
font-weight: bold;
line-height: 1.2em;
border: 1px solid #827E74;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;


}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}

input[type=submit], .button {
	display: inline-block;
	float: right;
	outline: none;
	cursor: pointer;
	padding: .3em 1em;
    color:#fff;
	font: normal 0.8em Aaargh, Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
	text-align: center;
	text-decoration: none;	
	border: solid 1px #003138;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	background: #00555b;
	background: -webkit-gradient(linear, left top, left bottom, from(#13bcd4), to(#00555b));
	background: -moz-linear-gradient(top,  #13bcd4, #00555b  );
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#13bcd4', endColorstr='#00555b'); }
	
input[type=submit]:hover, .button:hover {
	text-decoration: none;
	color: #DDD;
	background: #003138;
	background: -webkit-gradient(linear, left top, left bottom, from(#036871), to(#00555b));
	background: -moz-linear-gradient(top,  #036871,  #00555b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#036871', endColorstr='#00555b'); }
	
input[type=submit]:active .button:active {
	color:#fff;
	margin-top: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#003138), to(#000));
	background: -moz-linear-gradient(top,  #003138,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#003138', endColorstr='#000'); }



/*=SEARCH FORM ON SIDEBAR*/

input#s {
	width: 205px;
	height: 22px;
	padding: 4px 10px 4px 28px;
	background: #d6cdb9 url('images/search.png') no-repeat 5px 6px;
	font-size: 14px;
	font-weight: bold;	
	line-height: 1.2em;

    border: 1px solid #827e74;
  	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  	
	    
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s; 
}
input#searchsubmit {
	display: none;
}

/* -------------------------------------------------------------------- 
=CONTENT
-------------------------------------------------------------------- */





/*=POSTS ARTICLE*/
article {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

article header.entry-header {
	position: relative;
}

article header.entry-header h1.entry-title {

}

article header.entry-header div.entry-meta{
	display: none;}
	
article header.entry-header div.comments-link {
	display: none; }

article footer.entry-meta {
	font-size: 0.85em;
	margin-top: 20px;
	text-align: center;
	color: #666; }

article footer.entry-meta .tag-links {
	background: url('images/tags.png') no-repeat left top;
	padding-left: 19px;
	margin-left: 5px;
	display: inline;
	height: 17px; }

article footer.entry-meta .cat-links {
	background: url('images/cats.png') no-repeat left top;
	padding-left: 25px;
	margin-left: 5px;
	display: inline;
	height: 17px; }

article footer.entry-meta .comments-link {
	background: url('images/coms.png') no-repeat top left;
	padding-left: 23px;
	margin-left: 5px;
	display: inline;
	height: 17px; }

article footer.entry-meta .edit-link {
	background: url('images/edit.png') no-repeat left top;
	padding-left: 20px;
	margin-left: 5px;
	display: inline;
	height: 17px; }	

article footer.entry-meta .entry-utility-prep {
display: none;}

article footer.entry-meta .sep {
	display: none; }	
	
	
	
	
/*=Comments*/	

#comments {
	font-size: 0.85em;
}

#comments h3#reply-title {
	font-size: 2em;
}

.comment-form-comment {
	margin-bottom: 0px;
}

.form-allowed-tags{
	font-size: 0.8em;
	line-height: 1.1em;
}
textarea#comment {

}

p.form-submit {
	text-align: right;
}


/*=Contact form*/
	
.contact-form div.req {
	font-size: 0.8em;
	text-align: right;}	
		
.contact-form p {
	margin-bottom: 0.5em;
}
.contact-form .your-message{
	margin-bottom: 0;
}


/*=About Me*/

table.aboutme{
	width: 100%;
    padding: 10px;
	font-size: 0.9em;
}

table.aboutme th{
	width: 50%;
	font-weight: bold;
	text-align: left;
}

table.aboutme td{
	padding: 15px;
	font-size: 0.9em;
}
table.aboutme ul { 
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}