/*
Theme Name: studiojux
Theme URI: http://studiojux.com
Description: Fashion, housebroek
Version: 1.0
Author: Roel en EJ
Author URI: http://studiojux.com
Tags: fashion
*/

body {font-family:Geneva, "Times New Roman", Georgia, serif;color:#666666;line-height: 140%;
}
#wrapper {width: 995px;margin: 0 auto;}
#header {height:98px;margin:25px 0 20px 0; border-bottom: solid 1px #1cbaad;}
#blog {width:705px; margin-right: 40px;float: left;}
#sidebar {width:250px;float:left}
.page a, .post a, .page a:visited, .post a:visited, #sidebar a, #sidebar a:visited {color:#666666;border-bottom: 1px #666666 solid; text-decoration: none;}
.page a:hover, .post a:hover, .sidebar a:hover {color:#FA75A7;border-bottom: 1px #FA75A7 solid; text-decoration: none;}
img, a img { outline: none; border:none !important; }
.page a:hover { border: none; }
.collection a {border:none;margin-bottom: 17px;clear:all;}


/* header.php */
/* ----------------------------------------- */

.navigation{margin:60px 0 0 0;float:right;font-family:Times regular, "Times New Roman", Georgia, serif;font-size: 14pt;}
.navigation li{ list-style:none; display:inline; margin:0 0 0 25px; }
.navigation li a{color:#666666;text-decoration:none;border:0;}
.navigation li a:hover{ color:#1cbaad;}
.navigation li a.active{ color:#1cbaad;}
#carousel {width:100%; border-bottom: solid 1px #1cbaad;padding-bottom: 20px;}
#carousel a img {border:none !important;}
	
/* footer.php */
/* ----------------------------------------- */	

#footer{ border-top:1px solid #1cbaad; padding:10px 0px 0px;margin:20px auto 20px auto;width:990px;}
.socialmedia {float:right;}
.socialmedia img{ float:right; margin:0 0 0 20px;}
#footer p a { border: none; font-weight: bold; line-height: 25px; margin-left: 20px; }

/* page.php index.php */
/* ----------------------------------------- */	

.page { margin: 20px 0;  }
#pageleft {float:left;margin:0;padding:0 20px 0 0;border-right:solid 1px #1cbaad;width:460px; min-height: 220px; }
#pageright {float:right;margin:0 0 0 20px;width:494px;}

#hsleft {float:left;margin:0;padding:0 20px 0 0;border-right:solid 0px #1cbaad;width:460px; min-height: 220px; }
#hsright {float:right;margin:0 0 0 20px;width:494px;}


.post {margin-bottom: 20px;}
.post h1, .post h2, h3#comments, #respond h3, #carousel h2, #hsleft h2, .collection h1  {font-family: Times; font-size: 18pt;font-weight: bold;line-height:1.3em;}
#respond h3 {margin: 40px 0 10px 0;color:#FF0000;}
.post h1, #carousel h2, .collection h1 {margin: 0px 0 10px 0;color:#1cbaad;}
.post h2 {margin: 0px 0 0px 0;color:#1cbaad;}
.post h3 {font-size: 16pt;color:#FF0000;}
.post h3 {margin: 10px 0 8px 0;}
.post h2 a, .post h1 a, .post h2 a:visited, .post h1 a:visited {color:#FF0000;text-decoration: none;border:0 !important;margin:0 !important;}
#pageleft h2 { color: #54BBAD; font-size: 13.3px; margin-bottom: 10px; }
#pageleft h2 span { color: #54BBAD; font-size: 13.3px; margin-bottom: 10px; }
#hsleft h2{margin: 0px 0px 25px 0;color:#1cbaad;}
h3#comments, #respond h3 {color:#FF0000;}



.entry p, .page p , p{font-size: 10pt;line-height: 16pt;margin: 0 0 1.2em 0;text-align:justify;}
.entry {border-bottom:1px solid #1cbaad; margin-bottom: 40px;}


html>body .entry ul {margin-left: 0px;padding: 0 0 15px 30px !important;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {font-size: 10pt;margin: 7px 0 8px 10px; }
.entry ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;list-style-type: decimal;font-size: 10pt;}


.postmeta {color:#999999;font-size:9pt;margin: 0 0 10px 0;padding: 0px;}
.postmeta a, .postmeta a:visited {color:#999999; text-decoration: none;border:0;}
.postmeta a:hover {color:#FA75A7;}

#recentposts { font-size: 10pt;line-height: 150%;margin: 0 0 1em; }
#recentposts a {border: 0;}


.collection {margin-bottom: 17px;clear:all;}
.imgright {margin-right: 127px;}
.imgcolright {padding: 0 17px 0 0;}
.imgcolrightextreme {padding: 0 34px 0 0;}


/* sidebar.php */
/* ----------------------------------------- */	

.widget {font-size: 10pt;margin-bottom: 40px;line-height: 160%;border-bottom:1px solid #999999; padding-bottom:20px;}
#sidebar a, #sidebar a:visited {border:0;}
#sidebar h2 {font-family: Times; font-size: 18pt;color:#1cbaad;margin: 0 0 10px 0;font-weight: bold;}

	
/* LAYOUT */
/* ----------------------------------------- */
h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white }
img { border:0;}
.clear{ clear:both;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:1.2em; }
.alignright { float:right; margin-left:1.2em; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.green {color:#1cbaad;}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {border-bottom: 1px dashed #999;	}


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	color: #777;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
		color: #777;
	}

.center {	text-align: center;	}
.hidden {	display: none;	}	
.screen-reader-text {     position: absolute;     left: -1000em;}
hr {display: none;}
a img {border: none;}

	
/* Begin Comments*/
.alt {	margin: 0;	padding: 10px;}
.commentlist {	padding: 0;	text-align: justify;	}
.commentlist li {	margin: 15px 0 10px;padding: 5px 10px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {	margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {	margin: 5px 0;	}
.nocomments {	text-align: center;	margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {	width: 100%;padding: 2px;}
#respond:after {		content: "."; 	    display: block; 	    height: 0; 	    clear: both; 	    visibility: hidden;	}
#commentform #submit {	margin: 0 0 5px auto;	float: right;	}
.commentlist li, #commentform input, #commentform textarea {	font: 0.9em Times, "Times New Roman", Georgia, serif;	}
.commentlist li ul li {	font-size: 8pt;}
.commentlist li {	font-weight: bold;}
.commentlist li .avatar { 	float: right;	}
.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;font-size: 10pt;	}	
.commentlist a {border: 0;}
.commentlist p {	font-weight: normal;	line-height: 1.5em;	text-transform: none;	}
#commentform p {font-family: Times, "Times New Roman", Georgia, serif;}
.commentmetadata {	font-weight: normal;	}
.thread-alt {	background-color: #f8f8f8;}
.thread-even {	background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {	border-left: 1px solid #ddd;}
/* End Comments */


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.credits {float:left;text-align: right !important;}

.credits a {border:0px;}
.fanbox {float:left;width:300px;}



/*-----------------------------ROLLOVER IMAGES----------------------------------*/

a#twitter {float:left;
  display: block;
    width: 70px;
    height: 21px;
    background-image: url(images/twitter_b&w.png);
	background-repeat:no-repeat;
    margin: 0 auto;
        border: 0;
}
a#twitter:hover {
    background-image: url(images/twitter_c.png);
}

a .alt { display: none; }

a#flickr {
	float:left;
    display: block;
    width: 68px;
    height: 21px;
    background-image: url(images/flickr_b&w.png);
	background-repeat:no-repeat;
    margin: 0 auto;
    border: 0;
}

a#flickr:hover {
    background-image: url(images/flickr_c.png);
}

a#hyves {
	float:left;
    display: block;
    width: 80px;
    height: 25px;
    background-image: url(images/hyves_b&w.png);
	background-repeat:no-repeat;
    margin: 0 auto;
        border: 0;
}

a#hyves:hover {
    background-image: url(images/hyves_c.png);
}

a#rss {
	float:left;
    display: block;
    width: 40px;
    height: 20px;
	background-image: url(images/rss_b&w.png);
	background-repeat:no-repeat;
    margin: 0 auto;
        border: 0;
}

a#rss:hover {
    background-image: url(images/rss_c.png);
}

a#facebook {
	float:left;
    display: block;
    width: 65px;
    height: 20px;
    background-image: url(images/facebook_b&w.png);
	background-repeat:no-repeat;
    margin: 0 auto;
    border: 0;
}
a#facebook:hover {
    background-image: url(images/facebook_c.png);
}