/*
Theme Name: Frilansfotograf Hampus Karlsson
Description: Portfolio
Version: 1.1
Author: Mattias Haal
Author Url: http://haal.se
*/


/* ---------- general */

* {
margin: 0;
padding: 0;
font-size: 13px;
font-family: lucida grande, helvetica, arial, sans-serif;
}

body {
background: url('images/bg_top_menu.jpg') top repeat-x; 
background-color: #191919;
color: #000;
line-height: 155%;
text-align: left;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img	{
border: none;
}

#wrapper {
background: url('images/bg_top_wrapper.jpg') top no-repeat;
margin: 0 auto; 
width: 1000px;
text-align: left;
}


/* ---------- menu */

.menu {
margin-left: 110px;
}

.menu ul	{
list-style: none;
}

.menu ul li {
display: inline;
}

.menu a 	{
display: block; 
float: left; 
padding: 30px 12px 28px 12px; 
color: #fff;
font-size: 15px;
}

.menu a:hover {
color: #439919;
text-decoration: none;
}

.menu .feed {
color: #f88f0b;
}

/* ---------- container */

#container { 
width: 1000px; 
float: none;
display: inline
}


/* ---------- content */

#content { 
width: 610px; 
min-height: 300px;
padding: 0px 20px 0px 20px;
margin: 350px 0px 0px 108px;
float: left;
}

#content p {
font-size: 13px;
margin: 0 0 14px 0;
}

#content a {
color: #43991a;
}

#content blockquote {
margin: 0 20px;
padding: 0px 10px; 
}

#content h1, #content h2, #content h1 a, #content h2 a {
color: #000; 
text-decoration: none;
}

#content h1, #content h1 a {
font-size: 20px;
margin-bottom: 14px; 
}

#content h2, #content h2 a {
font-size: 17px;
margin-bottom: 14px; 
}

#content h1 a:hover, #content h2 a:hover {
color: #000;
text-decoration: underline;
}

#content h3 {
font-size: 14px; 
margin-bottom: 10px; 
color: #000; 
}

#content h3 a {
font-size: 14px;
color: #43991a;
}

#content h3 a:hover	{
color: #43991a; 
}

#content .metadata {
color: #999; 
margin: 5px 0 5px 0;
}

#content .m_date {
padding: 2px 10px 2px 0; 
}

#content .m_author {
padding: 2px 10px 2px 10px; 
}

#content .m_time {
padding: 2px 10px 2px 10px;  
}

#content .m_category {
padding: 2px 10px 2px 10px; 
}

#content .m_comments {
padding: 2px 10px 2px 10px; 
border-right: none;
}

#content .entry {
background: url('images/bg_entry.png') top repeat-y;
min-height: 200px;
border: 0px;
padding: 0px 20px 1px 20px;
margin-bottom: 0px; 
}

#content .entrytop {
background: url('images/bg_entry_top.png') top no-repeat;
height: 30px;
border: 0px;
padding: 0px;
margin: 0px; 
}

#content .entrybottom {
background: url('images/bg_entry_bottom.png') top no-repeat;
height: 30px;
border: 0px;
padding: 0px;
margin-bottom: 50px; 
}

#else {
padding: 0px 0px 0px 20px;
}

#else h2 {
font-size: 20px;
margin: 40px 0 14px 0; 
}

#else p {
font-size: 13px;
margin: 0 0 14px 0;
}

/* ---------- comments */

#content .comments-template {
margin-top: 20px;
}

#content .commentlist {
list-style: none; 
margin: 10px 0 0 0;
}

#content .commentmetadata {
padding: 5px 0 5px 0; 
margin: 5px 0 5px 0; 
border-bottom: 1px solid #ccc;
}

#content .commentmetadata img {
float: left; 
padding: 2px; 
margin: 5px 10px 5px 0; 
border: 1px solid #ccc; 
}

#content .authorcomment	{
margin: 5px 0 5px 0; 
}


/* ---------- comments */

#author, #email, #url, #comment { 
border: 1px solid #ccc; 
padding: 5px; 
margin-top: 5px;
}

#author {
width: 275px; 
}

#email {
width: 275px; 
}

#url {
width: 275px; 
}

#comment {
width: 558px; 
}

#submit {
background: url('images/bg_box.png') top repeat-x;
border: 1px solid #ccc; 
padding: 5px; 
margin: 10px 0 2px 0;
}


/* ---------- footer */

#footer {
margin: 0px;
padding: 15px 0px 10px 0px;
width: auto;
height: auto;
background: url('images/bg_footer_menu.jpg') top repeat-x;
background-attachment: scroll;
background-position: center top;
background-color: #000;
}

#footer .container {
margin: 0 auto; 
padding: 0px;
width: 1000px;
height: auto;
font-size: 12px;
color: #f7bc1c;
text-align: center;
}

/* ---------- required by wordpress */

.aligncenter, div.aligncenter {
display: block; 
margin: 0 auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd; 
text-align: center; 
background-color: #f3f3f3; 
padding-top: 4px; 
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px; 
-khtml-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; 
}

.wp-caption img {
border: 0 none; 
}

.wp-caption p.wp-caption-text {
font-size: 11px; 
line-height: 17px; 
padding: 0 4px 5px;
}