/*
Theme Name: WordPress ipunct.net
Theme URI: http://ipunct.net/
Description: The ipunct.net WordPress theme based on the default WordPress theme
Version: 1.0
Author: Manuel Bartsch
Author URI: http://manuel-bartsch.de/
Tags: clean, bright
Text Domain: ipunct.net
*/



/* BEGINN Structure */

.duplicate-bugfix {
	position: relative;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clearfix { min-height: 0; }

* html .clearfix { height: 1%; }

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	text-align: left;	
}

#page {
	margin-left: auto;
	margin-right: auto;
}

#logo {	float: left; }
#search { float: right; }
#main-nav { float: left; }
#side-nav { float: left; }
#content { float: left; }
#sidebar { float: left; }
#footer { float: left; }

.grid-2 { width: 140px;	}
.grid-3 { width: 220px;	}
.grid-4 { width: 300px;	}
.grid-6 { width: 460px;	}
.grid-6-half { width: 510px; }
.grid-8 { width: 620px;	}
.grid-8-half { width: 670px; }
.grid-9 { width: 700px;	}
.grid-12 { width: 940px; }

.gap-right { 
	margin-right: 20px !important;
}

.entry {
	position: relative;	
}

/* END Structure */


/* BEGINN Typo, Links, Buttons */

body, select, input, textarea, small, span, a {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #777;
	line-height: 18px;
}

h2, h2 a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
}

h2.pagetitle {
	color: #999;
	font-weight: normal;
	font-size: 14px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

a {
	text-decoration: underline;
}

a:hover {
	color: #ec8000;
}

a img {
	border: 0;	
}

hr {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;
	height: 0px;
}

.page-home hr {
	padding: 0;	
	margin: 10px 0;
}

.float-right {
	float: right;	
}

.float-left {
	float: left;	
}

.clear-both {
	clear: both;	
}

dl {
	margin: 0 0 12px 0;
}

dt { 
	float: left;
	font-weight: bold;
}

.grid-4 dt { 
	width: 60px;
}

dd {
	padding-left: 80px;
}

/* END Typo, Links, Buttons */


/* BEGINN Header */

#logo {
	margin: 40px 0 0 0;	
}

#search {
	margin: 58px 0 0 0;	
}

#search label {
	display: none;
}

/* END Header */


/* BEGINN Navigation */

#main-nav {
	border-color: #e8e8e8;
	border-style: solid;	
	border-width: 1px 0;
}

#main-nav ul {
	list-style: none outside none;
}

#main-nav ul li {
	float: left;
	padding: 14px 20px 10px 20px;
	text-transform: uppercase;
}

#main-nav ul li a:hover,
#main-nav ul li.menuItemSelected a {
	color: #ec8000;
}

#main-nav ul li a {
	text-decoration: none;
	color: #999;
	font-size: 14px;	
}

/* END Navigation */


/* BEGINN Main Teaser */

#main-teaser-wrapper {
	margin: 0 0 20px 0;	
	height: 400px;	
	position: relative;
}

.main-teaser {
	height: 380px;
}

#callout-nav {
	position: absolute;
	bottom: 47px;
	right: 27px;
	z-index: 200;	
}

#callout .main-teaser-content {
	position: absolute;
	top: 125px;
	left: 400px;
	z-index: 200;		
}

#callout .main-teaser-content,
#callout .main-teaser-content a {
	font-size: 19px;
	line-height: 30px;
	text-transform: uppercase;
	color: #bbb;
}

#callout .main-teaser-content a:hover {
	text-decoration: underline;
	color: #ec8000;	
}

#callout .main-teaser-content span,
#callout .main-teaser-content a span {
	font-size: 16px;
	text-transform: none;	
	color: #bbb;	
}

#callout .main-teaser-content a.more {
	font-weight: bold;
	color: #bbb;	
	background: none;
	margin: 0;
	padding: 0 0 0 30px;
	text-decoration: none;
}

#callout .main-teaser-content a.more:hover {
	text-decoration: underline;
	color: #ec8000;		
	background: none;
}

#content #callout .main-teaser-content ul {
	list-style: none outside none;		
}

#content #callout .main-teaser-content ul li {
	margin: 0;
	padding: 0 0 0 30px;
	background: transparent url(images/bullet-check.gif) left 4px no-repeat;
	line-height: 30px;	
}

#hosting {
	background: transparent url(images/teaser_hosting.jpg) left top no-repeat;	
}

