@charset "utf-8";
/*
Theme Name: WP7App
Theme URI: http://wp7app.de/
Description: Theme for WP7App.de
Author: Thomas Pentenrieder
Author URI: http://medienstudio.net
Version: 2.0
*/

html, body, form, fieldset {
        margin: 0;		
        padding: 0;
        font: 100%/120% "Segoe UI", Verdana, Arial, Helvetica, sans-serif;	height:100%;
		position:relative;
		
}
* {margin:0; padding:0; }
img {border: none; margin:0;}


body {
	background:url(/wp-content/themes/wp7app2/images/background/background_top.jpg) repeat-x #131313;
	font-family:"Segoe UI",Helvetica,Arial,Sans-Serif;
	font-size:16px;
	line-height:23px;
	color:#000;
	height:100%;
}

/* Headlines */
h1 {font-family:"Segoe UI",Arial,Helvetica,Sans-Serif; font-weight:lighter; font-size:30px; line-height:32px; margin:40px 0 0 0;}
h1 a:link, h1 a:visited {color:#000000; text-decoration:none; font-weight:lighter;}
h1#wpdb {margin-bottom: 20px;}
h2 {font-size:24px; font-weight:lighter; margin:20px 0 10px 0; line-height:24px;}
h3 { font-weight:lighter; font-size:20px; margin:15px 0 5px 0;}
h3 a:link, h3 a:visited {color:#000;}

p {margin:0 0 20px 0;  line-height:1.6;}
blockquote{border-left:#F2F2F2 solid 7px; padding-left:5px;}
ul {list-style:inside;}

article ul {list-style:outside circle; margin:0 0 10px 20px;}
article ul ul , #posts ul ul {list-style:outside disc;}
article ol, #posts ol {list-style:outside decimal; margin-left:20px;}
article li {text-indent:0px; margin:0 0 10px 0;}

a {color:#1582bf; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}


header{width:640px; float:left;}
#header { width:600px; float:left; margin:20px 0 0 0;}

.categoryHeader { padding: 15px 0; font-size: 22px; overflow: hidden; font-weight: light; width: 100%; float:left; font-style: italic;}

/* Menus */

#mainMenu { float:left; margin:20px 0 0 0;}
#mainMenu ul li {font-size:23px; overflow:visible; color:#FFF; float:left; list-style:none; font-weight:100; margin:0 20px 0 0; }
#mainMenu a {color:#CCC; text-decoration:none;}
#mainMenu a:hover, #mainMenu a:focus {color:#FFF; padding-bottom:3px; margin-bottom:17px; border-bottom:#333 3px solid;}



#posts {width:600px; min-height:800px; float:left; background:#FFF; margin:20px 0 0 0; padding:20px; z-index:1;}

#subMenu {float:left; border-bottom:1px solid #CCC; padding-bottom:5px; width:100%; overflow:hidden; display:inline;}
#subMenu ul li {font-size:17px; float:left; color:#333; list-style:none; margin-right:15px;}
#subMenu a {color:#666; text-decoration:none;}
#subMenu a:hover, #subMenu a:focus { color:#000; border-bottom:#ccc 3px solid; margin-bottom:13px; padding-bottom:2px;}

#search {float:right;}
#search input[type=text] {border: #CCC solid 1px; padding:3px 5px 3px 5px; width:95px; background:url(/wp-content/themes/wp7app2/images/icons/searchbg.png) no-repeat;}
#search input[type=submit] {display:none;}
#search input[type=text]:focus {border:#333 solid 1px;}

/* Content */

.postMeta {color:#333; font-size:13px; font-style:italic; margin:3px 0 15px 0;}
.postMeta a {}

.contentPreview {text-align: justify;}

.attachment-thumbnail, .attachment-post-thumbnail {float:left; margin:0; border:1px solid #CCC;}
a:hover .wp-post-image, a:focus .wp-post-image, a:hover .attachment-post-thumbnail, a:focus .attachment-post-thumbnail { background:#F2F2F2; border:#666 solid 1px;}
.attachment-single-post-thumbnail {margin:0 0 5px 5px;  float:right;}

.indexPostThumbnail {float:right; margin: 0 0 5px 10px; }

.more-link { font-size:20px; text-decoration:none; font-weight:lighter; line-height:0.75; display:inline-block; padding:0 0 7px 27px; margin-bottom:3px; background:url(/wp-content/themes/wp7app2/images/icons/next.png) no-repeat; color:#333;}
.more-link:hover {text-decoration:none; color:#000; text-decoration:underline;}


/* Sidebar */




.widget-title {display:none;}
.widget_text {}
.widget_links { background-color:#168baa;} 
.widget_links li {
	display: block;
	height: 32px;
	overflow: hidden;
}


ul.blogroll, .arrowLinkWrap {margin:10px 10px 5px 10px; list-style:none; display:block;}
ul.blogroll li a,  a.arrowLink {color:#FFF; text-decoration:none; font-size:18px; display:block; margin:5px 0 0 0; line-height:1; display:block; padding:0 0 7px 27px; background:url(/wp-content/themes/wp7app2/images/icons/next-white.png) no-repeat;}
ul.blogroll li a:hover, ul.blogroll li a:focus, a.arrowLink:hover, a.arrowLink:focus {text-decoration:underline;}



#text-17 {background:#168baa; }

.social_icon {width:56px; height:56px; display:inline-block; background:url(/wp-content/themes/wp7app2/images/icons/social.jpg); margin:0 5px 0 0;}
.social_icon:hover, .social_icon:focus, .social_icon:active, .social_icon_last:hover, .social_icon_last:focus, .social_icon_last:active {text-decoration:none;}
.social_icon_last {display:inline-block; width:56px; height:56px; margin:0; background:url(/wp-content/themes/wp7app2/images/icons/social.jpg);}
#social_feed {background-position:0px 0px;}
#social_newsletter {background-position:-56px 0px;}
#social_facebook {background-position:-112px 0px;}
#social_twitter {background-position:-168px 0px;}
#social_youtube {background-position:-224px 0px;} 

#comments {
	width: 100%;
	float: left;
}

/* Pagination */
.current { color:#333; margin:0 5px 0 0; font-size:18px;}
.page {color:#333; text-decoration:underline; margin:0 5px 0 0; font-size:18px;}

.previouspostslink, .nextpostslink { color:#333; font-size:20px; font-weight:lighter; text-decoration:none; line-height:0.75; display:inline-block;}
.previouspostslink {background:url(/wp-content/themes/wp7app2/images/icons/previous.png) no-repeat; padding:0 0 7px 27px; margin:0 0 0 4px;}
.previouspostslink:hover, .previouspostslink:focus {color:#000;}
.nextpostslink {float:right; margin:0 4px 0 0; padding:0 27px 7px 0; background:url(/wp-content/themes/wp7app2/images/icons/next.png) no-repeat right; }
.nextpostslink:hover, .nextpostslink:focus {color:#000; text-decoration:underline;}

/* Copyright */
.copyright {
	float:left;
	width:100%;
	text-align:center;
	font-size:12px;
	color:#999;
	border-top:#CCC 1px solid;
	margin:10px 0 -10px 0;
}

/* Tables */
table td {border: 1px solid #000; padding: 5px; margin:0; border-spacing:0; cell-spacing:0; border-collapse:collapse;}

/* Footer */
footer {width:100%; display:block; height:20px;}


/* Plugin Styles */

.toggleBox {display:none; }
a.toggleLink {margin:0; padding:0 0 0 25px; background:url(/wp-content/themes/wp7app2/images/icons/plus.png) 0px 5px no-repeat;}
a.active {background:url(/wp-content/themes/wp7app2/images/icons/minus.png) 0px 5px no-repeat;}

.ui-tabs .ui-tabs-hide { display: none;}
.ui-tabs-nav {width:600px; display:block; overflow:hidden; margin:0; }
.ui-tabs-nav li {list-style:none; float:left; padding-right:5px; font-size:24px; font-weight:lighter; margin:20px 0 10px 0; line-height:24px;}
.ui-tabs .ui-tabs-selected a {color:#000;}
li.ui-state-default a{text-decoration:none; color:#999;}
.ui-tabs-panel {width:100%; display:block; overflow:hidden;}
#appDescription {border:none; background:none; margin:0; padding:0; font-style:normal;}


#disqus_thread { clear: both !important; }

.block_inner {float: left; margin-right: 5px;}
/* Forms */

.contact-form input {
	padding:5px;
}
.tags {
	width: 100%;
	float: left;
}

/* Windows Phone DB */
.windows-phone {
	  width: 152px;
	  float: left;
	  margin: 5px;
  	  position: relative;
}

.windows-phone p {
	  margin: 0;
}
	
.windows-phone .wp-post-image, .windows-phone .attachment-thumbnail {
	border: 1px solid #fff;
}
	
.remove-phone {
    width: 16px;
	height: 16px;
  	display:none;
	position: absolute;
	top: 2px;
	right: 2px;
    cursor: pointer;
	background:url(/wp-content/themes/wp7app2/images/icons/cross.png);
}
	
.windows-phone:hover .remove-phone {
  	display: inline-block;
}
.remove-phone:hover {
   	background:url(/wp-content/themes/wp7app2/images/icons/cross.png) #ccc;
}

table.phone-details {
  	margin-top: 5px;
  	width: 150px;
	border: none;
	cellspacing: 0;
	border-collapse: collapse;
  	font-size: 12px;
  	display: none;
}

.phone-details td {
  	border: none;
	padding: 0;
}

.details-head {
    text-transform: uppercase;
  	font-weight: bold;
	color: #333;
}
.highlight {
	background: #F2FAFF;
}

.manufacturer {font-size: 12px; font-style: italic; margin-top:0;}

.cat-tag-filter {background: #FFF;}


.sgr-custom-taxonomies-menu {background-color: #FFF;}

.sgr-custom-taxonomies-menu .widget-title {display: block; color: #000; font-weight: light; font-size: 18px; margin: 5px 10px 0px 10px;}

.sgr-custom-taxonomies-menu ul {margin: 10px; display: block; float: left; overflow: hidden; }

.sgr-custom-taxonomies-menu li {float: left; list-style: none; color: #FFF; font-size: 12px;}
.sgr-custom-taxonomies-menu li a {color: #000; display: inline-block; padding: 5px; border: 1px solid #CCC; margin: 5px 5px 0 0; background-color: #FFF; }
.sgr-custom-taxonomies-menu li a:hover, .sgr-custom-taxonomies-menu li.current-cat a {color: #FFF; border: 1px solid #168baa;  background-color: #168baa; text-decoration: none; }
.sgr-custom-taxonomies-menu li a:focus {
	text-decoration: none;
}

table.specs {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
}

table.specs tr {
  border-top: 1px solid #ccc;
  
}

table.specs th {
  width: 100px; 
  font-weight: 100;
  font-size: 17px;
  letter-spacing: 0px;
  color: #333;
  text-transform: uppercase;

}

table.specs th, table.specs td {
  text-align: left;
  vertical-align: top;
  border: none;
  margin: 0;
  padding: 2px 5px;
}


table.specs td.spec {
  width: 120px; 
  font-size: 12px;
  font-weight: bold;
}

table.specs:nth-child(odd) {
    background: #F2FAFF;
}
  
.color {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 0px;
	text-decoration: none;
	border: 1px solid #999;
  }
  
a.color:hover, a.color:focus {
	text-decoration: none;
	border: 1px solid #333;  
	}
	
.activeFilters {display:block; color:#999; font-size: 14px; margin: -15px 0 15px 0;}
.activeFilters i {color:#333;}

hr {display: block; width:100%; border: 1px solid #ccc; height: 0px; margin: 15px 0;}

article .slideshow-window { background-color: #F0F0F0; border-color: #F0F0F0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; }

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	transform-style: preserve-3d;
}
/*  UPDATED! flip the pane when hovered */
.flip-container:hover .back {
	transform: rotateY(0deg);
}
.flip-container:hover .front {
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 140px;
	height: 140px;
}
.flip-container {
	float: left;
	margin: 2px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
	background-color:#000;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
	background-color:#168baa;
	padding: 5px;
    box-sizing: border-box;
}
a .back, a:link .back, a:visited .back {
	color: #FFF;
}

/*
	Some vertical flip updates
*/
.vertical.flip-container {
	position: relative;
}

.vertical .back {
	transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
	transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
	transform: rotateX(180deg);
}