/*  
Theme Name: Patricia Furtado Summer 2008
Theme URI: http://patriciafurtado.net
Description: Patricia Furtado - webdesign and other stuff
Version: 4.2
Author: Patrícia Furtado
Author URI: http://patriciafurtado.com
*/
/* ************************************************************************************************************************************************************/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none }

/* Gets rid of IE's blue borders */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;

}

.sIFR-hasFlash h4 {
	visibility: hidden;

}
.sIFR-hasFlash h3.postdate {
	visibility: hidden;

}

.sIFR-hasFlash h3.cat_title {
	visibility: hidden;

}

/*--------- TYPE -------------------------------------------*/


h1, h2 {
	font-style: normal;
	font-weight: normal;
	font-family: "Arial Narrow";
}
h1 {
	font-size: 36px;
	color: #fff;
	margin: 4px 0 0 30px;
	padding: 0;	
}
h2 {
	font-size: 15px;
	color: #bdd;
	line-height: 15px;
	width: 300px;
	margin: 0;
	padding: 5px 0 0 0;
}
h3.cat_title {
	display: block;
	margin-left: 40px;
	color: #145;
	font-size: 24px;
}
h3 span.postdate{
	color: #acc;
}

h3 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #067;
	text-transform: uppercase;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #067;
}
p {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #666;
	line-height: 16px;
}
.project p {
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #aaa;
	line-height: 16px;
}
p a, p a:link {
	border-bottom-color: #9dd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #555;
}

p a:hover {
	border-bottom-color: #f93;
	color: #333;
}

                                                               

#side li a, #side li a:link {
	line-height: 16px;
	border-bottom-color: #9dd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #555;
}

#side li a:hover {
	border-bottom-color: #067;
	color: #333;
}

/*--------- BOXES -------------------------------------------*/

body {
	text-align: center;
	font-family: tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-repeat: repeat-x;
	background-image: url(images/pf_bg.gif);
	background-color: #f3f5e4;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;

}

#outter {
	text-align: left;
	height: 100%;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#sketches {
	background-image: url(images/pf_bg_big.gif);
	background-repeat: no-repeat;
	width: 1265px;
	left: -200px;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;

}

#wrapper {
	left: 200px;
	position: relative;
	padding: 0;
	margin: 0;
}

#backpages {
	background-repeat: no-repeat;
	background-image: url(images/pf_page_bg.gif);
	width: 850px;
	height: auto;
	min-height: 100%;
	top: 0;
	bottom: 0;
	position: relative;
}

#frontpage {
	background-color: #ffffff;
	border: 1px solid #bfe4e6;
	height: auto;
	min-height: 100%;
	width: 800px;
	top: 20px;
	left: 10px;
	padding: 50px 0 0 0;
	clear: both;
	position: relative;
}
#infooter {
	text-align: center;
	height: 70px;
	width: 800px;
	clear: both;
	position: relative;
}
#footer {
	height: 50px;
	width: 800px;
	clear: both;
	position: relative;
	
}
/*--------- NAV -------------------------------------------*/


#navigation{ 
	line-height: 12px; 
	font-size: 11px; 
	background-image: url(images/pf_nav_bg.gif);	
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	height: 84px;
	width: 814px;
	font-family: "Arial Narrow", Tahoma, Helvetica, Arial, sans-serif;
}
#kwicks {
	margin-top: 20px;
	float: right;
	padding-right: 50px;
	position: relative;
}
 

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8 {
	margin-bottom: 0px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #f93;
	border-width:0 0 0 1px;	
	margin-right: 15px;
	padding-left: 2px;
	float: left;
	margin-top: 0px;
}
.menu1 {
	width: 40px;
}
.menu2 {
	width: 40px;
}
.menu3 {
	width: 60px;
}
.menu4 {
	width: 80px;
}
.menu5 {
	width: 70px;
}
.menu6 {
	width: 40px;
}
.menu7 {
	width: 50px;
}

.menu8 {
	width: 30px;
}

#navigation  a, #navigation  a:link{
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #678;
}

a .nav_lighter , a:link .nav_lighter  {
	height: 30px;
	width: 60px;
	color: #fff;
}

#navigation  a:hover{
	color: #2aa;
}
#navigation  a:hover .nav_lighter {
	font-size: 11px;
	color: #a0dcbc;
}
#navigation  a:visited { 
}

/*--------- HEAD -------------------------------------------*/

#logo {
	height: 50px;
	position: relative;
}

#title {
	float: left;
	position: relative;
}

#subtitle {
	padding-left: 20px;
	padding-top: 5px;
	position: relative;
	float: left;
}
#title a, #title a:link {
	text-decoration: none;
	color: #fff;
}

/*--------- MAIN -------------------------------------------*/


#main {
	background-color: #fff;
	bottom: 0;
	position: relative;
	min-height: 100%;
	float: left;
	height: auto;
	width: 580px;
	overflow: hidden;
}
.post {
	margin-top: 0px;
	margin-bottom: 40px;
	margin-right: 30px;
	margin-left: 40px;
	
}



/*--------- SIDE -------------------------------------------*/


#side {
	background-color: #fff;
	bottom: 0;
	border-left: 1px solid #067;
	height: 100%;
	min-height: 100%;
	width: 200px;
	float: left;
	overflow: hidden;
	position: relative;
}
#side img {
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #bfe4e6;
	padding: 5px;
}
#side img.feedicon {
		border-width: 0;
		padding: 0px;
		margin: 0px;
	}
.sidebar {
	margin-right: 20px;
	margin-left: 20px;
}
#oldsites, #colophon {
	margin-right: 20px;
	margin-left: 20px;
}

