/*
Theme Name: Coco & Creme
Description: Custom theme by David Jaguttis (<a href="http://319heads.com">319heads.com</a>).
Date: July 2010
Author: 319heads.com
Version: 2.0
*/

/* Imports */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
@import url("reset.css");
@import url("global-forms.css");


/***** Global *****/
/* Body */
	body {
		background: #fff url('images/f2.png') fixed;
		color: #000;
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, Verdana, Sans-Serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1em;
	margin-bottom: .8em;
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

a:link, a:visited {
	color: #ed332f;
	padding: 0;
	text-decoration: none;
}
a:hover {
	color: #1A9A94;
	text-decoration: none;
}

h2 a:link, h2 a:visited {
	color: #fff;
	padding: 0 1px;
	text-decoration: none;	
}
h2 a:hover, h2 a:active {
	color: #ed332f;
	text-decoration: none;
}

	
/* Paragraphs */
p {margin-bottom: 1.143em; line-height:150%;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5  s */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.rap { width:960px; margin: 0 auto; padding:0px 13px 10px 8px; }
#header { clear:both}
#content { float:left; clear:left;}
#sidebar { float:right; }
#footer { clear:both;}	


/*
	Header
*****************/

.topleaderboard {
	background:#eee;
	width:100%;
	line-height:0;
	padding:15px 0 15px 0;
	text-align:center;
	margin:0 auto;
	border-bottom: 1px solid rgb(229, 229, 229);	
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header {
	margin: 0;
	padding: 0;
}

	ul.loginblock {
		list-style: none;
		background:#000;
		padding:10px 0px 11px 15px;	
		margin:0;
		float:right;
		line-height:100%;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;		
	}

	ul.loginblock li  {
		display: inline-block;
		color:#ccc;
		padding-right:20px;
	}
	ul.loginblock li a {
		display:inline-block;
		height:16px;
	}
	
	ul.loginblock #search {
		display: inline-block;
		position:relative;		
	}
	
	.searchbox {
		line-height:100%;
		width: 120px;
	}
	
	.clutchlogo {
		background: url('images/clutch-logo-small.png') no-repeat left;
		text-decoration: none;
		width: 47px;
		height: 18px!important;
		display:block;

		margin-left:5px;
		float:left;
		position:relative;
		top:3px;
	}
	.clutchlogo:hover {
		opacity:0.8;
	}	
	

	/* Logo 	*/
	.logonav {clear:both; }
	
	.body h1 a {
		background: url('images/cocoandcreme-logoshadow.png') no-repeat left;
		text-decoration: none;
		width: 260px;
		height: 131px;
		display:block;
		float:left;
		margin: 3em 0 3em 5px;
		padding: 0;	
	}

	
	/* Main Nav */
	nav {
		font-size: 1.143em;
		line-height: 30px;
		padding: 0;
		margin: 64px 0 0 0;
		text-align: right;
		float:right;
	}
	
	nav ul {list-style: none; margin: 0 auto; }
	nav li {
		float: left; 
		display: inline; 
		margin: 0; 
		padding:0 21px 0 21px;
		border-right: 1px dotted rgb(48, 48, 48);
		border-right: 1px dotted rgba(0, 0, 0, 0.8);
	}
	nav li.bigger {
		position:relative;
		top:-6px;
	}
	

	
	nav a:link, nav a:visited {
		color: #000;
		display: inline-block;
		padding: 0 0 5px 0;
		margin:0;
		text-decoration: none;
		font: normal 26px/26px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
		text-transform:uppercase;
		text-shadow: rgba(255,255,255,0.7) 1px 1px;
	}
	nav .bigger a:link, nav .bigger a:visited {
		font: normal 36px/36px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	}
	nav a:active,
	nav .active a:link, nav .active a:visited {
		color: #000;
		border-bottom:1px solid rgb(48, 48, 48);
		border-bottom:1px solid rgba(0,0,0,0.8);	
	}
	nav a:hover {
		color: #1A9A94;
		border-bottom:1px solid #1A9A94;	
	}	


/*
	Body
*****************/
#content {
	overflow: hidden;
}

#content .post {
	border: 1px solid rgb(229, 229, 229);	
	border: 1px solid rgba(0, 0, 0, 0.1);	
	border-bottom:none;
	width:640px;	
}

