/*
	Theme name: Stripes & Walls
	Theme URI: http://www.stripesandwalls.nl/
	Description: Blog by Marcella
	Author: Eunoia Studio
	Author URI: http://www.eunoiastudio.com
*/

/*	==========================================================================
	Content Description
	==========================================================================

:: LAYOUT
	:: Body
	:: Container
	:: Content
	:: Headers
	:: Sidebar
	:: Widgets Area
	:: Footer
	:: OTHER
		:: Comment Form
		:: Contactform
		:: Images
		:: Avatars

*/

/* --------------------------------------------------------------------------
   :: Body
   -------------------------------------------------------------------------- */

body {
	font-family: 'Open Sans', sans-serif;
	color: #2d2c2c;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 16pt;
	text-align: justify;
	background: #ececec url('http://www.stripesandwalls.nl/wp-content/uploads/2013/11/bg-top.jpg') top repeat-x;
}

a, a:visited { 
	color: #ff7664;
	font-size: 13px;
	text-decoration: none;
}

a:hover { 
	color: #ff7664;
	font-size: 13px;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   :: Container
   -------------------------------------------------------------------------- */

#wrapper {
	display: block;
	padding: 5px;
	width: 1205px; 
	margin:0px auto;
	background-color: transparent;
	text-align: justify;
}

#menu {
	width: 830px;
	height: 45px;
	padding-left: 40px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: #ffffff;
	text-align: left;
	text-transform: uppercase;
}

#menu ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 -0.9125em;
	padding-left: 0;
	list-style-type: none;
}
#menu li {
	float: left;
	position: relative;
	list-style-type: none;
}
#menu a, #menu a:visited {
	font-size: 14px;
	color: #2d2c2c;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	list-style-type: none;
}
#menu ul ul {
	background-color: #ffffff;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 39px;
	left: 10;
	width: 145px;
	z-index: 99999;
	list-style-type: none;
}
#menu ul ul ul {
	left: 0;
	top: 0;
	list-style-type: none;
}
#menu ul ul a {
	color: #2d2c2c;
	font-size: 13px;
	font-weight: 400;
	height: auto;
	line-height: 1.4em;
	width: auto;
	list-style-type: none;
}
#menu li:hover > a,
#menu ul ul :hover > a,
#menu a:focus {
	background: transparent;
	list-style-type: none;
}
#menu li:hover > a,
#menu a:focus {
	background: transparent;
	color: #2d2c2c;
	text-decoration: underline;
	list-style-type: none;
}
#menu ul li:hover > ul {
	list-style-type: none;
	display: block;
}
#menu .current-menu-item > a,
#menu .current-menu-ancestor > a,
#menu .current_page_item > a,
#menu .current_page_ancestor > a {
	font-weight: bold;
	font-style: none;
	list-style-type: none;
}

#content {
	width: 870px;
	background-color: transparent;
	float: left;
}

#content .postarea {
	background-color: #ffffff;
	margin-bottom: 35px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.block {
	background-color: #ffffff;
	margin-bottom: 35px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#content a, a:visited { 
	color: #ff7664;
	font-size: 13px;
	text-decoration: none;
}

#content a:hover { 
	color: #ff7664;
	font-size: 13px;
	text-decoration: underline;
}

* html #container { /* IE 6/earlier */
    width:920px; /* scripting off fallback */
    zoom:1; /* haslayout if expression declares auto */
    width:expression:(
        (document.body.clientWidth>920) ? "920px" : (
            (document.body.clientWidth>1000) ? "auto" : "920px"
        )
    );
}

ul li {
	color: #2d2c2c;
	list-style-type: square;
}

ul li a, a:visited {
	color: #ff7664;
}

ul li a:hover {
	color: #ff7664;
	text-decoration: underline;
}

#navigatie li {
	margin-left: -10px;
        display: inline;
}

#thingsilove {
	width: 600px;
	text-align: center;
}

#thingsilove img {
	margin-bottom: -6px;
}

#sblinks {
	margin-top: 15px;
	margin-bottom: 25px;
	width: 100%;
}

#sblinks a, #sblinks a:visited {
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 3px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #ff7664;
}

#sblinks a:hover {
	color: #2d2c2c;
	background-color: #efefef;
	font-size: 13px;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   :: Content
   -------------------------------------------------------------------------- */

