/*
Theme Name: Tapio
Theme URI: http://www.marcosuarez.com
Description: Template created for Tapio Builders
Version: 1.0
Author: Marco Suarez
Author URI: http://www.marcosuarez.com
Tags: simple
*/

body {
background-image:url(images/bkgd.jpg);
background-repeat:repeat-y;
background-position:top;
background-color:#e3d5c0;
margin:0px;
padding:0px;
}

a {
color: #6e6861;
}

a:hover {
text-decoration: none;
}

#header {
background-image:url(images/header_img.jpg);
background-repeat:repeat-x;
background-position:top;
height:365px;
}

#container {
width:855px;
margin-right:auto;
margin-left:auto;
}

#logo {
background-image:url(images/logo_02.png);
background-repeat:no-repeat;
float:left;
width:286px;
height:181px;
}

#nav {
width:565px;
height:20px;
float:right;
margin-top:45px;
}

#nav ul {
list-style:none; margin:0; padding:0
}

#nav li {
 list-style-type: none;
 display: inline;
}

#nav ul li a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight:normal;
color: #ffffff;
text-decoration:none;
font-weight:bold;
padding-right:3px;
padding-left:3px;
text-transform: uppercase;
}

#nav ul li a:hover {
text-decoration:underline;
}

#headline {
width:330px;
height:200px;
float:left;
clear:left;
}

#headline p {
font-family:Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 16px;
color:#FFFFFF;
line-height:22px;
}

#frame {
width:477px;
height:330px;
background-image:url(images/frame_03.png);
background-repeat:no-repeat;
float:right;
clear:right;
margin-top:30px;
margin-right: -12px;
padding-top: 24px;
padding-left: 19px; 
}

#content {
float:right;
width:535px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-top: 20px;
font-family:Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#6e6861;
}

p {
font-family:Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#6e6861;
}

#sidebar {
width:253px;
height:100%;
padding-left: 10px;
padding-right: 10px;
float:left;
margin-top: 30px;
margin-left:3px;
clear: left;
}

#small_gallery {
background-image:url(images/gallery_13.png);
background-repeat:repeat-y;
width: 246px;
}

#flash_content {
width: 458px;
height: 306px;
}

#footer {
clear: right;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: right;
margin-bottom: 20px;
}

#footer img {
margin-right: 10px;
}

#phone {
float: left;
clear: left;
width: 258px;
text-align: center;
margin-left: 10px;
margin-top: -30px;
font-weight: bold;
border-bottom: 1px solid #6e6861;
border-top: 1px solid #6e6861;
padding: 5px 0 5px 0;
text-shadow: 0 1px #e3d5c0;
}

#phone p {
margin: 0px;
font-size: 15px;
}

p.number {
font-size: 20px;
}

/* */

h2, h2 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#6e6861;
font-size:18px;
font-weight:normal;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 10px; 
}

h3 {
font-family:Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#6e6861;
font-weight: bold;
}

#sidebar h2 {
visibility: hidden;
margin: -10px;
}

.form {
line-height: 30px;
}

#wpcf_website, #wpcf_your_name, #wpcf_email {
margin: 10px;
}

.submit {
margin-top: -60px;
}



/* */

img { 
border: none; 
}


/* Menu */

.tags {
font-size: 10px;
}

.tags a{
color: #81b65a;
}

hr {
border-top: 1px dashed #b9b9b9;
height: 1px;
width:100%;
border-bottom:none;
}

#commentsq a, #commentsq a.hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
color:#FFFFFF;
font-size:14px;
}


/* Search */


blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
}


#comments_left {
float: left;
width:150px;
}

.commentlist {
list-style: none;
} 

#comments_right {
float: right;
width:350px;
}    
    
#spacer h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 16px;
font-weight: normal;
margin-bottom:-15px;
}  

.more-photos {
visibility: hidden;
}  

.flickr-photos {
margin-top: 10px;
}

.flickr-photos img{
padding: 3px;
}
    
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */