/*
Theme Name:	Paperpunch Child
Description:		Child Theme for Paperpunch
Author:				Felix Jung
Template:			paperpunch
Version:			0.1.0
*/

@import url("../paperpunch/stylesheets/master.css");


/* ////////////////////////////////////////////////////////////////////////////////	
BASIC PAGE ELEMENTS
//////////////////////////////////////////////////////////////////////////////// */

#wrapper {
	width: 965px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	text-align: left;
}
#content {
	float: left;
	width: 662px;
	padding-bottom: 10px;
}

body {
	background: url(/images/structural/bgpattern.gif); 
	color:#444444;
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
	line-height:2.2em;
}	



#header {
	background: none;
	padding: 15px 0 0;
}

ul#follow {
	float: right;
	margin:35px 80px 0 0;
}


#navigation {
	margin: 0 0 10px 0;
	padding-bottom: 0px;
	font-size: 1.4em;
	background: #FFFFFF;
	-moz-border-radius:10px 10px 10px 10px;
}


#nav { 
	padding: 0 20px 0 30px; 
}



#navBunny {
	float: right;
	margin: -115px 10px; 0 0;
}

#nav a, #nav li.current_page_parent a, #nav li.current_page_ancestor a, #nav li.current-cat-parent a, #nav li.current-cat a, #nav li.current_page_item a {
	display: block;
	color: #C9555A; 

	text-decoration: none;
	margin: 0 25px 0 0;
 }



#nav a:hover, #nav li.current_page_parent a:hover, #nav li.current_page_ancestor a:hover, #nav li.current-cat-parent a:hover, #nav li.current-cat a:hover, #nav li.current_page_item a:hover {
	color: #6EDBD2;
}



h5#postcomment {
	margin: 10px;
	padding: 10px 20px 10px 0;
	font-size: 1.3em;
	color: #555;
	background: #E4FDFA url(/images/structural/bg-stripes_NEW.png) repeat-x bottom left;
	text-align: right;
}




#footer {
	/* Check parent /stylesheets/ie.css for IE settings */	
	background: #FFFFFF;
	padding: 30px;
	clear: both;
	-moz-border-radius:10px 10px 10px 10px;	
}	



/* ////////////////////////////////////////////////////////////////////////////////	
PREV/NEXT NAVIGATION
//////////////////////////////////////////////////////////////////////////////// */
.miniNav {
	font-size: 1.4em;
	padding: 15px 20px;
	margin: 0 10px 10px 10px;
	background: url(/images/structural/bg-stripes_NEW.png) repeat-x bottom left;
	
}

.miniNav-left {

}

miniNav-right {
	text-align: right;
	float: right;
}

.miniNav span {
	font-size: .9em;
	color: #aaa;
	font-weight: normal;
	margin-left: .3em;
}
.miniNav a:link, .miniNav a:visited {
	color: #CC5558;
	
}
.miniNav a:hover {
	color: #6EDBD2;
	text-decoration: none;
}




/* ////////////////////////////////////////////////////////////////////////////////	
SIDEBAR
//////////////////////////////////////////////////////////////////////////////// */

#sidebar h2.widgettitle {
	background: none;
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:0.05em;
	margin:0 10px 5px 10px;
	padding: 5px 10px 0 10px;
	text-align:left;
	text-transform:uppercase;
}

#sidebar .customText p {
	font-size:1.3em;
	margin: 0 15px 20px 15px;
}

#sidebarImageRotator {
	padding: 0 10px 5px 10px;
}

#sidebar .profile {
	background:none repeat scroll 0 0 #FDE4E5;
	border:1px solid #E6E1DC;
	padding:5px;
	margin: 0 10px 5px 0;
	float: left;
}

#sidebar ul li.widget ul {
    font-size: 1.3em;
    margin: -10px 30px 20px;
}



/* ////////////////////////////////////////////////////////////////////////////////	
SIDEBAR - RECENT COMMENTS
//////////////////////////////////////////////////////////////////////////////// */

.customized-recent-comments .avatar { 
	float:none; 
	padding:0 0 0 0; 
}

.customized-recent-comments h3 { 
	font-size:1.1em; 
	font-weight:bold; 
}