blockquote {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	width: 85%;
	background: transparent;
	border: 1px dotted #2d2c2c;
	text-align: left;
	font-style: normal;
	float: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#floatleft {
        float: left;
}

#floatright {
        float: right;
}

#image {
	width: 260px;
	height: 45px;
	margin-top: 30px;
	margin-left: 15px;
}

#image a img {
	margin-right: 20px;
	border: 0;
}

#image a:hover img {
	margin-right: 20px;
	filter:alpha(opacity=50); /* werkt voor internet explorer */
	-moz-opacity:.50; /*werkt voor mozilla*/
	opacity:.70; /*werkt voor opera, safari...*/
}

/* FOR IE8 */
	-mis-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* FOR IE7 */
	filter: alpha(opacity=50);

}

#image2 {
	width: 250px;
	text-align: center;
}

#image2 a img {
	margin-top: 15px;
	border: 0;
	padding-right: 3px;
}

#image2 a:hover img {
	padding-right: 3px;
	filter:alpha(opacity=60); /* werkt voor internet explorer */
	-moz-opacity:.60; /*werkt voor mozilla*/
	opacity:.70; /*werkt voor opera, safari...*/
}

#image3 {
	width: 915px;
	text-align: center;
	margin-left: 0px;
}

#image3 a img {
	border: 0;
	padding: 20px;
}

#image3 a:hover img {
	padding: 20px;
	filter:alpha(opacity=60); /* werkt voor internet explorer */
	-moz-opacity:.60; /*werkt voor mozilla*/
	opacity:.60; /*werkt voor opera, safari...*/
}

#readmore {
	text-align: left;
	margin-top: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#readmore a, a:visited{
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #ff7664;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
}

#readmore a:hover {
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	filter:alpha(opacity=50); /* werkt voor internet explorer */
	-moz-opacity:.50; /*werkt voor mozilla*/
	opacity:.70; /*werkt voor opera, safari...*/
	text-decoration: none;
}

#dividertop {
	border-top: 1px solid #ececec;
}

#dividerbottom {
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

#commentpost {
	color: #2d2c2c;
	text-transform: uppercase;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	font-weight: bold;
}

#commentpost a, #commentpost a:visited {
	color: #2d2c2c;
	font-size: 13px;
}

#commentpost a:hover {
	color: #2d2c2c;
	font-size: 13px;
}

#datepost {
	color: #2d2c2c;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 35px;
}

#datepost2 {
	color: #2d2c2c;
	font-size: 13px;
	line-height: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 10px;
}

#categorypost {
	color: #2d2c2c;
	text-transform: uppercase;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-weight: bold;
}

#categorypost a, #categorypost a:visited {
	color: #2d2c2c;
	font-size: 13px;
}

#categorypost a:hover {
	color: #2d2c2c;
	font-size: 13px;
}

#tagspost {
	width: 350px;
	float: left;
	margin-bottom: 15px;
}

#sharepost {
	float: right;
	margin-top: 0px;
	margin-right: -50px;
	padding-top: 5px;
	width: 450px;
}

#sharepost img {
	display: inline;
}

.searchbox {
	margin-bottom: 5px;
	float: left;
}

#searchform {
	width: 260px;
	height: 40px;
	background-color: #ececec;
	border: 1px solid #ececec;
	color: #2d2c2c;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 15px;
	letter-spacing: 1px;
	text-transform: none;
}

/* --------------------------------------------------------------------------
   :: Headers
   -------------------------------------------------------------------------- */

#thetitle {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
letter-spacing: 1px;
text-align: left;
line-height: 15pt; /* weird IE7 bug fix */
color: #2d2c2c;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
margin-top: 0px;
padding-bottom: 5px;
}

#thetitle a, a:visited {
font-size: 22px;
color: #2d2c2c;
}

#thetitle a:hover {
font-size: 22px;
color: #2d2c2c;
text-decoration: none;
}

h1 {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
letter-spacing: 1px;
text-align: left;
line-height: 15pt; /* weird IE7 bug fix */
color: #2d2c2c;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 8px;
margin-top: 0px;
}

h1 a:link, h1 a:visited {
color: #2d2c2c;
}

h1 a:hover {
color: #2d2c2c;
}

