/* Grazia Extended CSS */
#onedot {display:none; visibility:hidden; width:1px; height:1px; float:right;}

div#layout div#layout-header { z-index: 2; }
div#layout div#layout-midden { z-index: 1; }
div#kolom-midden-content { position: relative; }

.clear { clear: both; }
a img  { border: none; }
.artikel-txt a,
.list-body a,
.list-intro a,
.blogdate a { color: #000; }

div.colofon,
div.contact,
div.adverteren,
div.sitemap,
div.copyright,
div.privacy,
div.vrijwaring { width: 505px; }

div.fashion-swap { width: 505px; }
div.blogs { width: 505px; }
div.mail-win { width: 505px; }
div.grazia-nieuwsbrief{ width: 505px; }
div.abonneren { width: 505px; }
div.goodiebag { width: 505px; }
div.grazia-news { width :505px; }

div.forum { width: 505px; }

.bbpress-iframe { position: absolute; padding: 0pt; margin: 0pt; left: 0px; }

/*-- FASHIONSWAP --*/

#entry-add {
	position: relative;
	left: 500px;
	top: -20px;
	width: 300px;
}

div, p {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
}

#fashionswap-list { width: 710px;}
#fashionswap-list { color: #000; }

.blogpost a,
.blogitem a,
.entry-single a {
	text-decoration: none; color: #000;
}

.blogpost a:hover,
.blogitem a:hover,
.entry-single a:hover {
	text-decoration: underline;
}

.fashion-swap span,
#fashionswap-list span {
	font-family: Times New Roman, Helvetica;
	font-weight: bold;
	font-size: 16px;
	background-color: #000;
	color: #fff;
	padding: 3px;
	overflow: hidden;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.fashion-swap img,
#fashionswap-list img {
	border: 2px solid #FFF200;
}

.fashion-swap p img,
#fashionswap-list p img {
	border: none;
}

.fashion-swap .titel img {
	border: none;
}

.fashion-swap .column,
#fashionswap-list .column {
	width: 345px;
	float: left;
}

.fashion-swap .col-margin,
#fashionswap-list .col-margin {
	margin-right: 20px;
}

.fashion-swap .entry-list,
#fashionswap-list .entry-list {

	margin-left: 13px;
	width: 314px;
}

.fashion-swap .entry-header,
#fashionswap-list .entry-header {
	width: 345px;
	height: 184px;
	overflow: hidden;

}

.fashion-swap .entry-header a,
#fashionswap-list .entry-header a {
	border: none;
}

.fashion-swap .entry-header img,
#fashionswap-list .entry-header img {
	border: none;
}

.fashion-swap .entry-single,
#fashionswap-list .entry-single {
	border-right: 6px solid #000000;
	border-left: 6px solid #000000;
	border-bottom: 6px solid #000000;
	width: 314px;
	min-height: 76px;
	height: auto !important;
	height: 76px;
	padding: 0px;
	position: relative;
	margin: 0px;
}

.fashion-swap .divider,
#fashionswap-list .divider {
	background: #000;
	width: 316px;
	height: 6px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.fashion-swap .entry-single h2,
#fashionswap-list .entry-single h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

.fashion-swap .entry-image,
#fashionswap-list .entry-image {
	display: inline;
	float: left;
	margin: 5px 5px 0 5px;
	min-width: 90px;
	width: auto !important;
	width: 90px;
	height: 65px;
}

.fashion-swap .entry-image img,
#fashionswap-list .entry-image img {
	height: 65px;
}

.fashion-swap .entry-button,
#fashionswap-list .entry-button {
	position: absolute;
	right: 2px;
	bottom: 4px;
 	padding: 2px;
}

.fashion-swap .button {
	margin-top:14px;
	position:relative;}

.fashion-swap .button a {
	color: #ff3;
	height: 20px;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	padding: 4px;
}

.button a {
	color: #ff3;
	height: 20px;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	padding: 2px 10px 4px 10px;
}

.fashion-swap .entry-category {
	font-size: 10px;
}

.fashion-swap .entry-detail {

}

.fashion-swap .entry-number,
#fashionswap-list .entry-number {
	position: absolute;
	width: 36px;
	height: 36px;
	line-height: 36px;
	top: 18px;
	left: -23px;
	z-index: 10;
	font-family: Times,Helvetica;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: black;
	background-color: #FBF138;
}

div#kolom-midden-content
div.broodkruimel {
	font-size:10px;
	font-weight:bold;
	position: absolute;
	top: 0;
	left: 0;
}

/** pagination **/

.pag {
	height: 28px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
	margin: 20px 0;
	position: relative;
	width: 464px;
	}

.pag ul, .pag li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.pag a {
	font-weight: bold;
}

.pag_news {
	height: 28px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
	margin: 12px 0;
	position: relative;
	width: 440px;
	}

