/*  
Theme Name: Selbstdarstellung
Theme URI: http://crimsonportrait.de
Description: regenbogen - mieps :)
Version: 10
Author: Laura
Author URI: http://crimsonportrait.de	
.
   -LayoutDivs
   -Links
   -Überschriften
   -Schrift
   -Formulare
   -Listen
   -Klassen
   -Einzelner Post
   -Kalender
   -Kategorien
   -Kommentare
   -Pagebar        . */

@font-face {
	font-family: Garamond;
	src: url('font-face/AGaramondPro-Bold.otf') format("opentype");
	font-weight: bold;
}

@font-face {
	font-family: Garamond;
	src: url('font-face/AGaramondPro-Italic.otf') format("opentype");
	font-style: italic;
}

@font-face {
	font-family: Garamond;
	src: url('font-face/AGaramondPro-BoldItalic.otf') format("opentype");
	font-style: italic;
	font-weight: bold;
}

body {
	background-color: #121212;
	color: #d9d9d9;
	font: 15px/1.6 "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
/*----LayoutDivs----*/
#container {
	background: #2b2b2b url(images/content.jpg) repeat-x;
	text-align: center;
	width: 100%;
}

#content {
	margin: 0 auto;
	width: 1000px;
}
	
#header {
	margin: 0 auto;
	width: 453px;
}

#profil a {
	background: url(images/profil.jpg);
	float: left;
	height: 112px;
	margin: 232px 0 0 0;
	width: 234px; 
}
	#profil a:hover {
		background: url(images/profil_hover.jpg);
	}

#webseite a {
	background: url(images/webseite.jpg);
	float: right;
	height: 112px;
	margin: 232px 0 0 0;
	width: 234px; 
}
	#webseite a:hover {
		background: url(images/webseite_hover.jpg);
	}
	
#blog {
	text-align: justify;
}
	#blog img {
		vertical-align: middle;
	}
	#blog p, #content table {
		padding: 0 0 10px 0;
		text-align: justify;
	}

#footer {
	background: url(images/footer_bg.jpg) repeat-x;
	clear: both;
	padding: 0 30px 15px 0;
	text-align: center;
}
	#footer img {
		vertical-align: middle;
	}
	
#sidebar_left {
	float: left;
	margin-bottom: 15px;
	padding: 10px 5px 0 5px;
	text-align: left;
	width: 31%;
}
	#cal {
		display: none;
		margin: 0 auto;
		width: 80%;
	}
	.blogroll {
		display: none;
	}
	
#sidebar_middle {
	background: url(images/footer.jpg) no-repeat;
	height: 234px;
	margin: 0 auto 15px auto;
	text-align: center;
	width: 453px;
}

#sidebar_right {
	float: right;
	margin-bottom: 15px;
	padding: 10px 5px 0 5px;
	text-align: left;
	width: 31%;
}
	#lastfm {
		display: none;
	}
	#twitter {
		display: none;
	}
	
/*----Links----*/	
a, a:link, a:visited {
	color: #419a2b;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 1px 1px 3px #121212;
}
a:active, a:hover {
	font-style: italic;
	text-shadow: 2px 2px 3px #121212;
}
	
a img {
	background: none;
	border: 0;
	font-weight: normal;
}

.blogcontent a img {
	background: none;
	border: 5px solid #dce061;
	font-weight: normal;
	margin: 5px;
}
	.blogcontent a img:hover, a img:active {
	border-color: #419a2b;
}
	
	
/*----Überschriften----*/		
h1 a:link, h1 a:visited {
	color: #34b1b2;
	font-family: garamond, times, "times new roman", serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	margin: 10px 0;
	text-decoration: none;
	text-shadow: 2px 2px 1px #606060;
}
h1 a:hover, h1 a:active {
	color: #40cdce;
	font-style: italic;
}
h1 a.archivtitel {
	background: url(images/h1archiv.png) no-repeat left center;
	margin-left: 5px;
	padding-left: 25px;
}
h1 a.archivtitel2 {
	background: url(images/h1archivactive.png) no-repeat left center;
	font-style: italic;
	padding-left: 30px;
}

h2 {
	border-bottom: 1px solid #dce061;
	color: #d9d9d9;
	display: block;
	font-family: garamond, times, "times new roman", serif;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	margin: 15px 0 7px 0;
	text-transform: lowercase;
	text-shadow: 2px 2px 1px #2b2b2b;
}

h3 {
	border-bottom: 1px solid #606060;
	color: #d9d9d9;
	cursor: pointer;
	display: block;
	font-family: garamond, times, "times new roman", serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin: 15px 0;
	text-shadow: 2px 2px 1px #606060;
}
	h3:hover {
		letter-spacing: 1px;
	}
	.h3_active {
		letter-spacing: 1px;
	}
	#sidebar_middle h3 {
		border: none;
		margin: 0px;
	}
	
/*----Schrift----*/
b, strong {
	color: #fff;
}

i, em {
	font-family: garamond, times, "times new roman", serif;
	font-size: 17px;
	font-style: italic;
}

u, ins {
	color: #fff;
	text-decoration: none;
}
	
acronym, abbr, span.caps {
	border-bottom: 1px dotted #000;
	cursor: help;
}
	
blockquote {
	background: url(images/blockquote.png) no-repeat right top;
	font-size: 13px;
	margin: 10px 50px;
	min-height: 45px;
	padding: 0 50px 0 0;
}

small {
	font-size: 11px;
}
	
/*----Formulare----*/
textarea {
	background: #363636;
	border: none;
	color: #d9d9d9;
	font: 14px/1.5 "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	height: 176px;
	padding: 10px 10px 14px 10px;
	width: 600px;
}
	#pagetextarea {
		width: 200px;
	}
