/*
Theme Name:     cp-minimal Child
Theme URI:      http://www.cproell.de/wordpress-themes/
Description:    Child theme for the cp-minimal theme
Author:         Robyn Rognstad
Author URI:     n/a
Template:       cp-minimal
Version:        0.1.0
*/

@import url("../cp-minimal/style.css");

/*body{background-color: #ffddee; background: url('http://www.robynie.com/wp-content/uploads/2014/07/honk3.png') top center fixed;
	background-size: 100% auto;
  background-attachment:fixed;}*/

* { box-sizing: border-box }

#background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-image: url('http://www.robynie.com/wp-content/uploads/2016/04/background-triangles.jpg');
    background-attachment: fixed;
}

h1.header {font-size:32px;}
h1 {font-size:20px;}
.description{text-transform: uppercase; padding-top:15px;}

#logo {
	background: url(img/title.png) no-repeat; width: 444px; height: 246px; margin: 0 auto; text-indent: -99999px; overflow: hidden;
}

#container {background: url('/wp-content/uploads/2015/12/doille.png') top center no-repeat; margin-top: -20px; padding-top: 28px; overflow: hidden;}


.col-single{float:left;}
#main-single{width:960px;} /* Full width post (art page) */
#main{width:960px;}
#sidebar{width:170px;}

#footer {border:0px; height:40px;}

.post,div.page{border:0px;}
p img { height: auto;}
.comment-form{border:0px;}
.widget{border:0px;}


#top-nav ul.nav { position: absolute; right: 100px; top: 50px; width: 143px; margin: 0; padding: 0;}
#top-nav .nav a { width: 143px; background: none; border: none; font:normal 18px/150% Georgia, Times, serif; color: #545454; text-align: right; padding: 0px 6px;}
#top-nav .current_page_item a, #top-nav .current_page_item a:hover {
	color: #545454;  background-color: #FFDD4D; background-color:rgba(255, 176, 0, 0.7); border: solid 1px #FFB000;
}
#top-nav .nav a[href="http://payhip.com/robynie"] { background:url('http://www.robynie.com/wp-content/uploads/2015/12/pattern_shop_button.png') no-repeat; background-size: contain;
background-position: right;
color: rgba(255, 0, 0, 0);
height:40px;
}

#top-nav {position: relative;}
#socialmedia{width: 26px; position: absolute; right: 10px; top: 50px;}
#socialmedia a {margin-bottom: 10px; display: block;}
#socialmedia img{opacity:1.0; filter:alpha(opacity=100); border: none;}
#socialmedia img:hover{opacity:0.5; filter:alpha(opacity=50);}


a{color:#FF00CC;}
a:hover{color:#ff66bb;}
.post-title h1 a:hover, .more-entries a:hover{color:#ff66bb; background-color: #333; text-decoration: none;}
.post-meta a:hover{color:#ff66bb;}
.comment-meta span.comment-name a:hover,.comment-meta span.edit a:hover,.comment-meta span.permalink a:hover{color:#ff66bb;}
.comment-form a:hover{color:#ff66bb;}
.comment-navigation a:hover{color:#ff66bb;}
.comment-reply a:hover{color:#ff66bb;}
#cancel-comment-reply a:hover{color:#ff66bb;}
#wp-calendar tfoot a:hover{color:#ff66bb;}
#footer a:hover{color:#ff66bb;}

#sidebar { position: absolute; right: 0px; top: 316px; width: 121px}
.widget h2 { background: #545454; color: #FFF; font:normal 14px/150% Georgia, Times, serif; text-transform: lowercase; padding: 4px 20px; margin: 0; text-align: center}
#sidebar ul { background-color: #FFF; background-color:rgba(255, 255, 255, 0.6); border: solid 1px #545454; border-right: none; padding: 15px 0; }
.widget ul li, .widget_recent_comments ul li {padding-top: 0px; text-align: right; padding-right: 10px; margin-left: 0;}
.widget ul {padding-top: 10px;}
#sidebar ul .current-cat a, #sidebar ul .current-cat {background: #FFDD4D; color:#545454; text-decoration: none;}


.blockside {width: 210px; float: left; height: 100%; padding: 20px;}
.blockside h1 {font-family: Georgia; font-weight: normal; font-size: 21px; color: #545454; margin-bottom: 10px;}
.blockside a {text-decoration:none;}
.blockside .date { font-family: Georgia; color: #545454; font-size: 15px;}
.blockside .author {font-family: Georgia; color: #545454; font-size: 15px; font-weight:normal}
.blockside .author a {text-decoration:none;}

.post-entry {width:688px; padding: 20px; float: left;}
.post-footer {padding: 10px; clear:both;}
.post-footer .categories a {color:#FF00CC; text-decoration: none; font-family: Helvetica; margin-right: 10px;}
.post-footer .comments {float: right;}
.post-footer .comments a {color: white; font-family: Georgia; padding: 5px 20px; background: #919191; border: solid 1px #545454; text-decoration: none; }
.post-footer .comments a:hover {color:#FF00CC;}

.post-meta-comments {background-color:#fff; background-color:rgba(255, 255, 255, 0.7); }

.post-content { background-color:#fff; background-color:rgba(255, 255, 255, 0.7); border: solid 1px #545454;}
.post-content img {margin-left: -1px;}

/* Full width page styles */
#main-single .post-content {background: none; border: none;}
#main-single .post-entry { width: 100%;}
#main-single .post-entry img { margin: 0 auto;}
#main-single.bg { margin-top: 30px; background-color:#fff; background-color:rgba(255, 255, 255, 0.7); border: solid 1px #545454;}

/* Post Page Styles */
#main .post-content .post-entry div {max-width:100% !important;}
#main .post-content .post-entry div img {max-width:100%; height:auto;}


.needsbg {background-color:#fff; background-color:rgba(255, 255, 255, 0.7); padding: 15px; margin-bottom: 20px;}
.commentlist{background-color:#fff; background-color:rgba(255, 255, 255, 0.7); border: 0px; margin-left:30px; margin-right:30px; border: solid 1px #545454;}
.post-meta-info{padding-top: 5px; padding-bottom: 6px;}

img,iframe{border:1px solid #545454;}

.alignright {margin-left: 15px;}
.alignleft {margin-right: 15px;}




/* Helper Classes */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}