div.black {
	margin-top:6px;
	text-align:center;
	color:#000;
	font-size:80%;
}
div.black a {
	margin-right:4px;
	padding:2px 5px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
div.black a:hover, div.black a:active {
	background-color:#000;
	color: #fbf138;
}
div.black .current {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #ffffff;

	font-weight: bold;
	background-color: #000;
	color: #fbf138;
}
div.black span.disabled {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #606060;
	color: #808080;
}

div.black_news {
	margin-top:6px;
	text-align:center;
	color:#000;
	font-size:80%;
}
div.black_news a {
	margin-right:4px;
	padding:2px 3px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
div.black_news a:hover, div.black_news a:active {
	background-color:#000;
	color: #fbf138;
}
div.black_news .current {
	margin-right:3px;
	padding:2px 3px;
	border: 1px solid #ffffff;

	font-weight: bold;
	background-color: #000;
	color: #fbf138;
}
div.black_news span.disabled {
	margin-right:3px;
	padding:2px 3px;
	border: 1px solid #606060;
	color: #808080;
}


.first, .last, .previous, .next {
	position: absolute;
	top: 3px;
}
.first    { left: 0; }
.last     { right: 0; }
.previous { left: 20px; }
.next     { right: 20px; }

/** FORM ELEMENTS */

#fashionswap-form {
	width: 400px;
	margin-top: 20px;
}

#fashionswap-form h2 {
	width:178px;
	font-family: Times New Roman, Helvetica;
	font-weight: bold;
	font-size: 16px;
	background-color: #000;
	color: #fff;
	padding: 3px;
	overflow: hidden;
	text-transform: uppercase;
}


/* FORMS */

#fashionswap-form div {
	margin: 4px;
	padding: 2px;
}

#fashionswap-form fieldset {
	background-color: #eaeaea;
	border: none;
	color: #9d9d9d;
}

#fashionswap-form label {

}

#fashionswap-form legend {
	font-weight: bold;
	font-size: 14px;
}

#fashionswap-form textarea,
#fashionswap-form input[type='text'],
#fashionswap-form input.file,
#fashionswap-form select {
	border: 1px solid #ccc;
	background: #fff;
}

#fashionswap-form textarea:focus,
#fashionswap-form input:focus,
#fashionswap-form select:focus {
	border-color: #888;
	outline: 2px solid #ffffaa;
}

#fashionswap-form input,
#fashionswap-form select { cursor: pointer; }

#fashionswap-form textarea {
	width: 350px;
	height: 120px;
}

#fashionswap-form input[type='text'] {
	width: 350px;
	height: 14px;
	cursor: text;
}

input#btn-send {
	color: #ff3;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	padding: 0 4px 4px 4px;
	margin-left: 4px;
	border: none;
}

#fashionswap-form input.url {
	width: 250px;
}

#fashionswap-form input.file {
	width: 150px;
}

.fashion-swap .submenu {
	padding: 5px;
	width: 450px;
	background-color: #eaeaea;
}

/** poll **/

.pollantwoorden { font-weight: normal; }


/**
 * BLOGS
 */

/** BLOGGERS **/

.b-header { margin-bottom: 15px; }

.blogheader {
	background-color: #000;
	font-family: times, "Times New Roman", serif;
	font-size: 22px;
	color: #fff;
	padding: 5px 10px 4px 10px;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
}
.blogheader span {
	margin-bottom: 10px;
}

.blogpost {
	margin-top: 20px;
	width: 460px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	border: 5px solid #FFF100;
	position: relative;
}

.blogpost h2 {
	color: #000;
	font-size: 14px;
}

.bloguserpic {
	float: left;
	height: 166px;
	margin: 3px;
	overflow: hidden;
	padding-right: 10px;
	width: 150px;
}

.avatar {
	height: 200px;
	left: 4px;
	overflow: hidden;
	position:absolute;
	width: 150px;
}

.avatar-index {
	height: 163px;
}

.avatar img {
	margin-left:-44px;
}

.avatar-50 {
	position: relative;
	margin-right: 20px;
	height: 50px;
	width: 50px;
}

.blogcontent {
	padding: 10px;
}

.blogdate {
	font-size: 10px;
	color: #aaa;
	margin-bottom: 0.8em;
}