textarea:hover, textarea:focus {
	color: #fff;
}
	
input {
	background: #363636;
	border: none;
	border-bottom: 1px solid;
	color: #d9d9d9;
	font: 14px/1.5 "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	padding: 4px;
}
input:hover, input:focus {
	color: #fff;
}
	#s {
		padding: 3px;
		width: 175px;
	}
	
	#submit {
		background: url(images/submit1.png) no-repeat;
		border: none;
		height: 200px;
		margin: 0 0 0 -4px;
		position: relative;
		top: -90px;
		width: 106px;
	}
	#submit:hover {
		background: url(images/submit2.png) no-repeat;
	}
	
	#page-submit {
		padding: 3px;
	}
	
	#author {
		background: #363636 url(images/user.png) no-repeat;
		margin-right: 15px;
		padding: 5px 5px 5px 30px;
		width: 126px;
	}
	
	#email {
		background: #363636 url(images/mail.png) no-repeat;
		margin-right: 15px;
		padding: 5px 5px 5px 30px;
		width: 126px;
	}
	
	#url {
		background: #363636 url(images/home.png) no-repeat;
		height: 18px;
		padding: 5px 5px 5px 30px;
		width: 126px;
	}
	
/*----Listen----*/
ul {
	margin: 0;
	padding: 0;
}	
ul li {
	margin: 0;
	padding: 0;
}
	
#blog ul li {
	list-style-image: url(images/li.png);
	list-style-position: inside;
	margin: 0 0 0 30px;
	padding: 0;
}
	
#sidebar ul li.widget {
	list-style: none;
}
.lastfm li, .blogroll li, #cal li {
	list-style-image: url(images/li.png);
	list-style-position: inside;
	margin: 0 15px 0 15px;
	padding: 0;
}

/*----Klassen----*/
.alignleft {
	float: left;
	margin-right: 5px;
}
	
.alignright {
	float: right;
	margin-left: 5px;
}
	
.center, .aligncenter {
	margin: 0 auto;
	text-align: center;
}
	
.clear {
	clear: both;
}
	
img.wp-smiley {
	border: none;
	vertical-align: middle;
}
	
/*----Einzelner Post----*/
.box {
	background: url(images/blogblase.jpg) no-repeat top right;
	float: left;
	padding-right: 14px;
	text-align: center;
	width: 250px;
}
	.date {
		background: #363636;
		border-bottom: 1px solid;
		border-top: 1px solid;
		display: block;
		font-size: 13px;
		padding: 5px 5px 8px 5px;
	}
		.date:hover {
		background: #606060;
	}
	.kat, .musik, .commentlink {
		background: #363636;
		border-bottom: 1px solid;
		display: block;
		font-size: 13px;
		padding: 5px 5px 8px 5px;
	}
		.kat:hover, .musik:hover, .commentlink:hover {
		background: #606060;
	}

.blogcontent {
	background: #606060;
	border-bottom: 10px solid #382f60;
	float: right; 
	margin: 15px 0 15px 0;
	padding: 12px 10px 10px 10px;
	width: 716px;
}
	.blogcontent:hover {
		border-bottom-color: #664995;
	}
	
	.blogcontent p {
		margin-top: 0px;
	}

.archivcontent {
	display: none;
}

.more-link {
	background: #606060;
	float: right;
	font-size: 20px;
	margin: 0 0 5px 10px;
	padding: 5px 8px;
}
	
/*----Kalender----*/
#wp-calendar th {
	font-weight: bold;
	text-align: center;
}

#wp-calendar {
	font-size: 14px;
	empty-cells: hide;
	margin: 0px auto;
}
	
#wp-calendar a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#wp-calendar #next a {
	display: block;
	padding-right: 3px;
	text-align: right;
}
#wp-calendar #prev a {
	display: block;
	padding-left: 3px;
	text-align: left;
}
	#wp-calendar a:hover, #wp-calendar a:active {
		background-color: #363636;
		font-style: normal;
	}

#wp-calendar caption {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#wp-calendar td {
	padding: 2px 5px;
	text-align: center;
}
	
#wp-calendar #today {
	background: #606060;
}
	
/*----Kommentare----*/
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.commentlist li {
		list-style-image: none!important;
		margin: 0!important;
		padding: 0;
	}
	
.commentleft {
	background-color: #606060;
	float: left;
	height: 90px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 80px;
}

.commentbox {
	background: #363636 url(images/kommentar.jpg) no-repeat;
	float: right;
	min-height: 85px;
	padding: 15px 10px 0 60px;
	width: 850px;
}
  	.commentbox p  {
		margin-top: 0;
		padding: 5px;
	}
	
#authorinfo {
	float: left;
	width: 150px;
}

#respondbox {
	float: right;
	width: 800px;
}

#writecomment {
	clear: both;
}
/*----Pagecomments----*/
#pagecomments {
	display: none;
	text-align: left;
}

.page-commentbox {
	background: #363636 url(images/page-kommentar.png) no-repeat;
	padding: 9px 5px 1px 5px;
}
  	.page-commentbox p  {
		margin-top: 0;
	}
	
/*----Pagebar----*/
.pagebar { 
	font-weight: bold;
	padding: 0 0 50px 0; 
	text-align: center;
	width: 100%;
}

.pagebar a, .pagebar a:visited, .pagebar a:link	{
	background: #363636;
	padding: 3px 7px !important;
	text-decoration: none;
}

.pagebar a:hover {
	background: #606060;
	font-style: normal;
}

.pagebar .break {
	font-weight: bold;
	padding: 2px 7px; 
}

.pagebar .this-page {
	background: #606060;
	padding: 3px 7px;
}