/*
Theme Name: Sipping Designs 2010
Description: 
Version: 1.5
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: #afafaf url("images/header-gradient.jpg") left top repeat-x;
color: #1a1a1a;
}

#wrap {
display: block;
width: 85%;
max-width: 900px;
margin: 0 0 0 100px;
background: transparent;
color: #1a1a1a;

}

/**
--- HEADER ---
**/

#header {
display: block;
height: 200px;	
background: transparent url("images/header.jpg") left top no-repeat;
color: #1a1a1a;
}

#header h1, #header #description {
display: none;
margin: 0;
padding: 0;
}

#header ul#menu {
display: block;
float: right;
margin: 65px 0 0 0;
padding: 0;
list-style-type: none;
width: 250px;	
font-family: Palatino, "Palatino Linotype", serif;
font-style: italic;
font-size: 13pt;
text-transform: lowercase;
}

#header ul#menu li {
margin: 0 0 0.15em 0;
padding: 0;
}

#header #menu a, #header #menu a:visited {
background: transparent;
color: #626262;
text-decoration: none;
}

#header #menu a:hover {
background: transparent;
color: #1a1a1a;	
}

#header #menu li.current_page_item a {
background: transparent;
color: #1a1a1a;	
font-weight: bold;	
}

/**
--- HEADER BUTTONS ---
**/

#buttonwrap {
display: block;
width: 250px;
height: 30px;
margin: 1px 0 0 0;
float: right;
clear: both;
}

#buttonwrap #rss, #buttonwrap #twitter {
display: block;
float: left;
height: 30px;
width: 75px;
text-align: center;	
padding: 0;
margin: 0;
font-family: Palatino, "Palatino Linotype", serif;
font-style: italic;
font-size: 13pt;
font-weight: bold;
text-transform: lowercase;
background: transparent;	
color: #ffffff;

}

#buttonwrap img {
margin: 0 2px 0 0;
padding: 0;
display: inline;
}

#buttonwrap a img, #buttonwrap a:visited img, #buttonwrap a:hover img {
border: none;
}

/**
--- SIDEBAR ---
**/

#sidebar {
display: block;
width: 250px;
float: right;	
margin: 70px 0 2em 0;
clear: right;
}

#sidebar h3 {
font-family: Palatino, "Palatino Linotype", serif;
font-style: italic;
font-size: 13pt;
text-transform: lowercase;
font-weight: bold;
margin: 1.5em 0 0.5em 0;	
}

#sidebar ul, #sidebar ul li {
margin: 0;
padding: 0;
list-style-type: none;	
}

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

#sidebar div div {
margin: 0;	
}

#sidebar a {
background: transparent;
color: #1a1a1a;
text-decoration: none;	
}

#sidebar a:visited {
background: transparent;
color: #1a1a1a;
text-decoration: none;	
}

#sidebar a:hover {
background: transparent;
color: #c52c18;
text-decoration: underline;	
}

#blogroll h4 {
margin: 0 0 0.5em 0;
font-size: 9pt;
font-weight: bold;	
}

#sidebar #twitter, #sidebar #flickr {
margin: 0 0 2em 0;	
}

#sidebar #tweet {
margin: 0 0 0.5em 0;
padding: 10px;
background: #1a1a1a;
color: #afafaf;	
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
}

#sidebar #tweet a, #sidebar #tweet a:visited, #sidebar #tweet a:hover {
background: #1a1a1a;
color: #afafaf;	
}

#sidebar #flickrimgs {
margin: 0 0 0.5em 0;	
}

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

#searchform {
margin: 0 0 4em 0;	
}

#searchform input {
border: 1px solid #1a1a1a;
background: #afafaf;
color: #1a1a1a;
margin: 0 10px 0 0;
padding: 5px 2px 5px 2px;
font-size: 9pt;
width: 150px;	
}

#searchform input[type="submit"] {
background: #1a1a1a;
color: #afafaf;
font-family: Palatino, "Palatino Linotype", serif;
font-style: italic;
font-size: 11pt;
text-transform: lowercase;
padding: 2px 5px 2px 5px;
width: auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#content {
display: block;
margin: 120px 300px 0 0;	
}

/**
--- POST ---
**/

.post {
margin: 0 0 5em 0;	
padding: 0;
clear: left;
overflow-x: hidden;	
}

.postheader {
margin: 0 0 1.5em 0;	
font-size: 8pt;
}

.postfooter {
margin: 1.5em 0 0 0;
font-size: 8pt;	
clear: left;
}

.postheader a, .postheader a:visited, .postfooter a, .postfooter a:visited {
color: #1a1a1a;
background: transparent;
text-decoration: none;	
}

.postheader a:hover, .postfooter a:hover {
color: #c52c18;
background: transparent;
text-decoration: underline;	
}

.postheader h2 {
margin: 0;	
padding: 2px 0 2px 0;
font-weight: bold;
text-transform: uppercase;
font-size: 12pt;
letter-spacing: 0.03em;
}

.postheader h2 a, .postheader h2 a:visited {
color: #c52c18;
background: transparent;
text-decoration: none;	
padding: 0 2px 0 2px;
}

.postheader h2 a:hover {
color: #afafaf;
background: #c52c18;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;		
}

