/*   
Theme Name: pimp
Theme URI: http:/www.the-pimp.de
Description:Custom The-Pimp.de Theme
Author: Martin Moeller CSS & Dali Ivkovic DESIGN
Author URI: http:/www.martin-moeller.biz
Template: pimp
Version: 2.0
*/

/* 	Global Reset */
/**********************************************************/
html, body, div, span, iframe,.entry img.entry img
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* IE hasLayout Trigger */
* html ul,
* html ol { /* for IE6 */
		overflow: visible;
		height: 1%;
}
ul li {
	list-style-type: none;
}



/* 	Structure */
/**********************************************************/


body {
	margin:0;
	padding:0;
	font-family: Tahoma, Helvetica, sans-serif;
	font:13px/18px Tahoma, Helvetica, sans-serif;
	color: #333333;	
	text-align: center;
	background: #393939 url("images/bg_the-pimp.gif") repeat;
}

div#wrapper {
	margin:0 auto;
	/*margin:41px 0 100px 20px; */
	padding: 61px 0 100px 0;
	width:1012px;
	text-align: left; /* ie6 */
	
}

div#pimpCol-1 {
	float: left;	
	width: 524px;
	min-height: 400px;
	height: auto!important;/* ff overide */
	height: 400px;/* ie6 */
	background-color: #fff;
	margin:0 10px 20px 0;
}
div#header {
	position:  absolute;
	width: 464px;
	top: 9px;
}

div#contentCol-1 {
	padding: 110px 20px 20px 20px;	
}

div#pimpCol-2 {
	float: left;
	width: 204px;	
	min-height: 400px;
	height: auto!important;/* ff overide */
	height: 400px;/* ie6 */
	background-color: #fff;
	margin-right: 10px;
}

.contentCol { /* I use this against further IE6 Problems */
	padding: 20px 20px 20px 10px;
	text-align: left;
}

div#pimpCol-3 {
	float: left;
	width: 204px;	
	background-color: #fff;
	margin-right: 10px;
	min-height: 400px;
	height: auto!important;/* ff overide */
	height: 400px;/* ie6 */
}

/* Post Headline */

h1 {
	margin-bottom: 5px;
}
h1, h1 a {
	color: #333333;
	font-size: 18px;
	text-decoration: none;	
	line-height: 22px;
}
h1 a:hover {
	color: #ee0088;
	text-decoration: underline;	
}
h2 {
	font-weight:bold;
	font-size: 0.8em;	
}


/* Post Description  */

.descr {
	color: #999999;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 10px;
}

/* Post Content  */

.entry p, .entry code, .entry ul, .entry ol { padding-bottom: 1.2em; }
.entry strong {	font-weight: bold; }
.entry .entry-content ul li {	
    padding-left:15px;
	background: transparent url("images/bullet_purple.png") 3px 0 no-repeat;
	margin-bottom:10px;
}
.entry,
.entry a {	font-size: 12px;color: #333333; }
.entry a	{	text-decoration: underline; }
.entry a:hover { color:#ee0088;	}

.entry img { border: 1px solid #999999;	margin-bottom: 10px; padding: 4px; }
.entry .post-ratings { opacity:1; width:100%;  float:left;}
.entry .wp-smiley { border: none; }

.entry .post-ratings {
	font-size: 10px;
	color: #999999;
	margin-bottom: 10px;
}	
.entry div.info {
	margin-bottom: 10px;
}
.entry div.info, .entry div.info a {
	font-size: 10px;
	color: #999999;
}
.entry div.info a:hover {
	color: #ee0088;
}
.entry div.info ul li{
	display: inline;

}

div.descr a {
	font-size: 10px;
	color: #999999;
}
div.descr a:hover {
	color:#EE0088;
}

div.hrline hr{ /* take out the troublemaking HR */
	display:none;
}
div.hrline { /* DIV that wraps and replaces the HR */
	background: transparent url("images/1px_cccccc.gif") repeat-x center center;
	height: 20px;
}

/* Icons Matrix */

.icon-comments {
	padding-left: 15px;
	background: url("images/icons_matrix.gif") -17px -170px no-repeat;
}
.icon-rss {	background: url("images/icons_matrix.gif") 1px -1px no-repeat; }
.icon-info { background: url("images/icons_matrix.gif") 1px -56px no-repeat; }
.icon-contact {	background: url("images/icons_matrix.gif") 1px -110px no-repeat; }


/* PimpCol2 */

/* Kommentare */
.sidebar-comments {
	padding-left: 0;
}
.sidebar-comments a,
a#view-results {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	display: block;
	margin:10px 0 5px 0;
}
.sidebar-comments a:hover, a#view-results:hover  {	color: #ee0088; }
.sidebar-comments span.author, .sidebar-comments span.author-comment {	
	color: #4a4a4a;
	font-size: 10px;
}
.sidebar-comments span.author {	font-weight: bold; }

/* Kategorien */

ul li.cat-item a, ul.blogroll a {
	font-size: 10px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	color: #333333;
}

ul li.cat-item a:hover, ul.blogroll a:hover {
	background-color: #ff0099;
	color: #fff;
}


div#meta-options ul {
	clear: left;
}
div#meta-options ul li{
	float: left;	
	display: inline; 
}
div#meta-options ul li a {
	display: block;
	width: 55px;
	height: 55px;
}
div#meta-options ul li a span {
	display: none;
}