#software {
	background: transparent url(images/teaser_software.jpg) left top no-repeat;	
}

#consulting {
	background: transparent url(images/teaser_consulting.jpg) left top no-repeat;	
}

#netzwerksicherheit {
	background: transparent url(images/teaser_netzwerksicherheit.jpg) left top no-repeat;	
}

#callout-nav a,
#callout-nav a.activeSlide {
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	margin: 3px;
	padding: 0;
	text-indent: -10000px;
}

#callout-nav a {
	background: transparent url(images/slide.gif) left top no-repeat;
}

#callout-nav a.activeSlide {
	background: transparent url(images/slide_active.gif) left top no-repeat;
}

/* END Main Teaser */


/* BEGINN Side Navigation */

#side-nav {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 1px 0 0 0;		
	margin: 20px 0;	
}

#side-nav ul {
	list-style: none outside none;
}

#side-nav ul li {
	padding: 12px 20px 28px 20px;
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;	
	text-transform: uppercase;
}

#side-nav ul li.menuItemSelected {
	background: transparent url(images/bullet-active.gif) left 16px no-repeat;
	color: #ec8000;	
	font-weight: bold;
}

#side-nav ul li a {
	text-decoration: none;
	color: #666;	
}

#side-nav ul li a:hover {
	text-decoration: none;
	color: #ec8000;	
}

/* END Side Navigation */


/* BEGINN Content Page */

hr {
	padding-top: 36px;	
	margin-top: 36px\9; /*IE-HACK all versions*/	
}

.page-teaser-empty {
	height: 48px;	
}

.page-teaser {
	background-color: #f1f1f1;
	font-size: 21px;
	line-height: 28px;
	padding: 20px 320px 20px 20px; 
	margin-top: 20px;
	color: #666;
}

.page-teaser a {
	font-size: 21px;	
	text-decoration: underline;
	color: #666;
}

.page-teaser a:hover {
	text-decoration: underline;
	color: #ec8000;	
}

#content {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 1px 0 0 0;	
	margin: 20px 0;	
}

#content.page-home {
	border-width: 0;	
}

#content img {
	border: 1px solid #e8e8e8;	
}

#content h2 {
	margin: 12px 0 28px 0;
}

#content.page-home h2 {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 1px 0;	
	margin: 0 0 30px 0;
	padding: 12px 0 18px 20px;	
	background: transparent url(images/bullet-active.gif) left 16px no-repeat;	
}

#content h3 {
	margin: 28px 0 12px 0;
}

#content p {
	margin: 0 0 12px 0;
}

#content ul {
	list-style: none outside none;		
	margin: 0 0 12px 0;	
}

#content ul li {
	margin: 0 0 4px 35px;
	padding: 0 0 0 7px;
	background: transparent url(images/bullet-grey.gif) left 8px no-repeat;
	line-height: 16px;
}

#content a.more {
	text-transform: uppercase;
	font-weight: bold;
	background: transparent url(images/bullet-more.gif) left 4px no-repeat;	
	padding: 0 0 0 11px;	
	color: #666;
}

#content a.more:hover {
	color: #ec8000;
	background: transparent url(images/bullet-more-active.gif) left 4px no-repeat;		
}

#content.page-home ul li {
	margin-left: 0;	
	padding: 0 0 0 10px;	
	background: transparent url(images/bullet-grey.gif) 1px 8px no-repeat;	
}

#content.page-home ul li a {
	text-decoration: none;
	line-height: 16px;
	display: block;
}

#content.page-home a.adlink {
	float: right;
	color: #aaa;
	text-decoration: none;
	padding: 13px 0 18px 20px;		
}

#content.page-home a.adlink:hover {
	color: #ec8000;
}

.page-id-x .page-teaser {
	background: #f1f1f1 url(images/atlassian-partner_referenzen.gif) 772px 24px no-repeat;
	height: 140px;
}

/* END Content Page */


/* BEGINN Content Posts */

.edit {
	float: right;	
}

.edit a {	
	color: #aaa;
}

.edit a:hover {	
	color: #ec8000;
}

#content.post { 
	border: none;
	margin: 10px 50px 20px 0;		
}

#content.post h2 { 
	margin: 36px 0 20px 0;
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;
	padding: 0 160px 4px 0;
}

#content.post h2 a { 
	text-decoration: none;	
}

#content.index .entry {
	min-height: 100px;	
}

.entry {
	float: left;
	min-height: 200px;
}

.entry a {
	color: #ec8000;	
}

