/*
Theme Name: Portfolio
Theme URI: http://www.webdesign-buero-berlin.de
Description: Theme for my portfolio
Author: Julia Braeunig
*/

* {
margin: 0;
padding: 0;
}

input:focus, a:focus {
border:none;
outline:none;
}

body {
background: #51c97e;
color: #888;
font-family: Helvetiva,Arial,Verdana,sans-serif;
font-size:12px;
line-height:17px;
}

#wrapper {
background: #fff;
margin: 0 auto;
width: 1040px;
}

#innerwrapper {
background: #fff;
float: left;
width: 940px;
padding: 50px 50px 10px 50px;
}

.column_left {
float: left;
width: 430px;
margin-right: 75px;
}

.column_right {
float: left;
width: 430px;
}

.contentbox {
width:435px;
height: 270px;
margin-bottom: 30px;
}

.gruen {
margin-bottom: 0;
}

.margin {
margin-top: 55px;
}

.column_both {
width: 940px;
height:270px;
}

.abs {
position: relative;
width:430px;
height: 270px;
}



.person-links {
position: absolute;
right: 225px;
bottom: 40px;
width: 205px;
}

.person-rechts {
width: 225px;
position: absolute;
right: 0px;
bottom: 40px;
}

.person-links a img {
float: left;
margin: 2px 3px 2px 0;
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

.person-links a img:hover {
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

.clear {
clear: both;
}

ul {
margin-left: 30px;

}

ul li {
margin-bottom: 10px;
}

a:link, a:visited {
color: #aaa;
text-decoration: none;
font-weight: bold;
}

a:hover, a:active {
color: #6dbfd3 !important;
text-decoration: none;
font-weight: bold;
}

.pink a {
color: #f2186f;
}

.blau a, .textblau {
color: #6dbfd3;
}

.margin2 {
height: 20px;
display: block;
}

.gruen a, .person-links a {
color: #51c97e !important;
}

.gruen a:hover, .person-links a:hover {
color: #888 !important;
}

.julia {
background: url(images/juliabraeunig.gif) no-repeat top left;
width: 357px;
height: 62px;
display: block;
float: left;
margin-right: 3px;
}

.portfolio {
background: url(images/portfolio.gif) no-repeat top left;
width: 272px;
height: 62px;
display: block;
float: left;
}

.photos {
width: 584px;
height: 62px;
display: block;
float: left;
}

.post {
width: 300px;
float: left;
margin: 0 20px 20px 0;
}

.single .post {
width: 585px;
}

.post img {
border: 7px solid #d4d4d4;
width: 286px;
height: 286px;
}

.single .post img {
width: 570px;
height: 570px;
}

.tagcloud {
float: left;
width: 330px;
margin-top: 190px;
text-align: center;
}

.tagcloud a {
line-height: 24px;
margin-right: 10px;
}

.tagcloud a:hover {
color: #d4d4d4 !important;
}

p {
margin-bottom: 10px;
}

.referenzen img {
border: 5px solid #ccc;
float: left;
width: 194px;
height: 194px;
margin: 0 10px 10px 0;
}

.comments, .wpfblike {
clear: left;
display: block;
}

.comments, #commentform {
margin-top: 20px;
clear: left;
display: block;
font-family: Helvetica,Trebuchet MS, Arial, sans-serif;
float: left;
width: 584px;
}

.comment-p {
padding: 0 0 10px 0;
clear: both;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #e3e3e3;
padding: 2px;
}



#commentform input {
width: 250px;
color: #444;
font-family: Helvetica,Trebuchet MS, Arial, sans-serif;
font-size: 9pt;
}

#commentform textarea {
width: 578px;
color: #444;
font-family: Helvetica,Trebuchet MS, Arial, sans-serif;
font-size: 9pt;
}

#commentlist {
clear:both;
margin:20px 0 50px;
width:584px;
display: block;
}

#commentlist li {
list-style: none;
padding: 0 0 15px 0;
float: left;
display: block;
margin: 0 0 20px 0;
border-bottom: 1px dotted #ccc;
}

.commentext {
font-size: 10pt;
line-height: 13pt;
}

.comment-content .commenttext a:link, .comment-content .commenttext a:visited, .comment-content p a {
color: #6DBFD3 !important;
}

.comment-content .commenttext a:hover, .comment-content p a:hover {
color: #888 !important;
}


.kommentarsenden {
width: 227px;
height: 19px;
background: url(images/kommentar.gif) no-repeat top left;
border: 0px;
}

.kommentarsenden:hover {
background-position: 0 -19px;
}

.commentmeta {
margin: 0;
display: block;
width: 490px;
margin-bottom: 10px;
font-size: 8pt;
}

.comment-date {

font-size: 8pt;
}

.comment-avatar {
float: left;
width: 40px;
margin-right: 20px;
}

.comment-content {
float: left;
width: 490px;
}

#commentlist li ul {
list-style-type: none;
}

#commentlist li .avatar {
border:1px dotted #CCCCCC;
float:left;
margin:0;
padding:2px;
}



.pagebar {
height: 24px;
border: none;
font-size: 8pt;
clear: left;
display: block;
float: left;
margin-top: 20px;
margin-bottom: 10px;
}

.pagebar a {
height: 24px;
width: 24px;
display: inline-block;
color: #fff !important;
text-decoration: none;
line-height: 25px;
text-align: center;
padding: 0 !important;
background: url(images/pages.png) no-repeat top left;
}

.pagebar a:hover{
background: url(images/pages.png) no-repeat 0 -24px;
}

.this-page {
height: 24px;
width: 24px;
display: inline-block;
color: #fff !important;
text-decoration: none;
line-height: 25px;
text-align: center;
padding: 0 !important;
background: url(images/pages.png) no-repeat 0 -24px;
}