/*
Theme Name: Sipping Designs Minimalism
Description: 
Version: 2.0
Author: Minna Perälä
Author URI: http://www.minnaperala.com

*/

html, body {
margin: 0;
padding: 0;	
font-family: Arial, sans-serif;
font-size: 9pt;
line-height: 1.4em;
background: #ffffff;
color: #767676;
}

a, a:visited, a:hover {
outline: none;
}

#wrap {
display: block;
width: 1000px;
margin: 0;
}

#buttonwrap {
display: block;
position: fixed;
width: 100px;
float: left;
margin: 200px 0 0 0;	
}

#buttonwrap div {
display: block;
width: 36px;
}

#buttonwrap a img, #buttonwrap a:visited img, #buttonwrap a:hover img {
border: none;	
margin-bottom: 2px;
}

#header, #content, #footer {
display: block;
margin: 0 225px 0 100px;	
}

#header {
height: 150px;
background: transparent url("images/header.jpg") left center no-repeat;
color: #767676;
margin: 0 0 50px 100px;	
}

#header h1, #header #description {
display: block;
visibility: hidden;
}

#sidebar {
display: block;
width: 175px;
float: right;
margin: 0;
}

#sidebar div {
margin: 0 0 3em 0;	
}

#sidebar h3 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14pt;
font-weight: normal;
background: transparent;
color: #afafaf;	
margin: 0 0 0.5em 0;
}

#sidebar ul {
margin: 0.5em 0 0.5em 0;
padding: 0;
list-style-type: none;	
}

#sidebar a, #sidebar a:visited {
background: transparent;
color: #767676;
text-decoration: none;	
}

#sidebar a:hover {
border-bottom: 1px solid #f33b08;	
}

#sidebar #searchform input {
width: 150px;
border: 1px solid #767676;
background: #e3e3e3;
color: #767676;
padding: 3px;
margin: 0 5px 5px 0;
}

#sidebar #searchform input[type="submit"] {
width: auto;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#sidebar #searchform input[type="submit"]:hover {
background: #afafaf;
color: #e3e3e3;	
}

#sidebar #tweet {
display: block;
margin: 0;	
border: 1px solid #e3e3e3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}

#sidebar #flickr img {
margin: 0 5px 5px 0;	
}

#sidebar #flickr a:hover {
border-bottom: none;	
}

#sidebar #flickr a:hover img {
border: 2px solid #f33b08;	
}

#sidebar #about img {
margin-bottom: 5px;	
}

.post {
display: block;
margin: 0 0 5em 0;	
background: transparent;
color: #767676;	

}

.post .postmeta {
display: block;
width: 130px;
float: left;
margin: 0 15px 0 0;	
font-weight: bold;
font-size: 10pt;
background: transparent;
color: #afafaf;	
}

.post .postmeta a, .post .postmeta a:visited {
background: transparent;
color: #afafaf;
text-decoration: none;		
}

.post .postmeta a:hover {
border-bottom: 1px solid #f33b08;	
background: transparent;
color: #767676;	
}

.post .postcontent, .post .postfooter {
display: block;
margin: 0 0 0 0;	
width: 530px;
overflow: hidden;
text-align: justify;
}

.post .postcontent a, .post .postcontent a:visited {
background: transparent;
color: #f33b08;	
}

.post .postcontent a:hover {
background: transparent;
color: #767676;		
}

.post .postcontent img {
border: 1px solid #767676;
background: #e3e3e3;	
color: #767676;
padding: 14px;
}

.post .postcontent img.reunaton {
border: none;
background: #ffffff;
color: #767676;
padding: 0;	
}

.post .postcontent a img, .post .postcontent a:visited img, .post .postcontent a:hover img, .post .postcontent a img.reunaton, .post .postcontent a:visited img.reunaton, .post .postcontent a:hover img.reunaton {
border: 1px solid #767676;	
}

.post h2 {
font-size: 18pt;
line-height: 0.9em;
background: transparent;
color: #afafaf;	
margin: 0 0 1.5em 0;	
padding: 3px 0 0 0;
text-align: left;
}

.post .postcontent h2 a, .post .postcontent h2 a:visited {
text-decoration: none;
background: transparent;
color: #afafaf;	
}

.post .postcontent h2 a:hover {
border-bottom: 1px solid #f33b08;	
background: transparent;
color: #767676;	
}

#content h3 {
font-size: 14pt;
background: transparent;
color: #afafaf;	
margin: 1.5em 0 1em 0;
}

.post p {
margin: 1.5em 0 1.5em 0;	
}

.alignleft {
float: left;
margin: 0 10px 10px 0;	
}

.alignright {
float: right;
margin: 0 0 10px 10px;	
}

.post ul {
margin: 1.5em 0 1.5em 0;
list-style-type: disc;	
padding: 0 0 0 15px;
}

.post ol {
margin: 1.5em 0 1.5em 0;	
padding: 0 0 0 15px;
}

.post ul li, .post ol li {
margin: 0.5em 0 0.5em 1em;	
padding: 0;
}

.post .postfooter {
margin: 1.5em 0 0 145px;	
}

.post .postfooter .tags, .post .postfooter .sharing {
margin: 0 0 0.5em 0;	
}