.customized-recent-comments .comment-meta { 
	font-size:.9em; 
}



.comment-avatar {
	float: left;
	height: 40px;
	width: 40px;
	
	margin: 0 10px 0 0;
	
	border: 4px solid #E4FDFA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	
}

.comment-details {
	padding: 0;
}

.comment-title {
	font-size: 15px !important;
	float: left;
}	

.comment-meta {
	float: left;
}

.comment-blurb {
	font-size: 12px;
	clear: both;
	padding: 5px 0 10px 0;
	border-bottom: solid 1px #E6E1DC;
	margin: 0 0 10px 0;
}



/* ////////////////////////////////////////////////////////////////////////////////	
FLICKR
//////////////////////////////////////////////////////////////////////////////// */

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!

<div id="flickr_badge_uber_wrapper">
	<div id="flickr_badge_wrapper">
		<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=5&display=latest&size=s&layout=x&source=user&user=28761428%40N08"></script>
		<div id="flickr_badge_source">
			<a href="http://www.flickr.com/photos/zilredloh/"><img id="flickr_badge_icon" alt="zilredloh's items" src="http://farm3.static.flickr.com/2273/buddyicons/28761428@N08.jpg?1218058483#28761428@N08" /></a><span id="flickr_badge_source_txt"><nobr>Go to</nobr> <a href="http://www.flickr.com/photos/zilredloh/">zilredloh's photostream</a></span><br clear="all" /></div>
	</div>
</div>
*/

#flickr_badge_uber_wrapper {
	text-align:center; 
	padding: 0;
	margin: 0 0 20px 0;
}

#flickr_badge_wrapper {
	padding: 0 0 0 10px;
}

.flickr_badge_image {
	width: 85px;
	float: left;
	margin: 0 5px 0 0;
}

.flickr_badge_image img {
	margin: 0 5px 0 0;
	padding: 5px;
	background-color: #FDE4E5;
	border:1px solid #DEDEDE;
}

#flickr_badge_source {
	text-align:left; 
	margin:0 10px 0 10px;
}

#flickr_badge_icon {
	float:left; 
	margin-right:5px;
}

#flickr_www {
	display:block; 
	padding:0 10px 0 10px !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#3993ff !important;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color:#CC5558;
}

#flickr_badge_wrapper {
background-color:#ffffff;
}
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#444444 !important;
}










/* ////////////////////////////////////////////////////////////////////////////////	
POST
//////////////////////////////////////////////////////////////////////////////// */

.post-header h1 a:link, .post-header h1 a:visited, .post-header h2 a:link, .post-header h2 a:visited {
 	color: #CC5558;

}
.post-header h1 a:hover, .post-header h2 a:hover { 
	text-decoration: none;
	color:#5CBFC3;	
}

.post-header a {
/* 	text-transform:capitalize; */
}

.post-header h1.pagetitle, .post-header h2.pagetitle {

	font-size: 2.4em;
}


.entry img.alignleft, .entry img.alignright, .entry img.aligncenter, .entry img.alignnone {
	padding: none;
	background: none;
	border: none;
}





.meta {
	font-size: 1.3em;
	font-weight: bold;
	color: #878787;
	padding: 5px 20px;
	margin: 0 10px 10px 10px;

	background: #E4FDFA url(/images/structural/bg-stripes_NEW.png) repeat-x bottom left;


	text-align: right;
}