.postdate, .postcategory {
display: inline;	
}

.postfooter .tags, .postfooter .comments {
display: inline;
}

.postdate, .postfooter .tags {
margin: 0 5px 0 0;
}

.postcategory, .postfooter .comments {
margin: 0 0 0 5px;	
}

.postcontent {
text-align: justify;	
}

.postcontent .postthumbnail {
float: left;
margin: 0 15px 10px 0;
border: 10px solid #626262;	
}

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

.postcontent h3 {
font-size: 11pt;
font-weight: bold;
margin: 0 0 0.75em 0;	
}

.postcontent h4 {
font-size: 9pt;
font-weight: bold;
margin: 0 0 0.5em 0;	
}

.postcontent ul, .postcontent ol {
margin: 0 0 1.5em 0;	
padding: 0 0 0 2em;
}

.postcontent li {
margin: 0 0 0.3em 0;	
}

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

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

#about .alignleft {
margin: 0 10px 10px 0;	
}

#about .alignright {
margin: 0 0 10px 10px;	
}

.postcontent a {
color: #c52c18;
background: transparent;
text-decoration: underline;	
padding: 0 2px 0 2px;
}

.postcontent a:visited {
text-decoration: none;
}

.postcontent a:hover {
color: #afafaf;
background: #c52c18;
text-decoration: none;
padding: 0 2px 0 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;	
}

.postcontent a img, .postcontent a:visited img {
border: none;
border-bottom: 1px solid #c52c18;	
padding: 0 0 2px 0;
}

.postcontent a:hover img {
border-bottom: 1px solid #1a1a1a;	
}

.postcontent a[rel] {
color: #c52c18;
background: transparent;
text-decoration: none;
padding: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;	
}

.post blockquote {
background: transparent url("images/quote.jpg") left top no-repeat;
color: #1a1a1a;
padding: 0 0 0 35px;	
}

.post pre {
display: block;
border: 1px solid #626262;
background: #929292;
color: #1a1a1a;
padding: 5px;	
margin: 0 0 1.5em 0;
font-family: Courier, "Courier New", monospace;
}

.post code {
display: inline;
border: none;
background: #929292;
color: #1a1a1a;
padding: 1px;	
font-family: Courier, "Courier New", monospace;
}

.navigation {
margin: 0 0 3em 0;
clear: left;	
}

.navigation a, .navigation a:visited {
color: #1a1a1a;
background: transparent;
text-decoration: none;	
}

.navigation a:hover {
color: #c52c18;
background: transparent;
text-decoration: underline;	
}

h2.archivetitle {
font-size: 16pt;
font-weight: bold;
margin: 0 0 3em 0;	
}

.column {
display: block;
width: 45%;
float: left;	
}

.wp-caption-text {
font-size: 8pt;	
}

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

.sharing {
font-size: 8pt;	
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;	
}

/**
--- COMMENTS ---
**/

#commentform label {
float: left;
width: 250px;
}

#commentform input, #commentform textarea {
border: 1px solid #1a1a1a;
background: #afafaf;
color: #1a1a1a;
margin: 0;
padding: 5px 2px 5px 2px;
font-size: 9pt;
width: 340px;	
font-family: Arial, sans-serif;
font-size: 9pt;
line-height: 1.4em;
}

#commentform textarea {
width: 590px;	
}

#commentform input[type="submit"] {
background: #1a1a1a;
color: #afafaf;
font-family: Palatino, "Palatino Linotype", serif;
font-style: italic;
font-size: 11pt;
text-transform: lowercase;
padding: 2px 5px 2px 5px;
width: auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

h3#comments, #respond h3 {
margin: 3em 0 1.5em 0;	
clear: left;
font-size: 11pt;
font-weight: bold;
}

#commentform p {
margin: 0 0 1.5em 0;	
	
}

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

.commentlist li {
margin: 0;
padding: 0;	
display: block;

}

.commentlist .acomment {
margin: 0 0 1em 0;	
padding: 0.5em 0 1em 0;
border-bottom: 1px solid #929292;
}

.commentlist .reply {
float: right;	
}

.commentlist .gravatar {
float: left;
margin: 0 20px 0 0;	
border: 5px solid #626262;
}

.commentlist .author, .commentlist .commenttime {
margin: 0;
padding: 0;
display: inline;
}

.commentlist .author {
font-weight: bold;
font-size: 12pt;
}

.commentlist .commenttime {
font-size: 8pt;	
}

.commentlist .commentcontent {
margin: 0 0 0 80px;	
}

.commentlist a, #respond a {
color: #c52c18;
background: transparent;
text-decoration: underline;	
padding: 0 2px 0 2px;
}

.commentlist a:visited, #respond a:visited {
text-decoration: none;	
}

.commentlist a:hover, #respond a:hover {
color: #afafaf;
background: #c52c18;
text-decoration: none;
padding: 0 2px 0 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;	
}

.commentlist .moderation {
font-style: italic;
font-size: 8pt;
margin: 0 0 1.5em 0;	
}

/**
--- FOOTER ---
**/

#footer {
display: block;
margin: 4em 0 1em 0;	
padding: 0;
clear: both;
}

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

#footer a:hover {
background: transparent;
color: #1a1a1a;	
}