a.more-link {
	float: left;
	padding: 8px 0 10px 11px;
	background: transparent url(images/bullet-more-active.gif) left 14px no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}

a.more-link:hover {
	color: #f1a040;
	background: transparent url(images/bullet-more-active-bright.gif) left 14px no-repeat;	
}

#content.post .entry h2 {
	border: none;
	margin: 40px 0 20px 0;
	padding: 0;
}

#content.post .entry h2.first {
	margin-top: 0;
}

.marginal {
	float: left;
	color: #aaa;
	padding: 0;
}

#content .postmetadata-comments,
#content .postmetadata-comments a {
	font-weight: bold;
/*	text-decoration: none;
	color: #999;*/
	margin-top: 6px;
}

#content .postmetadata-comments a:hover,
.postmetadata a:hover {
	color: #ec8000;
}

.postmetadata {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 1px;		
	float: left;
	padding: 12px 12px 0 12px;
	margin-bottom: 12px;
	margin-top: 20px;
	clear: both;
	background: #f6f6f6;
	width: 646px;
}

.postmetadata a {
	color: #999;
	margin: 0 4px;
}

.postmetadata .spacer {
	color: #ccc;	
}

.postmetadata-alt {
	margin-top: 20px;	
	float: left;
}

.postmetadata-alt small,
.postmetadata-alt small a {
	font-size: 11px;
	color: #999;	
}

.postmetadata-alt small a:hover {
	color: #ec8000;	
}

#content p.wp-caption-text {
	font-size: 11px;
	margin: 4px 0 20px 0;
	font-style: italic;
}

#content .wp_syntax {
	margin: 12px 0;	
}

#content .navigation .nextpostslink,
#content .navigation .previouspostslink {
	color: #777;
	text-transform: uppercase;
	background: transparent url(images/button_bg.gif) left center repeat-x;
	border: 1px solid #ccc;
	text-decoration: none;
	display: block;
}

#content .navigation .nextpostslink {
	padding: 9px 20px 6px 12px;
}

#content .navigation .previouspostslink {
	padding: 9px 12px 6px 20px;
}

#content .navigation a:hover.nextpostslink,
#content .navigation a:hover.previouspostslink {
	color: #999;
}

#content .navigation {
	margin: 20px 0;
	margin: 0 0 20px 0\9; /*IE-HACK all versions*/
	display: block;
}

.navigation-single {
	margin: 0;
	padding: 20px 0 0 0;
	color: #999;	
}

.navigation-single .float-right {
	text-align: right;		
}

.navigation-single a {
	color: #999;
	width: 280px;
	overflow: hidden;
	display: block;
	height: 18px;
}

.navigation-single .float-right a {
	float: left;
}

.navigation-single .float-left a {
	float: right;
	margin-top: -18px\9; /*IE-HACK all versions*/
}

.navigation-single a:hover {
	color: #ec8000;
}

/* END Content Posts */


/* BEGIN Comments */

ol.commentlist  {
	list-style: decimal none inside;	
}

ol.commentlist li  {
	border: 1px solid #e8e8e8;	
	background: #f6f6f6;
	margin: 10px 0;
	padding: 10px;	
}

.comment-body {
	margin: -18px 0 0 20px;
	margin: 4px\9; /*IE-HACK all versions*/	
}	

.comment-body p {
	padding-right: 40px;
}	

ol.commentlist .comment-author .fn {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

ol.commentlist .commentmetadata {
	font-size: 10px;
	margin-bottom: 10px;
}

ol.commentlist .commentmetadata a {
	font-size: 10px;
}

ol.commentlist img.avatar {
	float: right;
	padding: 4px;
	background: #fff;
}

.comment-body .reply {
	padding-left: 20px;	
	font-style: italic;
}

/* END Comments */


/* Begin Search */

#content.search .post p,
#content.search .page p {
	border-width: 0 0 1px 0;
	float: none;
	padding: 2px 0 10px 0;
}

#content.search .navigation {
	display: block;	
}

#content.search h3 {
	text-transform: uppercase;	
	width: 620px;
}


/* END Search */


/* BEGINN Sidebar */

#sidebar {
	margin: 10px 0 40px 0;	
}

#sidebar h2 {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;	
	padding: 0 0 4px 0;	
	margin: 36px 0 0 0;	
}

#sidebar ul {
	list-style: none outside none;		
}

#sidebar ul li ul li {
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;	
	padding: 8px 0 4px 0;
	text-transform: uppercase;
}