h2 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
letter-spacing: 1px;
text-align: center;
line-height: 15pt;
color: #2d2c2c;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
padding-bottom: 10px;
margin-top: 0px;
}

h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-align: left;
line-height: 15pt;
color: #2d2c2c;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 10px;
margin-top: 0px;
}

h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
letter-spacing: 1px;
text-align: left;
line-height: 15pt;
color: #2d2c2c;
font-style: normal;
font-weight: bold;
text-transform: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
border-top: 1px solid #2d2c2c;
border-bottom: 1px solid #2d2c2c;
margin-top: 20px;
margin-bottom: 35px;
}

#navigation {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
margin-top: -10px;
margin-bottom: 25px;
}

#navigation a, a:visited {
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
color: #2d2c2c;
}

#navigation a:hover {
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
color: #2d2c2c;
text-decoration: underline;
}

/* --------------------------------------------------------------------------
   :: Sidebar
   -------------------------------------------------------------------------- */

#sidebar {
	color: #2d2c2c;
	font-size: 13px;
	width: 260px;
	float: right;
	margin-top: -75px;
	background: transparent;
}

#sidebar img {
	max-width: 290px;
	margin-top: -18px;
	margin-left: -15px;
	height: auto;
	width: expression(this.width > 230 ? 230: true);
}

#logoblock {
	width: 1140px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: -10px;
	position: relative;
	z-index: 1;
}

#logoblock img {
	max-width: 230px;
}

#both {
	clear: both;
}

/* --------------------------------------------------------------------------
   :: Widgets Area
   -------------------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
	padding-bottom: 15px;
	margin-top: 5px;
}

.widget-area ul ul {
	list-style: square;
	margin-left: 0em;
}

.widget-area ul li {
	color: #2d2c2c;
	list-style-type: square;
	margin-left: -20px;
}

.widget-area ul li a, a:visited {
	color: #ff7664;
}

.widget-area ul li a:hover {
	color: #ff7664;
	text-decoration: underline;
}

.widget-area select {
	max-width: 100%;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 50%;
}

.widget_search label {
	display: none;
}

.widget-container {
	color: #2d2c2c;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	margin-bottom: 35px;
	float: right;
	width: 260px;
	display: block;
}

* html .widget-container { /* IE 6/earlier */
    width:230px; /* scripting off fallback */
    zoom:1; /* haslayout if expression declares auto */
    width:expression:(
        (document.body.clientWidth>230) ? "230px" : (
            (document.body.clientWidth>230) ? "auto" : "230px"
        )
    );
}

.widget-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: 0px;
	color: #2d2c2c;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	color: #ff7664;
}

.widget-area a:active,
.widget-area a:hover {
	color: #ff7664;
	text-decoration: underline;
}

.widget-area .entry-meta {
	font-size: 11px;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

#wp-calendar thead {
	font-size: 11px;
}

#wp-calendar thead th {
}

#wp-calendar tbody {
	color: #aaa;
}

#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

.widget_rss a.rsswidget {
	color: #000;
}

.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}

.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* --------------------------------------------------------------------------
   :: Footer
   -------------------------------------------------------------------------- */

#footer {
	color: #2d2c2c;
	margin-top: 5px;
	border: 0px #ff0000 solid;
	padding: 20px;
	text-align: center;
	font-size: 9px;
	text-transform: none;
}

#footer a, a:visited {
	color: #2d2c2c;
	font-size: 9px;
	text-decoration: underline;
}

#footer a:hover {
	color: #2d2c2c;
	font-size: 9px;
	text-decoration: none;
}

/* ==========================================================================
   :: OTHER
   ========================================================================== */

/* --------------------------------------------------------------------------
   :: Comment Form
   -------------------------------------------------------------------------- */

#commentreply {
text-transform: uppercase;
}

#commentreply a, #commentreply a:visited {
font-size: 12px;
color: #ffffff;
font-weight: normal;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
background-color: #ff7664;
border: 1px solid #ff7664;
}

#commentreply a:hover {
font-size: 12px;
color: #ffffff;
font-weight: normal;
filter:alpha(opacity=50); /* werkt voor internet explorer */
-moz-opacity:.50; /*werkt voor mozilla*/
opacity:.70; /*werkt voor opera, safari...*/
}