#content article {
	margin: 0 0 2em 0;
	padding:0 5px 20px 5px;
	background: url('images/pageflips.png') no-repeat bottom ;
	width:642px;
}

article embed {
	background:#000;
}

#content .post blockquote p {
	margin:1em 0 1em 2em;
	border-left:2px solid #1A9A94;
	padding:0 2em 0 1em;
	font: italic 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif !important;
	font-weight:normal;	
}

#content article h2 {
    font: normal 40px/40px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	margin:0 0 0.5em 0;
	font-weight:normal;
}

#content article h3 {
    font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	margin:0 0 0.5em 0;
	font-weight:normal;
}

#content article .title {
	background: #000 url('images/tornbot-single.png') no-repeat bottom left;
	padding:0 20px 30px 20px;
	margin:0;
}


.page #content article .title {
	padding:30px 20px 30px 20px;
}

#content article .title .parent-title {
	color:#ed332f;
}
#content article .title .parent-title:hover {
	color:#1A9A94;
}


#content article .text {
	background: #fff;
	padding:20px;
	margin:0;
	min-height:115px;
	width:600px;
	overflow:hidden;	
}


#content article .text h2 span {
	padding:4px 0px;
	position:relative;
	top:-8px;
	border-bottom:1px solid rgb(48, 48, 48);	
	border-bottom:1px solid rgba(0, 0, 0, 0.8);
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	font: normal 12px/12px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
}

#content article .text object, #content article .text embed {
	max-width:600px;	
}

#content article .text .theimg {
	width:147px;
	height:170px;
	overflow:hidden;
	display:block;
}


#content article .text p iframe{
	border-bottom: 1px solid rgb(229, 229, 229);	
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width:600px;
}


#content article .text p img {
	padding:0;
	margin:0;
}

#content article .organ {
	background: #fff;
	padding:30px 20px 20px 20px;
	margin:0;
	text-transform: uppercase;	
	color:#000;
	font-size:10px;
	font-weight:bold!important;	
	clear:both;
	display:block;
}

#content article .organ .tags a{
	font-weight:bold!important;
}

#content article .organ .tags .comments-link a {
	margin:0 13px 0 13px;
	background: #ed332f;		
	padding:3px 6px;
	display:inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color:#fff;
	font-weight:bold;
	margin-bottom:2px;
	text-shadow: rgba(0,0,0,0.2) 1px 1px;	
}
#content article .organ .share .comments-link a:hover {
	background: #000;	
}

#content article .organ .tags a {
	background: #1A9A94;
	padding:3px 6px;
	display:inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color:#fff;
	font-weight:normal;
	margin-bottom:2px;
	text-shadow: rgba(0,0,0,0.2) 1px 1px;
}
#content article .organ .tags a:hover {
	background: #ed332f;
}

.addthis_container {
	display:inline-block;
	position:relative;
	top:14px;
}

#content article .meta {
	color: #ccc;
	background: #000;
	text-align:right;	
	padding:0 0 5px 0;
	text-transform: uppercase;	
	line-height:100%;
}


#content article .meta a{
	background: #1A9A94;
	padding:6px 6px;
	display:inline-block;
	color:#fff;
	margin-left:10px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-shadow: rgba(0,0,0,0.2) 1px 1px;	
}
#content article .meta a:hover {
	background: #ed332f;
}

.image {
	line-height:0;
	background:#fff;
}

a.more-link {
	padding:10px 0 0 0;
	clear:both;
	display:block;
	text-align:right;
}

span.readmore {
	font: normal 20px/20px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	color:#1A9A94;
	text-transform:lowercase;
}
span.readmore:hover {
	color:#ed332f;
}



.page-link {
	color: #000;
	font-weight:bold;
	padding-top:15px;
	margin:0;
	word-spacing:0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color:#333;
	font-weight:normal;
	padding:0.5em 0.75em;
	text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
	color: #fff;
	background: #1A9A94;	
}