/* Misc */

.clear {clear:both;}

/* Formulare */

input {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #333333;
}

#sidebarsubmit {
	
}

/* Graybox */

.graybox {
	background-color: #ccccc;
}

.commentlist li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0pt 3px;
	padding:5px 10px 3px 0px;
}

.commentlist cite, 
.commentlist cite a {
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	color:#333;
}
.commentlist cite a:hover { color:#ee0088; }

.commentmetadata,
.commentmetadata a{
	font-size: 10px;
	font-weight: normal;
	margin: 0;

	color: #999999;
}

/* Tags */

div.tags {
	padding-left: 10px;
}

div.tags a {
	color: #333;
}
div.tags a:hover { color:#ee0088;	}

form p {
	line-height:1.5em;
	margin:1.2em 0pt;
	color:#333333;
}
form textarea#comment {
	padding:2px;
	border:1px solid #C1C0B5;
	font-size: 1em;
}
.form-labels-width {
	width: 140px;	
	display: block;
	float: left;	
}

/* Similiar Posts */
.similar-posts li {
	display: block;
}

/* Umfrage */
li.choice {
	display: block!important;
}

/* Zitate */
blockquote {
	border-color:#CCCCCC;
	border-style:dotted;
	border-width:1px 0pt;
	color:#881100;
	margin:0.75em 0pt;
	padding:5px 15px 0 15px;
	font-style: italic;
}

/* Social */
.socialLinks {
	padding:0 !important;
	margin:0 !important;	
	float:right;
}
.socialLinks li {
	margin-right: 10px;
}
.socialLinks img{
	border:none;
}

.comment { 
	
}

.comment_bubble { 
	width: 414px;
	/width: 380px;
	padding: 10px;
	float: left;
	font: bold 12px arial, sans-serif;
	color: #172323;
}
.comment_bubble .info { 
	font: normal 11px verdana, serif;
	color: #333333;
	margin-top: 10px;
}
.comment_bubble .info a { 
	font-weight: bold;
	color: #333333; 
}
.comment_bubble .info a:hover { 
	font-weight: bold;
	color: #EE0088; 
}
.comment_point { 
	float: left;
	margin-top: 10px; 
}
img.user { 
	float: right;
	border: 3px solid #4b7790; 
}
div.softcorners { position: relative; background: #fff; padding: 10px; }
div.softcorners img { vertical-align: middle; }
div.softcorners img.tl { position: absolute; top: 0px; left: 0px; z-index: 1; }
div.softcorners img.tr { position: absolute; top: 0px; right: 0px; z-index: 1; }
div.softcorners img.br { position: absolute; bottom: 0px; right: 0px; z-index: 1; }
div.softcorners img.bl { position: absolute; bottom: 0px; left: 0px; z-index: 1; }
div.softcorners div.insides { font-weight:normal; position: relative; z-index: 2; top:0px; }
div.insides p a { color:#333333;  }
div.insides p a:hover { color:#FF0099;  }
.clear {clear:both;}

/*
	<div class="comment">
		<div class="softcorners comment_bubble" style="background:#e0dfe3; ">
			<div class="insides">
				That's awesome. I love the idea, and it's great to see how easily it worked for just this one store.&hellip; <div class="info"><a href="/user275306">Patrick</a> 2 months ago</div>			
			</div>	
	
			<img alt="" src="http://www.vimeo.com/assets/images/rounders/rounder_tl_10_9cca68_172323.gif" class="browserounder tl"/>
			<img alt="" src="http://www.vimeo.com/assets/images/rounders/rounder_tr_10_9cca68_172323.gif" class="browserounder tr"/>
			<img alt="" src="http://www.vimeo.com/assets/images/rounders/rounder_bl_10_9cca68_172323.gif" class="browserounder bl"/>
			<img alt="" src="http://www.vimeo.com/assets/images/rounders/rounder_br_10_9cca68_172323.gif" class="browserounder br"/>
		</div>			
		<div class="clear"></div>
	</div>
*/