body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-size:small;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:400;}
q:before,q:after{content:'';}
a:focus {outline: none;}
ol,ul,li {list-style:none;}
select,input,textarea{font:99% arial,helvetica ,sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;}
caption,th{text-align:left;}
pre,code{ font:115% monospace; font-size:100%;}
a img, abbr, fieldset, acronym { border:0px}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}

body {
	font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
	font-size: 75%;
	color: #444;
	margin: 0 5px;
}
h2 {
	line-height: 1.5em; 
	font-size:1em;
}
h2 a{
	color: #333;
}
h3, h4, p, ul ,ol ,dl {
	line-height: 1.5em; 
	font-size:1em;
	padding-bottom: 1.5em;
}
blockquote {
	padding-left: 10px;
	padding-bottom: -1em;
	margin-bottom: 1em;
	border-left: 5px solid #EEE;
	font-style: italic;
}

cite {
	font-weight: bold;
}
textarea {
	overflow: auto;
}
#wrapper {
	margin: 36px auto;
	width:780px;
	position: relative;

}
#masthead {
	width:780px;
	height:200px;
	display: block;
	overflow: hidden;
	background-color: #ddd;
}
#sara {
	font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
	font-size:3.1em;
	line-height: 1em;
	padding-bottom: .25em;
	width:50%;

}
#sara a {
	text-decoration: none;
	color: #444;
	
}

/* -------------------------------------
---------- Conent & Posts --------------
------------------------------------  */

#list p, 
#post p,
#comments p {
	width:555px;
	clear: both;
}
#list p {
	padding-bottom: 0;
}
#post .meta {
	margin-bottom: 1.5em;
	display: block;
}
#post textarea {
	border: 1px solid #444;
}
#post img {
	max-width: 550px;	
}
#post hr {
	margin-bottom: 1.5em;
	width:300px;
	border: none;
	border-bottom: 1px solid #aaa;
}

/* -------------------------------------
-------------- Menu --------------------
------------------------------------  */
#menu {
	top: 0;
	right: 0;
	margin-top: 1.1em;
	position: absolute;
	width:49%;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#menu li {
	float: right;
	padding-left: 1em;
}
#menu li a {
	color: #666;
	padding-bottom: .1em;
	text-decoration: none;
	display: block;
}
#menu li a:hover {
	border-bottom: 1px solid #999;
	color: #555;
}
#menu li strong {
	padding-bottom: .1em;
	border-bottom: 1px solid #999;
	font-weight: normal;
	color: #000;
	display: block;
}


/* -------------------------------------
---------- Conent & Posts --------------
------------------------------------  */
#form,
#list, 
#post,
#gallery-list,
#gallery-category {
	border-top: 1px solid #999;
	margin: 20px 0;
	margin-right: 30px;
	padding-top: 0em;
	clear: left;
	float: left;
	width:570px;
}
#gallery-list  h2{
	margin-top: 1em;
	font-size: 1.8em;
	display: block;
	clear: both;
}

#form h1,
#list h1, 
#gallery-list h1 {
	font-size: 2em;
	padding: .5em 0 .3em 0;
	border-bottom: 1px solid #999;
	color: #222;

}
#form h2,
#post h1, 
#gallery-category h2 {
	font-size:2.24em;
	color: #333;
	line-height: 1.1em;
	padding-right: .3em;
	margin-bottom: .15em;
	margin-top: 1em;
}
#list h2 a {
	text-decoration: underline;
}
#list h2 {
	font-size:2.24em;
	color: #333;
	line-height: 1.1em;
	padding-right: .3em;
	margin: 0;
}
#list strong, #list p {
	margin: 0;
	padding: 0;
}
#list ol li {
	margin-top: 2em;
	margin-bottom: 3em;
	overflow: hidden;
}
#list h2 a:hover, 
#post h1 a:hover {
	color: #777;
}

#list h3 , 
#post h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	color: #444;
	margin-top: 1em;
	padding-bottom: 0;
	clear: both;
	
}
#list h4, 
#post h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	color: #444;
	padding-bottom: 0;
	
	clear: both;
}
#list h5, 
#post h4 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #444;
	padding-bottom: 0;
}
#post h5 {
	font-weight: bold;
}
#post .meta{
	color: #777;
}
#list .meta {
	padding-top: 0;
	color: #777;
}
#list a, 
#post a {
	color: #333;
}
#list #read-more {
	margin-bottom: 5em;
}
#list #read-more a:after {
	content: " > >";
}
#post ol, #post ul {
	margin-left: 1.5em;
}
#post ol#comments {
	/* margin-left: 0; */
}
#form ol li,
#list li li, 
#post ol li, 
#post ul li{
padding: 0;
margin-left: 0 !important;
margin-left: 1em;

list-style-position: outside;
}
#form li,
#list li ol, 
#post ol li{
	list-style: decimal;
}
#form li ul li,
#list li ul li, 		
#post ul li {
	margin-left: 0em;
	list-style: disc;
	list-style-position: outside;
	margin-bottom: 0;
	padding-left: 0;
}
#form li ol li,
#list li ol li, 
#post ol li {
	list-style-position: outside;
	
	margin-bottom: 0;
	padding-left: 0;
}
#post ol li ul {
	margin-bottom: 0;
	padding-bottom: 0;
}
#post ol li ul li {
	margin-left: 2em;
}
#list em,
#post em {

	font-style: italic;
}