.category-advertisement .title {
	background: #fff!important;
	color:#000!important;
	padding:0 0 0 0 !important;	
	margin:0 0 0 0 !important;		
}
.category-advertisement h2 {
	background: #fff!important;
	color:#000!important;	
	padding:0 0 5px 20px !important;	
	margin:0 0 0 0 !important;		
}
.category-advertisement .meta {
	background: #fff!important;
}

.edit-link a{
	font-size:8px;
	font-family:verdana;
	color: #333!important;
	text-transform:uppercase;
	padding-left:10px;
}
.edit-link a:hover {
	color:#ed332f!important;
}

.postextra {
	margin:0 5px 0 5px;
	clear:both;
	display:block;
	height:280px;
}
.postextra .ad {
	width:300px;
	overflow:hidden;
	float:left;
}
.postextra .related {
	background:#fff;
	padding:0;
	border: 1px solid rgb(229, 229, 229);		
	border: 1px solid rgba(0, 0, 0, 0.1);	
	border-bottom:none;
	margin:0 0 25px 15px;
	float:right;
	width:325px;
}

.postextra .related h3 {
    font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	color:#000;
	margin:0 0 0 0;
	padding:5px 0 5px 10px;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
}

.postextra .related ul {
	list-style-type:none;
	margin:0;
	border-top: 1px solid rgb(229, 229, 229);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}	

.postextra .related ul li {
	border-bottom: 1px solid rgb(229, 229, 229);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin:0;
	padding:5px 12px 5px 12px;
}


/*
	Sidebar
*****************/
#sidebar {
	overflow: hidden;
	width: 300px;
}

#sidebar ul {
	list-style-type:none;
	margin: 0;
}
#sidebar ul li {
	margin: 0 0 2em 0;
	padding:0;
}
#sidebar ul li.ad {
	margin: 2.3em 0 2.8em 0;
}
#sidebar ul li.border {
	margin: 0 0 1.5em 0;
	padding:0 0 20px 0;
	background: url('images/pageflips300.png') no-repeat bottom left;
	color:#000;
}
#sidebar ul li.border.alt {
	background: url('images/tornbot300.png') no-repeat bottom left;
	color:#fff;
}
#sidebar ul li.border.alt2 {
	background: url('images/tornbot300b.png') no-repeat bottom left;
	color:#fff;
}



.newsletter .cbox {
	display:inline;
}
label.clutchnewsletter {
	display:inline;
	font-size:11px;
}

#sidebar ul li.border ul{
	padding:0;
	border: 1px solid rgb(229, 229, 229);		
	border: 1px solid rgba(0, 0, 0, 0.1);	
	border-bottom:none;	
}
	
#sidebar ul li.border ul li{
	border-top: 1px solid rgb(229, 229, 229);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin:0;
	padding:10px 12px 10px 12px;
	background:#fff;
}
#sidebar ul li.border.alt ul li{
	background:#1A9A94;
}
#sidebar ul li.border.alt2 ul li{
	background:#000;
	color:#ccc;
}

.newsletter input[type='submit'] {
	background: #000;
	padding: 3px 1em 4px 1em;
}
.newsletter input[type='submit']:hover {
	background: #ed332f;
}

#sidebar h3, h3.dblog {
    font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	color:#000;
	margin:0 0 10px 10px;
	padding:0px 0 5px 0;
	text-transform:uppercase;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
}
#sidebar h3 span, h3.dblog span {
	padding:4px 0px;
	position:relative;
	top:-8px;
	border-bottom:1px solid rgb(48, 48, 48);	
	border-bottom:1px solid rgba(0, 0, 0, 0.8);
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	font: normal 12px/12px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
}

#sidebar h3 a, h3.dblog a {
	color:#000;
}
#sidebar h3 a:hover, h3.dblog a:hover {
	color: #1A9A94;
}

#sidebar .lotdimg  {
	display:block;
	padding:0;
	margin:0;
	line-height:0;
}

#sidebar .lotd h4 {
	margin:0 0 0.5em 0;
}
#sidebar .lotd p {
	font-size:11px;
}

