/*
Theme Name: By the sea
Theme URL: http://www.justframeless.com
Description: Photos from a night by the sea.
Version 1.0
Author: Vibeke Illevold
Author URL: http://www.justframeless.com

*/

body, h1, h2, h3, h4, h5, h6, p, form{
	margin: 0;
	padding: 0;
}

blockquote{
	margin: 20px 0 30px 0;
	padding: 0;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
}

xmp{
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 12px;
	font-size: 10px;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	background: #ebebec;
	border-bottom: 1px solid #ccc;
}

pre {
border: 1px solid #ccc;
padding: 5px;
width: 95%;
overflow: auto;
max-height: 150px;
}
pre.noscroll {
max-height: 300px;
}	
	
	
body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
	color: #000000;
}

img{
	border: 0;
}

h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

a:link, a:visited{
	text-decoration: none;
	color: #3b717d;
}

a:hover{
	text-decoration: none;
	color: #c96b5e;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 750px;
	text-align: left;
}

#header{
	margin: 0 auto;
	height: 410px;
	background: url(http://justframeless.com/images/jflayoutt.png) top center no-repeat;

}

#container{
	float: left;
	width: 550px;
}

.pages{
	float: left;
	width: 550px;
	line-height: 18px;
	margin: 10px 0 10px 0;

}

.pages h1{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
	color: #c96b5e;
}

.pages h2{
	font-family: Georgia, Sans-serif;
	font-size: 10px;
	margin: 0px 0 0 0;
	color: #3b717d;
}

.pages ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.affiliates{
	float: right;
	background: #ebebec;
	padding: 5px 0 0 0;
	width: 400px;
	height: 93px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



.ad{
	float: left;
	background: #ebebec;
	padding: 20px 0 0 0;
	width: 330px;
	height: 78px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.post{
	padding: 10px 0 10px 0;
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;

}

h2{
	font-family: Georgia, Sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
}


.entry{
	line-height: 18px;
}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 10px 0;
	text-align: center;
	color: #3b727d;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.sidebar{
	float: left;
	width: 184px;
	margin: 5px 0 0 15px;
	display: inline;
	line-height: 18px;
	border-left: 0px solid #ccc;


}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
	color: #c96b5e;
	border-bottom: 1px solid #ccc;
}



.menu{
	padding: 0;
	margin: 0 auto;
	width: 956px;
}

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

#menu li {
	float: left;
}

#menu li a {
	display: block;
	background: #020326;
	color: #faf2df;
	width: 191px;
	text-align: center;
	padding: 3px 0;
	font-family: arial, Sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-transform:uppercase;

}

#menu li a:hover {
	background: #3b717d;
	color: #020326;
}



.comments-template{

	margin: 20px 0 0;

	border-top: 0px solid #ccc;

	padding: 10px 0 0;

}


.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 20px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 0px solid #ccc;

}



.comments-template h2, .comments-template h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}

.comments-template .author {
	font: small-caps bold 15px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
}
	
	
.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url();
	border-top:0px solid #848484;
	border-bottom:1px solid #d6e4c1;
	color:#3b717d;
	background: #fff;
}	
	

.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}

.commentbubble { 
    background-image: url(http://www.justframeless.com/images/commentbubble.gif); 
    height: 30px; 
    width: 45px; 
    color: #777777; 
    font-size: 20px; 
    text-align: center; 
    padding-top: 2px; 
    margin-right: 23px; 
    float: right;
}

#footer{
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: #ebebec;
}

#footer p{
	line-height: 18px;
	}