@charset "UTF-8";

/*
THEME NAME: Pink-Pong
AUTHOR: <a href"http://www.felixdorner.com">Felix Dorner</a>
TEMPLATE: twentyten
*/

@import url("../twentyten/style.css");

/*
General Styles
*/

	body {
		color: #282828;
		font-family: 'georgia', times, serif;
		font-size: 12px;
		line-height: 24px;
	}
	
	.widget-title, h1, #site-title, h2, h3, #content .entry-title {
		color: #282828;
	}
	
	h1, #site-title {
		color: #282828;
		font-family: 'arial', helvetica, sans-serif;
		font-weight: bold;
		font-style: italic;
		font-size: 32px;
		margin: 0;
		padding: 0;
		line-height: 24px;
	}
	
	h1.author, h1.page-title {
		font-size: 12px !important;
		border: none !important;
	}
	
	h3.light, h2.light {
		border: none !important;
	}
	
	h2, h3, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		font-family: 'arial', helvetica, sans-serif !important;
		font-weight: bold;
		font-style: italic;
		font-size: 21px;
		color: #282828;
		margin: 0 0 20px;
		border-top: 4px solid;
		border-bottom: 4px solid;
		line-height: 1.2;
		text-transform: capitalize;
	}
	
	
	
	h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
		color: #282828;
	}
	
	p {
		margin-bottom: 20px;
	}
	
	a:link, a:visited, .entry-title a:hover, .page-title a:link, .page-title a:visited {
		color: #fd03a8;
		text-decoration: none;
	}
	
	a:hover, .entry-meta a:hover, .widget-area a:hover {
		color: #282828;
		text-decoration: none;
	}
	
	a.button, .menu-item a, #nav-below a, #respond.form-submit input, .comments-link a {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 7px !important;
		color: #fff !important;
		background: #282828;
		font-family: 'arial', helvetica, sans-serif;
		font-size: 10px;
		line-height: 1 !important;
		font-style: normal;
		border: 1px solid #282828;
	}
	
	a.button, .menu-item a, #respond.form-submit input, .comments-link a {
		display: inline !important;
	}

	
	.current-menu-item a, .menu-item a:hover, .button:hover, #nav-below a:hover, #respond.form-submit input:hover, .comments-link a:hover {
		background: #fd03a8 !important;
		color: #fff !important;
		border: 1px solid #fd03a8;
	}
	
	.menu-item a {
		margin-left: 5px;
	}
	
	.white-button {
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 6px;
		color: #282828;
		background: #fff;
		font-family: 'arial', helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		border: 1px solid #282828;
		line-height: 4;
		margin-right: 5px;
	}
	