.blogname {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

.blogtitle {
	font-weight: bold;
	margin-top: 2px;
	font-size: 11px;
}

.blogurl {
	background-color: #000000;
	bottom: -10px;
	display: block;
	position: absolute;
	right: -10px;
}

.blogurl a, #sidebar-blog .side-blogurl a {
	font-size: 14px;
	font-weight: bold;
	font-family: times, "times new roman", serif;
	padding: 4px 10px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar-blog .side-blogurl {
	background-color: #000000;
	display: block;
	position: absolute;
	right: 5px;
	top: 113px;
}

.blogtext {

}

.blogtext p {
	margin-bottom: 10px;
}

.forward {
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 5px;
	}

/** BLOGDETAIL **/
.blogitem {
	margin-top: 5px;
	width: 440px;
	padding: 10px;
	position: relative;
	background-color: #eaeaea;
	overflow: hidden;
}

.blogpic {
	float: left;
	height: 120px;
	margin-left: 0px;
	margin-top: 5px;
	padding:5px;
	min-width:143px;
	width: auto !important;
	width:143px;
}

.blogpic img {
	border: 2px solid #FFF200;
}

.blogcontent {
	padding: 5px 0px 10px 0;
}
.comments .blogdate {
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
	}

.blogdate {
	font-size: 10px;
	color: #aaa;
}

.blogbuttons {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	margin-top: 10px;
	float: left;
	padding: 6px 0 9px 0;
	width: 100%
}

.blogbutton {
	background-color: #000000;
	margin-top: 8px;
	overflow: hidden;
	width: 170px;
}

.blogbutton a {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 0 5px;
	color: #FFF200;
	text-decoration: none;
}

.blogperma {
	font-size: 11px;
	padding-top: 3px;
	vertical-align: middle;

}

.blogperma span {
	margin-bottom: 6px;
	color: #9ca2b0;
	padding: 0 10px 0 0px;
}

.blogperma img {
	vertical-align: middle;
}
.blogperma a {
	text-decoration: none;
	color: #000;
}

.blogperma a:hover {
	text-decoration: underline;
}

/** BLOGSINGLE**/
.blogsingle {
	margin-top: 5px;
	width: 440px;
	padding: 10px;
	/** position: relative;
	height: 1050px;
	_height: 1045px;
	overflow: auto; **/
}

/** COMMENTS **/


.comments {
	margin-top: 50px;
	width: 440px;
	/** height: 140px; **/
	padding: 10px;
	/** position: relative; **/
}

.comments hr {
	border: 1px solid #aaa;
}

.comment-header {
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
}

.comment-count {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.comment-txt { margin-bottom: 15px; }
.comment-add {
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
	}

/** COMMENT FORM **/
.comment-form {
	margin-top: 10px;
	padding: 10px;
	/** position: relative; **/
	width: 422px;
	background-color: #eaeaea;
}

.comment-form fieldset {
	background-color: #eaeaea;
	border: none;
	color: #9d9d9d;
	width: 440px;
}

.comment-form label {
	color: #222;
	font-size: 12px;
}

.comment-form legend {
	font-weight: bold;
	font-size: 14px;
}

.comment-form textarea,
.comment-form input,
.comment-form select {
	border: 1px solid #ccc;
	background: #fff;
	margin: 2px 0 5px 0;
}

.comment-form textarea:hover,
.comment-form input[type='text']:hover,
.comment-form input[type='password']:hover,
.comment-form input[type='file']:hover,
.comment-form select:hover { border-color: #aaa; }

.comment-form textarea:focus,
.comment-form input[type='text']:focus,
.comment-form input[type='file']:focus,
.comment-form input[type='password']:focus,
.comment-form select:focus { border-color: #888; outline: 2px solid #ffffaa; }

.comment-form input,
.comment-form select { cursor: pointer; }

.comment-form textarea {
	width: 416px;
	height: 80px;
	overflow: auto;
}

.comment-form input[type='text'] {
	width: 416px;
	height: 14px;
	cursor: text;
}
.comment-form .btn {
	border-bottom:3px solid #000000;
	border-top:3px solid #000000;
	background-color: #000;
	color:#FFF200;
	font-family:Verdana,Helvetica;
	font-size:11px;
	font-weight:bold;
	padding:0pt 5px;
	position: relative;
	left: 347px;
	*left: 327px;
}

/** SIDEBARS **/
#sidebar-blog {
	margin-left: 20px !important;
	margin-left: 5px; /* fix for ie6 */
	margin-top: 0px;
	background-color: #FFF200;
	float: left;
	width: 260px;
	height: 100%;
	padding: 20px;
	position: relative;
}
.sidebar-filler {
	background-color: #FFF200;
	position: absolute;
	top: -10px;
	height: 20px;
	width: 260px;
	left: 0px;
	}

.userpic img {
	border: 5px solid #000;
}

#sidebar-blog .bloguserpic {
	border:5px solid #000000;
	height:114px;
	margin:0px;
	overflow:hidden;
	width:235px;
	float: none;
	position: relative;
}

#sidebar-blog .avatar {
	height:114px;
	left:-8px;
	overflow:hidden;
	position:relative;
	width:260px;
}

#sidebar-blog .avatar img {
	margin-top: -10px;
	margin-left: 8px;
}

.blogger-info {
	margin-top: 10px;
	padding: 5px;
	width: 250px;
	background-color: #000;
	color: #fff;
}


.blogger-info-title {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #fff200;
	font-weight: bold;
	font-size: 15px;
}

#bloggers {
	margin-top: 20px;
	position: relative;

}

#bloggers .header {
	background: #000;
	font-size: 16px;
	font-family: Times New Roman, Helvetica;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}

.bigbutton {
	color: #ff3;
	font-family: arial, verdana, helvetica;
	font-size: 20px;
	font-weight: bold;

	background-color: #000;
	padding: 0 4px 4px 4px;
}

.bigbutton a {
	color: #ff3;
	text-decoration: none;
}

.bloguser-box {
	position: relative;
	width: 261px;
	margin-bottom: 40px;
}

.list-link a {
	display: block;
}