#sidebar a.sm {
	font-size:11px;
	color:#fff;
	clear:both;
	text-align:right;
	display:block;
}
#sidebar a.sm:hover {
	color:#1A9A94;
}

#sidebar .tagtitle a {
	color:#fff;
	font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;	
	text-transform:uppercase;
	padding:0 0 8px 0;	
	display:block;
}
#sidebar .tagtitle a:hover {
	color:#ed332f;
}

#sidebar .tagtitle span {
	padding:4px 0px;
	position:relative;
	top:-8px;
	border-bottom:1px solid #fff;	
	font: normal 12px/12px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
}

#sidebar ul li.border ul li:first-child {
	border-top: none;
	margin-bottom:0;
}


/*
	Footer
*****************/

.widebot2 {
	background: url('images/pageflips955b.png') no-repeat bottom ;
	width:955px;
	height:20px;
	margin: 0 0 6em 5px;
}

#footer {
	overflow: hidden;
	width: 953px;
	margin: 2.5em 0 0 5px;
	display:block;
	border: 1px solid rgb(229, 229, 229);		
	border: 1px solid rgba(0, 0, 0, 0.1);	
	border-bottom:none;
	clear:both;
}
#footer .botad {
	background:#1A9A94;
}

.botleader {
	margin:0 auto;
	width:728px;
	height:90px;
	padding:20px;
}


#footer ul {
	margin:0;
	padding:30px 0px;
	text-align:center;
	background: #000;
	
}

#footer ul li {
	display:inline;
	margin-left:-4px;
	padding:0 10px 0 10px;
	border-right: 1px dotted #1A9A94;
}

#footer ul li a {
	color:#ed332f;
}

#footer ul li a:hover {
	color:#fff;
}

#footer ul li.last {
	padding:0 10px 0 10px;
	border-right: none;
}

.extrafeet {
	background:#000;
	padding: 0 0 3em 0;
	font: normal 10px/13px Arial, Helvetica, Verdana, Sans-Serif!important;	
	color:#888;
	text-align:center;
}




/*
	Features
*****************/
.featsrap {
	overflow: hidden;
	width: 953px;
	margin: 2.5em 0 0 5px;
	display:block;
	border: 1px solid rgb(229, 229, 229);		
	border: 1px solid rgba(0, 0, 0, 0.1);	
	border-bottom:none;
	clear:both;
}
.widefeats {
	clear:both;
	background:#fff;
	padding:0 0 0 3px;
}
.featsrap2 .widefeats {
	clear:both;
	background:transparent;
	padding:0 0 0 3px;
}
.widefeats h3 {
    font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	color:#000;
	margin:0 0 0 0;
	padding:0 0 10px 6px;
	text-transform:uppercase;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	display:block;
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg);
}

#header .widefeats h3 {
	margin:0 0 0 0;
}
#footer .widefeats h3 {
	margin:0 0 12px 0;
}

.issuenav {
	position:relative;
	right:0;
	text-align:right;
	padding:0 8px 0 0;
	font-size:10px;
	top:-25px;
	display:block;
}

.widefeats .post {
	display:inline-block;
	width:147px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0px 6px;
	vertical-align:text-top;
}

.featsrap2 .widefeats .post {
	display:inline-block;
	overflow:hidden;
	margin:0 8px 0 0;
	padding:0;
	vertical-align:text-top;
	border: 1px solid rgb(229, 229, 229);		
	border: 1px solid rgba(0, 0, 0, 0.1);
	background:#fff;	
}


.featsrap2 .widefeats .post:last-child {
	margin:0 0 0 0;
}
.featsrap2 .widefeats .post .organ {
	padding:5px;
	text-transform:uppercase;
}
.featsrap2 .widefeats .post h4 {
	padding:0 5px 0 5px;
}

.widefeats .post .image {
	width:147px;
	height:170px;
	overflow:hidden;
}

.widefeats .post img {
	width:147px;
	height:170px;
}

.widefeats .post .organ {
	padding:5px 0 3px 0;
	text-transform:uppercase;
}