/*
DIV-Container
*/
	
	
	#wrapper {
		margin: 0 auto;
		padding: 0 20px;
		width: 940px;
	}
	
	
	/*
	Header
	*/
	
	#header {
		float: left;
		width: 100%;
		padding: 20px 0 0;
		height:172px;
	}
	
	#logo {
		float: left;
		width: 120px;
		margin-right: 20px;
		height: 128px;
	}
	
	#branding {
		float: left;
		width: 500px;
		padding-top: 40px;
	}
	
	#site-description {
		float: left;
		width: 100%;
		font-style: italic;
		font-size: 12px;
		margin: 0;
	}

	#access {
		float: left;
		width: 100%;
		background: #fff;
		margin: 0 0 20px;
	}
	
	#access .menu-header {
		width: 700px;
		float:left;
		margin-left: 0px;
		text-align: right;
	}
	
	#access .menu-header ul, div.menu ul  {
		float: right;
		margin-right: 0px;
		padding: 0;
		height:25px;
	}
	
	#search_form {
		float:right;
		width: 205px;
		text-align: right;
		margin-right: 16px;
	}
	
	
	/*
	MAIN CONTENT
	*/
	
	#main {
		padding: 0;
		float: left;
		width: 100%;
		overflow: visible;
		margin: 0;
	}
	
	#container {
		float: left;
		width: 100%;
	}
	
	#content {
		width: 100%;
	}
	
	/*
	CONTENT
	*/
	
	.hentry {
		float: left;
		margin: 0 0 20px;
		width: 700px;
	}
	
	.meta-data {
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	
	.entry-meta {
		font-style: italic;
		font-family: 'georgia', times, serif;
		color: #282828;
		line-height: 1.2em;
		margin-top: 20px;
	}
	
	#full-content {
		float: left;
		width: 460px;
		text-align: justify;
	}

	.entry-content {
		text-align: justify;
	}
	
	.entry-content, .entry-summary {
		padding: 0;

	}
	
	#full-content img {
		max-width: 460px;
	}
	
	#content {
		margin-left: 0;
		margin: 0px;
		float: left;

	}
	
	.comments-link {
		line-height: 1.2;
	}
	
	.fb {
		float: left;
		width: 100px;
		margin-bottom: 20px;
	}
	
	/*
	Sidebar
	*/
	
	#primary, #secondary {
		width: 220px;
		overflow: visible;
		font-size: 12px;
		line-height: 24px;
		margin-left: 20px;
	}
	
	#secondary {
		color: #282828;
	}
	
	#main .widget-area ul {
		padding: 0;
	}
	
	.widget-area ul ul {
		list-style: disc;
	}	

	
	/*
	SUB-PAGES
	*/

	#content.fullpage
	{
		width: 940px;
	}
	
	.overview {
		width: 960px !important;
	}
	
	.overview-content {
		padding: 0 0 20px;
		width: 220px;
		float: left;
		margin-right: 20px;
		height: 250px;
	}
	
	#content .overview-title {
		margin-top: 10px;
	}	
	
	.overview-records {
		padding: 0 0 20px;
		width: 220px;
		float: left;
		margin-right: 20px;
		height: 340px;
	}
	
	.products-cols {
		border-top: 1px solid #FD03A8; 
		width: 160px; 
		float: left; 
		padding: 10px 0; 
		font-size: 10px;
	}
	
	.cols-normal {
		margin-right: 20px;
	}
	
	h2.cols-heading {
		font-size: 14px !important;
		border: none !important;
	}
	
	
	.about {
		-moz-column-count: 4;
		-moz-column-gap: 20px;
		-webkit-column-count: 4;
		-webkit-column-gap: 20px;
		column-count: 4;
		column-gap: 20px;
	}
	
	.about ul {
		list-style: none ;
		margin-left: 0;
		}
		
	.quote {
		float: left;
		width: 920px;
		margin: 0 0 20px;
		background: #eee;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 12px;
		font-size: 18px;
		text-align: center;
		font-style: italic;
	}
	
	/*
	NAV
	*/
	
	.navigation {
		overflow: visible;
	}
	
	#nav-below {
		float: left;
		width: 700px;
		margin: 20px 0;
	}
	
	/*
	FOOTER
	*/
	
	#footer {
		float: left;
		width: 100%;
	}
	
	#colophon {
		margin: 0;
		border-top: 4px solid #282828;
		padding: 20px 0;
		overflow: visible;
		line-height: 18px;
	}
	
	#footer-widget-area h3.widget-title {
		font-size: 14px;
		line-height: 1.4;
		border: none;
	}
	
	#footer-widget-area {
		overflow: visible;
	}
	
	#footer-widget-area #first.widget-area ul, #footer-widget-area #second.widget-area ul, #footer-widget-area #third.widget-area ul, #footer-widget-area #fourth.widget-area ul  {
		list-style: none ;
		margin-left: 0;
		font-size: 10px;
	}
	
	#footer-widget-area #first.widget-area ul li a, #footer-widget-area #second.widget-area ul li a, #footer-widget-area #third.widget-area ul li a, #footer-widget-area #fourth.widget-area ul li a {
		margin-left: 0;
		margin-right: 5px;
		font-family: 'arial', helvetica, sans serif;
		font-size: 10px;
		background: transparent;
		padding: 0;
		color: #282828 !important;
		border: none;
	}
	
	#footer-widget-area a:hover, #footer-widget-area #first.widget-area ul .current-menu-item a, #footer-widget-area #second.widget-area ul .current-menu-item a, #footer-widget-area #third.widget-area ul .current-menu-item a, #footer-widget-area #fourth.widget-area ul .current-menu-item a {
		color: #FD03A8 !important;
		background: #fff !important;
	}
	
	.about ul li:before, #footer-widget-area #first.widget-area ul li ul li:before, #footer-widget-area #second.widget-area ul li ul li:before, #footer-widget-area #third.widget-area ul li ul li:before, #footer-widget-area #fourth.widget-area ul li ul li:before {
		content: "→";
		margin-right:5px;
		}
		
	#site-info {
		float: left;
		text-align: right;
		width: 100%;
		border-top: 4px solid #282828;
		padding: 10px 0 20px;
		font-style: italic;
	}	
	
	/*
	COMMENTS
	*/
	
	#comments {
		float: left;
		width: 700px;
	}
	
	input[type="submit"] {
		color: #fff;
		background: #282828;
		padding: 8px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 10px;
		line-height: 1;
		border: none;	
	}
	
	input[type="submit"]:hover {
		background: #FD03A8;
		cursor: pointer;
	}
	
	#respond {
		border-top: none;
		overflow: visible;
		margin: 20px 0;
	}
	
	#respond .form-submit input {
		color: #fff;
		background: #282828;
		padding: 8px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 10px;
		line-height: 1;
		border: none;
	}
	
	#respond .form-submit input:hover {
		background: #FD03A8;
		cursor: pointer;
	}
	
	input[type="text"], textarea {
		border: none;
		background: #eee;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		min-height: 2em;
		padding: 0 4px;
		width: 210px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	h3#comments-title, h3#reply-title {
		font-style: italic;
	}
	
	/*
	Author
	*/
	
	#entry-author-info {
		background: #fff;
		clear: both;
	    line-height: 24px;
	    margin: 0 0 20px;
	    overflow: visible;
	    padding: 0;
		border-bottom: 1px dotted #282828;
		border-top: none;
		float: left;
		width: 100%;
	}
	
	#entry-author-info p { 
		margin: 20px 0;
		}
	
	#author-description h2 {
		border: none;
	}
	
	#author-avatar .photo {
		max-width: 200px;
		height: auto;
	}
	
	#entry-author-info #author-avatar {
		height: auto;
		background: #eee;
		border: none;
		line-height: 1;
		float: left;
		margin: 0 0 20px;
		width: 200px;
		padding: 20px 10px;
		text-align: center;
	}
	
	#entry-author-info #author-description {
		float: left;
		margin: 0 0 20px 20px;
		width: 700px;
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
	}
	
	#list-view {
		float: left;
		width: 100%;
		margin: 0 0 20px;
	}
	
	/*
	SONSTIGES
	*/
	
	.social {
		margin: 0 4px;
	}
	
	#fb-root {
		float: left;
		width: 100%;
	}
	
	img#wpstats {
		display: none;
	}
	
	.page-title .vcard, .page-title span {
		font-size: 12px;
	}
	
	#main .widget-area ul ul {
		margin-left: 1.9em;
		list-style: none;
	}
	
	li.widget_archive ul li:before {
		content: "→";
		margin-right:5px;
	}
	
	li.widget_archive ul {
		margin-left: 0 !important;
	}	
	
	.widget_search #s {
		width: 144px;
		margin: 0 10px 20px 0;
		border: 1px solid #eee;
		background: #fff;
		padding: 3px;
		
	}
	
	
	li#linkcat-4 ul.xoxo {
		list-style: none;
		margin-left: 0;
	}
	
	ul.xoxo .blogroll li:before {
		content: "→";
		margin-right:5px;	
	}
	
	/*
	Flickr
	*/
	
	.flickr {
		float: left;
		width: 960px;
		margin: 0 0 20px;
	}
	
	.flickr img {
		margin-right: 5px;
	}
	
	#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#282828;}
	#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
	#flickr_icon_td {padding:0 5px 0 0 !important;}
	.flickr_badge_image {text-align:center !important;}
	.flickr_badge_image img {border: 1px solid black !important;}
	#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
	#flickr_badge_uber_wrapper a:hover,
	#flickr_badge_uber_wrapper a:link,
	#flickr_badge_uber_wrapper a:active,
	#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#fd03a8;}
	#flickr_badge_wrapper {}
	#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#282828 !important;}
	
	

	/*
	 * RELATED POSTS
	 */

	#related_posts ul
	{
		list-style: none;
		margin-left: 0px;
	}
	
	#related_posts li 
	{
		padding-bottom: 5px;
		clear:both;
	}
	
	.related_thumb {
		float:left;
		width:50px;
		height:50px;
		margin-bottom:10px;
		padding-top:5px;
	}
	
	.related_title {
		float:right;
		width:625px;
		padding-left:10px;
	}
	
	.related_excerpt {
		padding-left: 10px;
		float:right;
		width:625px;
		color: #282828;
	}

	/*
	 * SEARCH
	 */
	.search-everything-highlight {
		font-weight: bold;		
		color: #FD03A8;
	}
	
	#search_form #searchinput {
		width:213px;
		height:27px;
		margin-top: -1px;
		font-size: 10px;
		font-family: 'arial', helvetica, sans-serif;
	}
	
	#search_form #searchsubmit {
		display:none;
	}
		
	/*
	 * NEWSLETTER FORM
	 */
	.newsletter-widget ,
	#newsletterwidget-3 
	{
		height:86px;
	}
	
	.newsletter-widget input[type="text"],
	#newsletterwidget-3 input[type="text"]
	{
		width:213px;
		float:left;
		font-size: 10px;
		font-family: 'arial', helvetica, sans-serif;
		height:25px;
	}
	.newsletter-widget input[type="submit"],
	#newsletterwidget-3 input[type="submit"]
	{
		display:none;
		color: #fff;
		font-size: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		width:60px;
		float:right;
	}

	/*
	 * FACEBOOK
	 */	
	.fbConnectWidgetTopmost {
		border: 0px;
	}