/*
Theme Name: PinkedBlack 
Theme URI: http://www.gerbenvanerkelens.com
Description: Basic white theme with contrasting pink.
Version: 3.0
Author: Gerben van Erkelens
Author URI: http://www.gerbenvanerkelens.com/

	This theme was designed and built by Gerben van Erkelens,
	whose blog you will find at http://www.gerbenvanerkelens.com/

	The CSS, HTML5 and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*	Begin Headings */
h1 
{
	margin: 5px 0 0 0;
	font-size:21px;
	font-family: 'Droid Sans', arial, sans-serif;
	font-weight:550;
	line-height:1em;
}

h2 
{
	margin: 10px 0 0 0;
	text-transform:none;
	font-size:18px;
	font-family: 'Droid Sans', arial, sans-serif;
	font-weight:normal;
}

h2.pagetitle 
{
	margin-top: 30px;
	text-align:left;
}

.sidebar h2{
	background-color:#ee2f58;
	height:20px;
	width:100%;
	font-size:14px;
	color: #333333;
	text-transform:uppercase;
	padding:8px 0 0 10px;
	margin:0 0 10px 0;
	text-shadow: 1px 0px 0px #a7213e;
	filter: dropshadow(color=#a7213e, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.sidebar h2.widgettitle{
	background-color:#dddddd;
	height:20px;
	width:100%;
	font-size:14px;
	color: #333333;
	text-transform:uppercase;
	padding:8px 0 0 10px;
	text-shadow: 1px 0px 0px #bbbbbb;
	filter: dropshadow(color=#bbbbbb, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	border-radius: 4px 4px 4px 4px;
}

h3 
{
	padding:0 0 0 0;
	font-size:14px;
	text-transform:none;
	margin: 0 0 0 0;
	font-family: 'Droid Sans', arial, sans-serif;
	font-weight:normal;
}

h3.comments 
{
	padding: 0;
	padding: 0;
	font-size:14px;
	text-transform:none;
	margin: 40px auto 20px ;
}
/* End Headings */

/* Begin links*/
a:link	
{
	color:#111111;
	text-decoration:none;		
}
a:visited	
{
	color:#666666;
	text-decoration:none;
}
a:hover
{
	color:#ee2f58; 
	text-decoration:underline;
}	

#menu a 
{
	color:#fafafa;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	border: 0px;
	text-align:left;
	padding:8px 10px 6px 10px;
	margin:0 5px 0 0;
	background:#333333;
	text-shadow: 1px 0px 0px #222222;
	filter: dropshadow(color=#222222, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
#menu li.current_page_item a 
{
	background:#ee2f58;
	text-decoration:none;
	color:#222222;
	border: 0px;
	text-shadow: 1px 0px 0px #a7213e;
	filter: dropshadow(color=#a7213e, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
#menu a:hover 
{
	background:#ee2f58;
	text-decoration:none;
	border: 0px;
	text-shadow: 1px 0px 0px #a7213e;
	filter: dropshadow(color=#a7213e, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}

#footer_menu a
{
	color:#fafafa;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-style:normal;
	display:inline-block;
	border: 0px;
	text-align:left;
	padding:5px 6px 3px 6px;
	margin:0 5px 0 0;
	background:#333333;
	text-shadow: 1px 0px 0px #222222;
	filter: dropshadow(color=#222222, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;	
}

#footer_menu a:hover 
{
	background:#ee2f58;
	text-decoration:none;
	border: 0px;
	text-shadow: 1px 0px 0px #a7213e;
	filter: dropshadow(color=#a7213e, offx=1, offy=0);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}


.widgettitle a:link
{
	color: #000000;
}

.postmetadata a:link
{
	color:#ee2f58;
	text-decoration:none;		
}
.postmetadata a:hover
{
	color:#ee2f58;
	text-decoration:underline;		
}

.entry a:link
{
	color:#ee2f58;
	text-decoration:none;		
}
.entry a:hover
{
	color:#ee2f58;
	text-decoration:underline;		
}

/* Begin elements*/
hr
{
	height:0px;
	margin:5px 0 5px 0;
	border-style: dotted; 
	border-width: 1px 0 0 0; 
	border-color:#222222;
}
ul 
{
	margin:0 0 0 10px;
	padding: 0 0 0 20px;
	list-style:none;
}
#menu ul
{
	display:inline;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#footer_menu ul
{
	display:inline;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
li	
{
	list-style-type:disc;
	margin:0px 0 5px 0;
	padding:0 0 0 0;
}
#menu li
{
	list-style:none;
	display:inline;
}
#footer_menu li
{
	list-style:none;
	display:inline;
}

blockquote
{
	font-style:italic;
	color:#333333;
	quotes:none;
	padding:0 10px 0 15px;
	width:85%;
	border:#ee2f58 1px dotted;
}
textarea, input {  
    padding: 2px 5px 2px 5px;  
    font-size: 12px;   
    outline: none;
	color:#333;
	background:#f2f2f2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    border: 1px solid #bbbbbb;  
}  
textarea:focus, input:focus {  
	background:#fafafa;
	font-size: 12px;  
	color:#111111;
}  
button {  
    padding: 2px 5px 2px 5px;  
    font-size: 12px;   
    outline: none;
	color:#fafafa;
	background:#111111;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
    border: 1px solid #bbbbbb;  
}  

.wp-caption {
    background: #fafafa;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 5px 5px 5px;
    text-align: center;
	margin:0px auto;
}

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.img_profiles{
	vertical-align:middle;
	border:0px;
}

.input_searchbox{
	vertical-align:baseline;
}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
.post img{
	border:1px dotted #222222;
}
/* End Images */

/* Begin Social*/
#socialshare{
	position:fixed;
	clear:both;
	float:left;
	padding: 10px 5px 10px 15px;
	width:70px;
	top:135px;
	background-clip:#f3f3f3;
	border:1px dotted #bbbbbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
	z-index:22;
	left: -76px;
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
}
#socialshare:hover{
	left: -4px;
}

.social_heading{
	background-color:#222222;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;	
	width:70px;
	height:25px;
	color:#f1f1f1;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	padding:8px 20px 0 0px;
	margin:0 0 10px 0;
}
/* End Social*/

/* Begin div elements*/
body 
{
	margin: 0px;
	padding: 0px;
	background: #ffffff url('images/bg_website.jpg');
	background-repeat:no-repeat;
	background-position:right bottom !important;
	background-attachment:scroll;
	font-family: 'Droid Sans', arial, sans-serif;
	font-size:12px; 
	color: #111111;
	width:100%;
	line-height:16px;
	letter-spacing:0.5px;
}

#topbar
{
	position:absolute;
	height:30px;
	left: 0px;
	right: 0px;
	top: 0px;
	background:#f1f1f1;
	border-bottom:#bbbbbb 1px solid;
}

#breadcrumbs
{
	float:left;
	padding:7px 0 5px 15px;
	font-size:13px;
}

#search
{
	float:right;
	padding:3px 15px 0 0;
	padding:5px 15px 0 0\9;
}

header
{
	position:absolute;
	margin-bottom:10px;
	height:75px;
	left: 0px;
	right: 0px;
	top: 31px;
	background:#f3f3f3;	
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, rgb(230,230,230)),
    color-stop(0.5, rgb(225,225,225)));
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(230,230,230) 20%,
    rgb(225,225,225) 50%);
	border-bottom:#bbbbbb 1px solid;
}

#navigation
{
	margin:0px auto;
	width:1000px;
}

#menu
{
	position:relative;
	margin:0px auto;
	height:50px;
	padding:30px 0 0 25px;
	float:left;
}

#logo
{
	position:relative;
	width:345px;
	height:100px;
	float: right;
	top:-20px;
}
	
#wrapper
{
	position:relative;
	width:990px;
	min-height:100%;
	height:auto;
	height:100%;
	margin: 0px auto;
	top:115px;
	left: 0px;
	right: 0px;
}

#content
{
	position:relative;
	float:left;
	width:650px;
	margin:0 5px 20px 20px;
	display: inline;
	padding:0 0 115px 0;
}

.post
{
	padding: 5px 5px 10px 5px;fbody
	margin:0px 0 5px 0;
}

aside
{
	position:relative;
	float:left;
	width:280px;
	margin:10px 10px 10px 12px;
}

.widget
{
	padding:0px 0 10px 0;
}

footer
{
	position:relative;
	clear:both;
	width:100%;
	height:100px;
	bottom:0px;
	margin: 0px auto 0px auto;
	padding:10px 0 0 0px;
	background:#f3f3f3;
	border-top:#bbbbbb 1px solid;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.19, rgb(250,250,250)),
    color-stop(0.5, rgb(241,241,241)));
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 19%,
    rgb(241,241,241) 50%);	
}

#footer_content
{
	position:relative;
	width:600px;
	padding:10px 0 0 15px; 
	margin: 0px auto;
	font-size:12px;
	color:#999999;
	font-style:italic;
	text-align:center;	
}

#search_404
{
	margin:20px 0 0 0;
}

#comments
{
clear:both;
}

/*Other Items*/
.postmeta
{
	background:#eeeeee;
	height:40px;
	margin:5px 0 10px 0;
	padding:0px 0 0 5px;
	border:dotted #cccccc 1px;
}
.navigation
{
	padding: 10px 0 10px  0;	
}
.entry
{
	border: 0px;
}
.alt
{
	background-color:#eeeeee;
	border:#333333 1px dotted;
	padding: 5px;
}
.comments-template
{
	margin: 5px 0 5px 0;
}
.comments-template ol
{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}
.comments-template ol li
{
	margin: 5px 0 5px 0;
	line-height: normal;
	padding: 5px;
	border: 1px dotted #333333;
	background-color:#f3f3f3;
	list-style: none;
}
.comments-template h2, .comments-template h3
{
	font-family: 'Droid Sans', arial, sans-serif;
	font-size: 16px;
}
.commentmetadata
{
	font-size: 12px;
}
.comments-template p.nocomments
{
	padding: 0;
}
.comments-template textarea
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}