#foodieblogroll {
	margin-right: 20px;
	margin-left: 20px;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right:;
	margin-right: 0px;
	margin-top: 0px;
	list-style-type: none;
	padding: 0px;
}
.testline {
	border: 1px dashed #9ff;
}
.sideseparator {
	border-top: 1px dashed #067;
	margin: 20px 0;
}


/*--------- SLIDESHOW -------------------------------------------*/

.flickr {
		border-color: #bfe4e6;
		border-style: solid;
		border-width: 1px;
		padding-right: 10px;
		padding-left: 5px;
		padding-bottom: 5px;
		padding-top: 5px;
		margin-bottom: 20px;
	}
div.slideshow {
		border-color: #bfe4e6;
		border-style: solid;
		border-width: 1px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 25px;
		padding-top: 5px;
		margin-bottom: 20px;
	}
div.entry img.alignnone {
		border-color: #bfe4e6;
		border-style: solid;
		border-width: 1px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 25px;
		padding-top: 5px;
		margin-bottom: 20px;
	}
div.firstpost img.alignnone {
		border-color: #bfe4e6;
		border-style: solid;
		border-width: 1px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 25px;
		padding-top: 5px;
		margin-bottom: 20px;
	}
div.slideshowno {
	visibility: hidden;
	width: 0px;
	z-index: -1;
	height: 0;

	}
div.slideshow ul {
	background: #FFF;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	padding: 4px 8px;
	right: 0;
	z-index: 1000;
	}
div.slideshow ul a {
	background: url(img/a.gif) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px;
	margin: 0 4px 0 0;
	overflow: hidden;
	width: 12px;
	}
div.slideshow ul a.prev {
	background-image: url(img/prev.gif);
	width: 14px;
	}
div.slideshow ul a.next {
	background-image: url(img/next.gif);
	margin-right: 0;
	width: 14px;
	}
div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover {
	background-position: 0 -14px;
	}
div.slideshow ul li {
	margin: 0px;
	float: left;
	list-style: none;
		}
div.flashcontent {
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #bfe4e6;
	}
#footer p {

	margin-top: 20px;

	text-align: center;

	color: #067;

}
.postmetadata {
	border-bottom-color: #bfe4e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 20;
	border-top-color: #bfe4e6;
	border-top-style: solid;
	border-top-width: 1px;
	width: 500px;
	float: left;
	color: #067;
}
.sociable {
	margin-top: 30px;
	z-index: 20;
	border-top-color: #bfe4e6;
	border-top-style: solid;
	border-top-width: 1px;
	width: 500px;
	float: left;
	color: #067;
}
.sociable_tagline {
	margin: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #6bb;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	line-height: 12px;
}

.blogpostmetadata {
	border-bottom-color: #bfe4e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 20;
	border-top-color: #bfe4e6;
	border-top-style: solid;
	border-top-width: 1px;
	width: 339px;
	float: left;
	color: #067;
}
.commentmetadata {
	border-top-color: #067;
	border-top-style: dashed;
	border-top-width: 1px;
	width: 500px;
	float: left;
	color: #067;
}
.postmetadata p, .blogpostmetadata p, .commentmetadata p {
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #6bb;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	line-height: 12px;
}

.postmetadata a, .postmetadata a:link, .blogpostmetadata a, .blogpostmetadata a:link, .project a, aproject a:link {
	border-bottom-color: #067;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #6bb;
}

.page_nav a, .page_nav a:link {
	border-bottom-color: #067;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #6bb;
}

.postmetadata a:hover, .blogpostmetadata a:hover, .project a:hover {
	background-color: #cee;
	color: #333;
}

                                                               

.page_nav a:hover {
	background-color: #cee;
	color: #333;
}

                                                               

.project {
	z-index: 20;
	border-top-color: #067;
	border-top-style: dashed;
	border-top-width: 1px;
	float: right;
	width: 215px;
}

.project p {
	text-transform: uppercase;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #067;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 215px;
	border-bottom-color: #067;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	line-height: 12px;
}

.postseparator {
	clear: both;
	height: 40px;
	width: 500px;
}

.current-cat {
	font-weight: bold;
}

.cat_desc {
	color: #666;
	margin-right: 30px;
	margin-left: 40px;
	margin-bottom: 40px;
}

.commentbox {
	width: 500px;
}

.comment_area {
	margin-right: 30px;
	margin-left: 40px;
}

.page_nav {
	margin-right: 30px;
	margin-left: 40px;
}

.linkbox {
	clear: both;
	margin-right: 30px;
	margin-left: 40px;
}

img.bio {
	margin: 20px 0 10px 0;
	padding: 5px;
	border: 1px solid #bfe4e6;
	}

.comment {
		margin-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 40px;
	}

p.linkleft{
	padding-bottom: 5px;
	padding-top: 5px;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #067;
	width: 160px;
	border-bottom-color: #067;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	line-height: 12px;
}

.linkright {
	}

.featurelist {
		margin-left: 40px;
	}
.featurelist ul li {
		width: 162px;
		margin-right: 15px;
		position: relative;
		display: inline;
		float: left;
	}
.firstblogpost {
		width: 339px;
	}
#bloglist {
		margin-left: 40px;
	}
#bloglist ul li {
		margin-right: 15px;
		position: relative;
		display: inline;
		float: left;
	}
.smallpic {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	border: 1px solid #bfe4e6;
	}
#postroll {
		width: 162px;
	}
#postroll li a, #postroll li a:link {
	line-height: 16px;
	border-bottom-color: #9dd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	color: #555;
}

#postroll li a:hover {
	border-bottom-color: #067;
	color: #333;
}
.postlisting {
		width: 162px;
		color: #666;
		border-top-color: #cee;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: 5px;
	}
.postlistingcat {
		color: #067;
	}
.cross {
		color: #999;
		text-decoration: line-through;
	}