#list img, 
#post img {
	padding: 4px;
	border: 1px solid #999;
	margin: 1em 0 1em 0em;
	display: block;
	clear: both;


}
#post textarea, #post input{
	font-size: 1.2em;
	color: #333;
	letter-spacing: .03em;
	border: 1px solid #444;
	padding: .1em;
}

/* -------------------------------------
------------- Gallery List -----------------
------------------------------------  */
#gallery-list ul {

	clear: left;
	overflow: hidden;
}
#gallery-list li {
	
}
#gallery-list li ul {
	margin-bottom: 2em;
	overflow: hidden;
	height:1%;
}
#gallery-list ul li,
#gallery-category ul li {
	float: left;
	margin: 0 5px 5px 0;
	padding-bottom: 0;
	display: block;
	overflow: hidden;
	background-color: #333;
	height:75px;
	width:75px;
	
}
#gallery-list ul li img a,
#gallery-category ul li img a{
	padding-bottom: 0;
}
/* -------------------------------------
------------- Comments -----------------
------------------------------------  */

#comment-count {
	padding-top: 3em;
	margin-bottom: 1em;
}
ol#comments li {
	list-style: decimal;
	margin-left: 0;
	margin-bottom: 4em;
}
#comments h2 {
	font-size: 1.5em;
	line-height: 1em;
}
#comments p {
	color: #444;
}
#comments .cite {
	font-size: 1.2em;
	font-weight: bold;
}
#comments #cite a {
}
#comments cite {
	font-style: italic;
	font-weight: bold;
	padding-right: .2em;
}
#comments h3 a {
	text-decoration: underline;
}
#comments h3 em {
	font-style: italic;
	color: #777;
}
#comments ul li,
#comments ol li {
	border: 0px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.5em;
	font-size: 1.1em;
}
#commentform {
	
}
#commentform h2 {
	margin-top: 4em;
}
#commentform p {
	
}
#commentform span {
	color: #F0F;
}
#commentform div em, 
#commentform p strong {
	font-style: italic;
	display: block;
	line-height: 1.4em;
}
#commentform dl {
	
}
#commentform dt {
	margin-top: 1em;
}
#commentform input, 
#commentform textarea {
	width:350px;
	overflow: auto;
}
#commentform textarea {
	width:500px;
}
#commentform div input {
	margin-top: 1em;
	width:8em;
}
input {
	border: 1px solid #444;
}



/* -------------------------------------
------------- Galleries -----------------
------------------------------------  */
#image {
	display: block;
	height:427px;
	width:427px;
	background-color: #ddd;
	float: left;
	margin-right: 3px;
}
#thumbs li {
	display: block;
	height: 40px;
	width:40px;
	background-color: #ddd;
	float: left;
	margin: 0 3px 3px 0;
	list-style-type: decimal;
	font-size: 2em;
	color: #000;
}


/* -------------------------------------
------------- Side bar -----------------
------------------------------------  */
#sidebar {
	border-top: 1px solid #999;
	padding-top: .5em;
	margin-top: 20px;
	float: left;
	width:180px;
	display: inline;
}
#sidebar ul {
	display: block;
	clear: both;
	padding-left: 1.4em;
}
#sidebar ul li {
	list-style-type: disc;
}
#sidebar li {
	float: none;
	color: #555;
}
#sidebar h2 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-top: .5em 0 0em 0;
	padding-bottom: .3em;
}
#sidebar h3 {
	font-size: 1.25em;
	margin-top: 1em;
	padding-bottom: 0;
}
#sidebar a {	
	color: #555;
	text-decoration: none;
}

#sidebar ul, 
#sidebar ol {
	overflow: hidden;
	display: block;
	clear: both;
}
#sidebar li a {
	clear: both;
}
#submenu {
	margin-top: 3.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 2em;
}
#submenu li {
	float: none;
}
#submenu li a {
	text-decoration: none;
}

#wrapper #submit {
	font-size: .95em;
	overflow: hidden;
}
#submit:hover {
	background-color: #666;
	color: #FFF;
}

/* contact form */
#contact #text, #contact #name, #contact #email{
	margin-bottom: 1em;
}
#contact #email, #contact #name {
	width:350px;
}
#contact #text {
	width:500px;
	height:15em;
}
/* individual classes and ids  */
#wrapper .error {
	color: #F00;
	font-weight: bold;
}
#post li p, 
#wrapper blockquote p{
	width:530px;
}
li p {
	margin: 0;
	padding: 0;
}
.prev, .next {
	margin-right: 2em;
	text-decoration: none;
	font-size: 1.2em;
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.prev:before {
	content: "< ";
	font-size: .8em;
	margin-left: .2em;
}
.next:after {
	content: " >";
	font-size: .8em;
	margin-left: .2em;
}
#back {
	text-decoration: none;
	display: block;
	font-size: 1.1em;
	margin: .5em 0 2em 0;
	color: #777;
	display: inline;
	line-height: 2em;
}
#back:hover {
	color: #999;
}
#back:before {
	content:  "< ";
}
#footer {
	border-top: 1px solid #777;
	padding-top: .5em;
	width:580px;
	display: block;
	clear: both;
}
#designer {
	display: none;
}