div.tags a { color: #666; }
div.tags a:hover { color: #5CBFC3; }
div.tags {
	margin: 10px 0 0 30px;
	padding: 0 0 0 24px;
	font-size: 1.2em;
	background: url(/images/structural/tags_NEW.png) no-repeat 0 1px;
}


div.comments a, div.comments div {
	display: block;
	float: left;
	width: 109px;
	height: 54px;
	text-decoration: none;
	background: url(/images/structural/comments-wrap-colors_NEW.png) no-repeat 0 0;
}


a:link, a:visited { 
	color: #CC5558; 
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #5CBFC3;
}

.entry {
	padding: 15px 30px 0;
}


.entry a:link, .entry a:visited, .alert-box a:link, .alert-box a:visited { 
	text-decoration: none; 
}


div.category a {
	color:#CC5558;
}

div.category a:hover, div.tags a:hover { 
	color: #5CBFC3; 
	text-decoration: none;
}


div.comments a strong, div.comments div strong {
	position: absolute;
	left: 58px;
	top: 5px;
	line-height: 40px;
	font-size: 2em;
	font-weight: bold;
	color: #CC5558;
	opacity: 0.7;
}

div.comments a:hover strong { 
	opacity: 1; 
}

/* ////////////////////////////////////////////////////////////////////////////////	
COMMENTS + GRAVATAR
//////////////////////////////////////////////////////////////////////////////// */

/* Regular comments */
.c-head {
	background:url("/images/structural/bg-stripes_NEW.png") repeat-x scroll left bottom #E4FDFA;
	color:#555555;
	font-size:1.3em;
	font-weight:bold;
	margin:0 10px 10px;
	padding:10px 20px;
	text-align:right;
}


.c-head > span {
	color: #666;

}

div.c-grav {
	float: left;
	width: 48px;
	margin: 10px 0 10px 30px;
}

div.c-grav img {
	border: 4px solid #E4FDFA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}



/* Admin comments */

.c-head.admin-comment {
	background-image: url("/images/structural/bg-stripes_ADMIN.png");
}

.c-head.admin-comment > span {
	color: #666;
}


.comment-author-Felix > .comment-box {
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #DEDEDE;
	margin:5px 0;
	padding-top:10px;
}


.comment-author-Felix .c-grav img {
	border: 4px solid #FDE4E5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}





/* ////////////////////////////////////////////////////////////////////////////////	
ARCHIVES
//////////////////////////////////////////////////////////////////////////////// */
.thumbnailImage {
	padding: 20px 15px 10px 0;
	float: left;
}

.customExcerptTitle {
	padding: 20px 0 0 0;
}

.customTitle {
	font-size: 18px;
	padding: 0 0 5px 0;
}

.customExcerptTitle span {
	display:block;
	text-align: left;
}



.customDate {
	font-size: 11px;
	color: #666;	
}

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



.entries ul {
	clear: both;
	margin: 0;
	border-bottom: none;
	border-top: 1px solid #dedede; 

}
.entries ul li { 
	border-top: none;
	border-bottom: 1px solid #dedede; 
	padding: 0 0 20px 0;
	clear: both;
}

.entries ul li a {
	display: inline;
	margin: 0;
	padding: 7px 0;
}

.entries ul li a:hover {
	background-color: #FFF;
	text-decoration: none;
}












/* ////////////////////////////////////////////////////////////////////////////////	
FOOTER
//////////////////////////////////////////////////////////////////////////////// */

#footer div.widget {
    float: left;
    margin-left: 20px;
    width: 200px;
}

#copyright {
	display: block;
	clear: both;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #888;
}

.copyright-notice {
	float: left;
}

.attrib {
	float: right;
}



#footer div.widget ul li a:link, #footer div.widget ul li a:visited	 {
	font-size: 1.3em;
	color: #CC5558;
}
#footer div.widget ul li a:hover	{ 
	color: #5CBFC3; 
}

#footerBunnies {
	float: right;
	margin: -93px 0 0 0;

}



/* ////////////////////////////////////////////////////////////////////////////////	
CONTACT FORM
//////////////////////////////////////////////////////////////////////////////// */

.contactform {
	border-top: 1px solid #dedede;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

.contactleft {

}

.contactright {
	margin: 0 0 15px 0;
}

#wpcf_msg {
	width: 400px;

}



/* ////////////////////////////////////////////////////////////////////////////////	
Project CPR
//////////////////////////////////////////////////////////////////////////////// */

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

.buttonCodeContainer {
	min-height: 130px;
	clear: both;
	margin: 0 0 30px 0;
}

.buttonCodeContainer img {
	border: 1px solid #CCC;
	padding: 5px;

}

.code-area {
	float: right;
}

#sidebar div.textwidget {
	margin: 5px 0 0 0;
	text-align: center;
}

/* 
Light Teal: #E4FDFA
Scooter Teal: #5CBFC3;

Light Pink: #FDE4E5;
Darker Pink: CC5558;
*/