#sidebar ul li ul li a {
	text-decoration: none;
	display: block;	
}

#atlassian-blog {
	margin-top: 13px;	
	border-color: #e8e8e8;
	border-style: solid;		
	border-width: 0 0 1px 0;	
	height: 46px;
}

#atlassian-blog span {
	background: transparent url(images/atlassian-partner_blog.gif) right top no-repeat;
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px 0 0 47px;
	text-decoration: none;
	color: #999;
}

#atlassian-blog a:hover {
	color: #ec8000;
}

/* END Sidebar */



/* BEGINN Footer */

#footer {
	border-color: #e8e8e8;
	border-style: solid;	
	border-width: 1px 0;
	margin: 0;
	color: #999;
}

#footer-nav ul {
	list-style: none outside none;
	float: left;
	margin: 20px;
}

#footer-nav ul li {
	float: left;
}

#footer-nav ul li a:hover,
#footer-nav ul li.menuItemSelected a,
#atlassian-footer a:hover {
	color: #ec8000;	
}

#footer-nav ul li,
#footer-nav ul li span,
#footer-nav ul li a,
#atlassian-footer a {
	text-decoration: none;
	color: #999;	
}

#footer-nav ul li span {
	margin: 0 8px;
}

#from {
	margin: 20px 20px 40px 20px;	
	color: #999;	
}

#atlassian-footer {
	margin: 10px 20px;
}

#atlassian-footer span {
	background: transparent url(images/atlassian-partner.gif) right top no-repeat;
	display: block;
	width: 167px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px 44px 0 0;

	color: #999;
}

/* END Footer */



/* BEGINN Forms */

#search input#s {
	width: 186px;
	height: 22px;
	border: 1px solid #e8e8e8;
	float: left;
}

#search input#searchsubmit {
	width: 32px;
	height: 24px;
	border: 0 none;
	background: transparent url(images/icon_search.gif) right top no-repeat;
	text-indent: -10000px;
	cursor: pointer;
	float: right;
}

.entry form {
	margin: 12px 0;
}

label {
	width: 140px;
	font-weight: bold;
	line-height: 22px;
	float: left;
}

.entry input {
	border: 1px solid #E8E8E8;
	height: 22px;
	margin-left: 20px;
	width: 300px;
}

input.wpcf7-submit {
	width: auto;
	margin-left: 160px;
	padding: 0 12px;
	height: 24px;
}

textarea {
	border: 1px solid #E8E8E8;	
	margin-left: 20px;
	width: 300px;	
}

.entry .wpcf7-response-output {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 6px 12px;
	width: 592px;	
}

.entry .wpcf7-mail-sent-ok {
	background: #cde3c4;	
	color: #398f14;	
}

.entry .wpcf7-validation-errors {
	background: #ffe3e3;	
	color: #ff4040;		
	border: 2px solid #ff4040;
}

.entry span.wpcf7-not-valid-tip {
	top: -4px;	
	top: 2px\9; /*IE-HACK all versions*/		
	left: 21px;
	left: 1px\9; /*IE-HACK all versions*/	
	width: 292px;	
	color: #ff4040;
	padding: 2px 4px;
	border: none;
}

#commentform textarea {
	margin-left: 0;	
	width: 460px;
}

#commentform label {
}

#commentform label small {
	font-weight: normal;
}

#commentform p {
	width: 460px;
	float: left;
}

#commentform input {
	float: right;
	width: 300px;
	border: 1px solid #e8e8e8;
	height: 22px;	
}

#commentform input#submit,
#content #searchform input#searchsubmit,
#content .wpcf7-form input.wpcf7-submit {
	color: #777;
	text-transform: uppercase;
	background: transparent url(images/button_bg.gif) left center repeat-x;
	border: 1px solid #ccc;
	text-decoration: none;
	cursor: pointer;
	padding: 4px;
	width: auto;
	height: auto;
	float: none;
	overflow: visible;
}

#content #searchform input#s {
	width: 300px;
	border: 1px solid #e8e8e8;
	height: 25px;	
}

/* END Forms */


/* PLUGINS SOCIAL */

#content.single ul.socialwrap {
	margin-top: 20px;
}

#content ul.socialwrap {
	width: 140px;	
	position: absolute;
	left: -160px;
	bottom: 6px;
}

#content ul.socialwrap li {
	background: none;
	margin: 0 6px 6px 0;
	padding: 0;
}

#content ul.socialwrap li.share {
	font-weight: bold;
	width: 140px;
}