.widefeats .post .com a {
	font-size:10px;
	background:url('images/triangle1.png');
	padding:7px 0 3px 0;
	width:41px;
	text-align:center;
	line-height:100%;
	position:relative;
	margin:-20px 0 0 0;
	color:#fff;	
	display:block;
}

.widefeats .post .com a:hover {
	color:#000;
}


.widefeats .post h4 {
	font-size:12px;
	font-weight:bold;	
}
.widefeats .post h4 a{
	color:#000;
}
.widefeats .post h4 a:hover{
	color:#1A9A94;
}

.widebot {
	background: url('images/pageflips955.png') no-repeat bottom ;
	width:955px;
	height:20px;
	margin: 0 0 2em 5px;
	clear:both;
}

#footer .widefeats {
	padding-bottom:25px!important;
}



/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	width:640px;
	margin: 0 0 0 5px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 0 0 30px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid rgb(229, 229, 229);	
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}

.commentlist li.comment .depth-2, 
.commentlist li.comment .depth-3,
.commentlist li.comment .depth-4,
.commentlist li.comment .depth-5,
.commentlist li.comment .depth-6 {
	border-top: 1px dashed rgb(229, 229, 229);	
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

#comments .comment-body {
	font-size:13px;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgb(229, 229, 229);	
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}

#comments label {
	font-size:14px!important;
}

/* Comments form */

#respond {
	margin: 24px 0;
	border-top: 1px solid rgb(229, 229, 229);	
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 30px 0 24px 0;
}
h3#reply-title small {
	font: normal 8px/8px Verdana, Arial, Helvetica, Verdana, Sans-Serif!important;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

.form-allowed-tags {
	display:none;
}

.comemeta {
	font-size:11px;
}

.comauthor, .comemeta a {
	font-weight:bold;	
}





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

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment {
	border:none;
	padding:0px!important;
	line-height:0;
	margin:0;
}
#content .attachment img {
	max-width: 640px;
	background:#000;
}
#content .text .alignleft,
#content .text img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .text .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .text .aligncenter,
#content .text img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content .text img.alignleft, 
#content .text img.alignright, 
#content .text img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}




/* GALLERY */
.entry-attachment {
	background:#fff;
}


.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 0 15px 0;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 0 3%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }
.gallery-item img { width: 100%; }

.gallery-item img:hover { opacity:0.8; }

.imgcontent {
	background:#000;
	color:#ccc;
	padding:0;
	clear:both;
}
.imgcontent-txt {
	padding:20px 0 10px 0;
}


.gallerynav {
	line-height:normal;
	font: normal 12px/12px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
	text-transform:uppercase;	
	position:absolute;
	width:640px;
}


.gallerynav .nav-next  {
	width:640px;
	display:block;
}

.gallerynav .nav-previous a {
	display:block!important;
	background:#000;
	background:rgba(0,0,0,0.5);
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;	
	color:#eee;
	width:40px;	
	padding:5px 10px;
	text-align:right;
	position:relative;
	top:20px;
	float:left;	
}
.gallerynav .nav-next a {
	display:block!important;
	background:#000;
	background:rgba(0,0,0,0.5);
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;	
	color:#eee;		
	width:40px;
	padding:5px 10px;	
	position:relative;
	top:20px;
	right:0;
	float:right;
}

.gallerynav a:hover {
	background:#ed332f;
	color:#fff;		
}






/* PAGING */
section #nav-below{
	padding:0 0 60px 0!important;
	
}

section #nav-below, .wp-pagenavi {
	clear:both;
	width:642px;
	margin:5px;
}

section #nav-below .nav-previous a {
	background: #fff;
	padding:3px 6px;
	display:inline-block;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color:#000;
	font-weight:normal;
	margin-bottom:2px;
	float:left;
}
section #nav-below .nav-next a {
	float:right;
	background: #fff;
	padding:3px 6px;
	display:inline-block;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color:#000;
	font-weight:normal;
	margin-bottom:2px;
}
section #nav-below a:hover {
	background:#ed332f;
	border: 1px solid #ed332f;
	color:#fff;
}
.wp-pagenavi {
	clear: both;
	margin-bottom:35px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}