#replytext {
color: #2d2c2c;
background-color: #ececec;
margin-left: 0px;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 10px;
}

#commentstyle {
background-color: #ffffff;
padding: 20px;
margin-left: -40px;
}

#commentstyle a, #commentstyle a:visited {
text-decoration: none;
}

#commentstyle a:hover {
text-decoration: none;
}

#commentauthor {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
letter-spacing: 0px;
float: left;
font-weight: bold;
text-transform: uppercase;
}

#commentauthor a, #commentauthor a:visited {
font-size: 13px;
color: #ff7664;
text-decoration: none;
}

#commentauthor a:hover {
color: #ff7664;
font-size: 13px;
text-decoration: none;
}

#commentform {
margin-top: 20px;
margin-bottom: 90px;
}

#comments p.nocomments {
	padding: 0;
}

form#commentform input {
background-color: #ffffff;
border: 1px solid #efefef;
width: 200px;
padding: 10px;
text-align: justify;
font-family: 'Open Sans', sans-serif;
color: #2d2c2c;
font-size: 13px;
letter-spacing: 0px;
line-height: 23px;
margin-bottom: 5px;
}

form#commentform textarea {
background-color: #ffffff;
border: 1px solid #efefef;
width: 450px;
padding: 20px;
text-align: justify;
font-family: 'Open Sans', sans-serif;
color: #2d2c2c;
font-size: 13px;
line-height: 23px;
margin-bottom: 10px;
height: 150px;
}

form#commentform input#submit {
float: right;
padding: 10px 15px;
background-color: #ffffff;
border: 1px solid #efefef;
color: #2d2c2c;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
width: auto;
text-transform: uppercase;
}

form#commentform input#submit:hover {
border: 1px solid #ff7664;
background-color: #ff7664;
color: #ffffff;
text-transform: uppercase;
}

form#commentform input[type=text],
form#commentform textarea {
	width: 100%;
}
	.lt-ie8 form#commentform input[type=text] { float: left; width: 90%; }
	.lt-ie8 form#commentform textarea { width: 97%; }

form#commentform .comment-form-author {
	float: left;
	width: 30%;
	margin-left: -0px;
}

form#commentform .comment-form-email {
	float: left;
	width: 30%;
	margin-left: 5%;
}

form#commentform .comment-form-url {
	float: left;
	width: 30%;
	margin-left: 5%;
}

/* --------------------------------------------------------------------------
   :: Contactform
   -------------------------------------------------------------------------- */

input[type="text"], input[type="email"], textarea {
	background-color: #ffffff;
	border: 1px solid #2d2c2c;
	color: #2d2c2c;
	width: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}

input[type="submit"] {
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #2d2c2c;
	color: #2d2c2c;
	padding: 8px;
	text-transform: none;
	font-size: 13px;
	letter-spacing: 1px;
}

input[type="submit"]:hover {
	font-weight: bold;
	background-color: #ff7664;
	border: 1px solid #ff7664;
	color: #ffffff;
	padding: 8px;
	text-transform: none;
	font-size: 13px;
}

/* --------------------------------------------------------------------------
   :: Images
   -------------------------------------------------------------------------- */

img {
	width: expression(this.width > 700 ? 700: true);
	max-width: 825px;
	height: auto;
	padding-bottom: 0px;
	border: 0px;
}

img a {
	border: 0px;
}

img a:visited{
	border: 0px;
}

/* FOR IE8 */
	-mis-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

/* FOR IE7 */
	filter: alpha(opacity=70);

}

img.wp-smiley {
	display: inline; /* reset display:block for smileys */
}

img#wpstats{width:0px;height:0px;overflow:hidden}

p img.alignright { float:right; margin:0 0 1em 4em}
p img.alignleft { float:left; margin:0 4em 1em 0}
p img.aligncenter { display: block; margin-left: auto; margin-right: auto}
p a img.alignright {float:right; margin:0 0 1em 4em}
p a img.alignleft {float:left; margin:0 4em 1em 0}
p a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#thumbnail {
	margin-top: -20px;
}

#thumbnail img {
	max-width: 825px;
}

/* --------------------------------------------------------------------------
   :: Avatars
   -------------------------------------------------------------------------- */

#avatarcomment {
	margin-right: 10px;
	float: left;
}