.post .postfooter a, .post .postfooter a:visited {
text-decoration: none;
background: transparent;
color: #afafaf;	
}

.post .postfooter a:hover {
border-bottom: 1px solid #f33b08;	
background: transparent;
color: #767676;			
}

.post code, .post pre {
background-color: #e3e3e3;
color: #767676;	
padding: 1px 2px 1px 2px;
font-family: Courier, "Courier New", monospace;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.postcontent pre {
overflow: auto;
}

.post .wp-caption {
margin: 1.5em 0 1.5em 0;	
}

.post .wp-caption img {
margin-bottom: 0.5em;	
}

.post p.wp-caption-text {
margin: 0 0 1.5em 0;
padding: 0 0 0 25px;
background: transparent url("images/nuoli.jpg") left 4px no-repeat;
color: #767676;
font-size: 8pt;
}

.post blockquote {
border: 1px solid #767676;
background-color: #e3e3e3;
color: #767676;	
padding: 10px;	
font-family: Georgia, Times, "Times New Roman", serif;
margin: 1.5em 0 1.5em 0;
}

.post blockquote p {
margin: 0;	
}

/**
--- SOCIABLE ---
**/

.sharing {
margin: 0.25em 0 0 0;
}

.sharing .sociable {
display: inline;	
}

.sharing strong {
display: block;
float: left;
margin: 1px 3px 0 0;
padding: 0;
	
}

.sharing ul {
display: inline;
margin: 1px 0 0 0;
padding: 0;
list-style-type: none;	
}

.sharing li {
display: inline;	
margin: 0 1px 0 0 ;
padding: 2px 0 0 0;
}

.sharing a, .sharing a img, .sharing a:visited, .sharing a:visited img, .sharing a:hover, .sharing a:hover img {
border: none;	
}

/*** ^ sociable **/


.navigation {
display: block;
margin: 4em 0 4em 0;
font-size: 14pt;	
font-weight: bold;
}

.navigation .naviedelliset a, .navigation .naviedelliset a:visited, .navigation .blogiin a, .navigation .blogiin a:visited {
display: block;
float: right;
height: 23px;
margin-bottom: 4em;
padding: 9px 40px 0 0;
background: transparent url("images/edelliset.jpg") right top no-repeat;	
color: #afafaf;	
text-decoration: none;
}

.navigation .naviseuraavat a, .navigation .naviseuraavat a:visited {
display: block;
float: left;
height: 23px;
margin-bottom: 4em;
padding: 9px 0 0 40px;
background: transparent url("images/seuraavat.jpg") left top no-repeat;	
color: #afafaf;	
text-decoration: none;
}

.navigation .naviseuraavat a:hover, .navigation .naviedelliset a:hover, .navigation .blogiin a:hover {
background-color: transparent;
color: #767676;
}

.post .postfooter a:hover {
border-bottom: 1px solid #f33b08;	
}

ol.commentlist {
margin: 1.5em 0 1.5em 0;	
padding: 0;
list-style-type: none;
}

.commentlist a, .commentlist a:visited {
background: transparent;
color: #f33b08;	
}

.commentlist a:hover {
background: transparent;
color: #767676;	
}

ol.commentlist li {
display: block;
margin: 1.5em 0 1.5em 0;	
border: 1px solid #e3e3e3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
}

.commentlist .gravatar {
float: left;
border: 5px solid #afafaf;		
margin-bottom: ;
clear: left;
}

.commentlist .comment-meta, .commentlist .commentcontent {
margin: 0 0 0 100px;	
}

.commentlist .comment-meta {
font-size: 8pt;
margin: 0 0 0.5em 100px;	
}

.commentlist .comment-meta a, .commentlist .comment-meta a:visited {
background: transparent;
color: #767676;	
text-decoration: none;
}

.commentlist .comment-meta a:hover {
border-bottom: 1px solid #f33b08;
}

.commentlist .commentcontent {
margin: 0.5em 0 0.5em 100px;	
}

.commentcontent p {
margin: 0 0 1.5em 0;	
}

.commentlist .comment-meta div {
display: inline;	
font-weight: bold;
}

.commentlist .moderation {
font-size: 8pt;
font-style: italic;	
}

#respond {
display: block;
margin: 0 0 4em 0;	
}

#respond input, #respond textarea, #respond label {
display: block;
font-family: Arial, sans-serif;
font-size: 9pt;
line-height: 1.4em;
}

#respond p {
margin: 1em 0 1em 0;	
}

#respond input {
width: 300px;	
border: 1px solid #767676;
background: #ffffff;
color: #767676;
padding: 3px;
}

#respond textarea {
width: 500px;
border: 1px solid #767676;
background: #ffffff;
color: #767676;
padding: 3px;
	
}

#respond input[type="submit"] {
width: auto;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 2em;
}

#respond input[type="submit"]:hover {
background: #afafaf;
color: #e3e3e3;	
}

#respond a, #respond a:visited {
background: transparent;
color: #f33b08;	
}

#respond a:hover {
background: transparent;
color: #767676;	
}

#footer {
display: block;
margin-bottom: 2em;	
clear: both;
}

#footer a, #footer a:visited {
text-decoration: none;
background: transparent;
color: #afafaf;		
}

#footer a:hover {
border-bottom: 1px solid #f33b08;
}