/* ARCHIVES */

.archive-title {
    font: normal 30px/30px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0;
	color:#000;
	margin:0 0 10px 5px;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;	
}
.archive-title span {
	padding:4px 0px;
	position:relative;
	top:-8px;
	border-bottom:1px solid rgb(48, 48, 48);	
	border-bottom:1px solid rgba(0, 0, 0, 0.8);
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	font: normal 12px/12px Verdana, Arial, Helvetica, Verdana, Sans-Serif;
}

.no-results {
	padding-left:5px;
}





/* SELFSERVEBOXES IN SIDEBAR */
#selfserveboxes {
	border: 1px solid rgb(229, 229, 229);
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin:0;
	padding:10px 11px 10px 13px;
	background:#fff;
	border-bottom:none;
}
.ssrow {
	clear:both;
	height:147px;
}
.ssrow-last {
	clear:both;
	height:135px;
}	
.ssbox-l {
	width:147px;
	height:125px;
	overflow:hidden;
	float:left;
}
.ssrow-txt {
	clear:both;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	padding:10px 0 10px 0;
	line-height:12px;
}
.ssrow-txt p{
	margin:0;
}
.ssrow-txt h4 {
	font-size:12px;
	font-weight:bold;
	line-height:13px;	
	margin:0;
}
.ssrow-txt .url {
	font-size:10px;
}


/* =Menu
-------------------------------------------------------------- */

#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	text-align:left;
}

#access a[title~=Fashion] { 
font: normal 37px/37px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0!important;
position:relative;
top:-6px;
}
#access a[title~=Beauty] { 
font: normal 37px/37px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0!important;
position:relative;
top:-6px;
}
#access a[title~=Hair] { 
font: normal 37px/37px 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;letter-spacing: 0!important;
position:relative;
top:-6px;
}

#access ul ul {

	display: none;
	position: absolute;

	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
	border-right:none;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	border-bottom:1px solid #1A9A94;
	font-size:20px;	
}
#access li:hover > a {
	color: #1A9A94;
	border-bottom:1px solid #1A9A94;
}
#access ul ul :hover > a {
	color: #000;
	background:#eee;
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000;
	border-bottom:1px solid rgb(48, 48, 48);
	border-bottom:1px solid rgba(0,0,0,0.8);
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #000;
	border-bottom:1px solid rgb(48, 48, 48);
	border-bottom:1px solid rgba(0,0,0,0.8);
}



.simplepie .cat {
	text-transform: uppercase;
}

.simplepie .title {
	font-size:12px;
	font-weight:bold;
}

.simplepie li img {
	width:125px;
	height:auto;
}

.simplepie .imageleft {
	width:125px;
	height: 75px;
	overflow:hidden;
	display:block;
	float:left;
	padding: 0 6px 5px 0;
}

.simplepie .feeditem {
	clear:both;
	min-height:81px;
}


.visuals {
	padding:12px 0 0 12px !important;
	margin:0 0 2.5em 0 !important;
	background:#fff !important;
	border: 1px solid rgb(229, 229, 229) !important;		
	border: 1px solid rgba(0, 0, 0, 0.1) !important;	
	border-bottom:none;
	height:193px!important;
}
.visuals a {
	padding:0 0 0 0 !important;
	margin:0 5px 5px 0 !important;
	display:block;
	float:left;
	height:88px !important;
	overflow:hidden;
}
.visuals img {
	width:88px;
	height:auto;
	margin:0!important;
	padding:0!important;
}





#componentDiv table, #componentDiv tr {
	padding:0!important;
	margin:0!important;
	display:block;
	text-align:left!important;
}

#componentDiv center {
	text-align:left!important;
	padding:0!important;
	margin:0!important;	
}

.admin-bar {
	margin:0!important;	
	padding:0!important;	
}	

.tweetbut {
	position:relative;
	top:6px;
}
.fblikebut {
	position:relative;
	top:11px;	
}
.googleplus {
	position:relative;
	top:6px;	
}