/* 
Theme Name: SevenSnap (Website Stil)
Theme URL: www.sevensnap.com
Description: SevenSnap Blog Theme.
Author: Stefan Kröber
Author URI: www.arcance.net
Version: 1.1
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

* {
	border: 0 none;
	margin: 0;
	padding: 0;
	}
.clear {
	clear:both;
	}
html {
}
body {
	background: #185b8a;
}

.backgroundTopLeft {
	height: 690px;
	width: 50%;
	background: url('images/backgroundTopLeft.jpg') right top no-repeat;
	z-index: 0;
	position: absolute;
}
.backgroundTopRight {
	height: 690px;
	width: 50%;
	background: url('images/backgroundTopRight.jpg') left top no-repeat;
	z-index: 0;
	position: absolute;
	left: 50%;
	text-align: right;
}
.backgroundBottom {
	width: 100%;
	background: url('images/backgroundBottom.jpg') 50% top no-repeat;
	z-index: 0;
	position: absolute;
	top: 0px;
}

.pageContainer {
	min-height: 700px;
	width: 960px;
	background: url('images/pageBg.png') repeat-y;
	z-index: 1;
	position: relative;
	top: 0px;
}

#top {
	height: 80px;
	background: url('images/navBg.jpg') left top no-repeat #185b8a;
}
#nav {
	height: 30px;
	float: right;
	position: absolute;
	top: 25px;
	right: 60px;
}
#lang {
	width: 40px;
	position: absolute;
	top: 0px;
	left: 18px;
}
#lang img {
	margin-top: 15px;
}
#logo {
	width: 255px;
	height: 80px;
	background: url('images/logo.png') left top no-repeat;
	margin-left: 60px;
}
#head {
	height: 534px;
	width: 950px;
	background: url('images/headerImage.jpg') left top no-repeat;
	margin-left: 5px;
}
#video {
	width: 960px;
	height: 534px;
	position: relative;
	z-index: 2;
}
#headBar {
	height: 65px;
	width: 830px;
	background: url('images/headBarBg.png') left top no-repeat;
	margin-left: 55px;
	position: absolute;
	top: 80px;
	z-index: 5;
}
#ticker {
	height: 210px;
	width: 560px;
	background: url('images/tickerBg.png') left top no-repeat;
	margin-left: 45px;
	margin-top: 40px;
}
#iphone {
	height: 525px;
	width: 300px;
	background: url('images/iphone.png') left top no-repeat;
	position: absolute;
	top: 145px;
	right: 30px;
}
.headLevel {
	height: 2px;
	width: 950px;
	background: url('images/headLevel.png') left top repeat-x;
}
#wrap {
	padding-top: 25px;
	padding-bottom: 25px;
}
#content {
	margin-left: 55px;
	width: 550px;
}

/* POST >> */
.postHead {
	width: 550px;
	background: url('images/postHead.png') left top no-repeat;
}
.postHeadHighlight {
	width: 550px;
	background: url('images/postHeadHighlight.png') left top no-repeat;
	margin-bottom: 2px;
}
.post {
	width: 500px;
	background: url('images/postBg.png') left top repeat-y;
	border-top: 1px solid #1d5b84;
	padding: 15px 25px;
}
.postMeta {
	height: 63px;
	width: 550px;
	background: url('images/postMeta.png') left top no-repeat;
	margin-bottom: 50px;
}
.postMetaSingle {
	height: 63px;
	width: 550px;
	background: url('images/postMeta.png') left top no-repeat;
	margin-bottom: 25px;
}
.postFoot {
	height: 4px;
	width: 550px;
	background: url('images/postFoot.png') left top repeat-y;
	margin-bottom: 25px;
}
.tags {
	margin: 10px 0 0 25px;
	padding-left: 20px;
	background: url('images/iconTags.png') left top no-repeat;
} 
.cat {
	margin: 10px 0 0 25px;
	padding-left: 20px;
	background: url('images/iconCat.png') left top no-repeat;
}
.date {
	margin: 10px 25px 0 0;
	padding-right: 20px;
	background: url('images/iconDate.png') right top no-repeat;
}
.com {
	margin: 10px 25px 0 0;
	padding-right: 20px;
	background: url('images/iconCom.png') right top no-repeat;
}
/* << POST */

.commentHead {
	height: 60px;
	width: 550px;
	background: url('images/commentHead.png') left top no-repeat;
	margin-top: 25px;
	padding-left: 25px;
}
.gravatar {
	padding: 15px 25px 0 0;
}
.commentMeta {
}
.commentText {
	width: 500px;
	background: url('images/postBg.png') left top repeat-y;
	padding: 15px 25px;
}
.commentFoot {
	height: 4px;
	width: 550px;
	background: url('images/postFoot.png') left top repeat-y;
	margin-bottom: 25px;
}
#respond input[type="text"], #respond textarea {
	background: url('images/commentInput.png') left top;
	border: 1px solid #578CAF;
	padding: 5px;
}
#respond input[type="text"] {
	width: 250px;
}
#respond textarea {
	width: 550px;	
}
#respond input[type="submit"] {
	background: url('images/commentSubmit.png') left top;
	border: 1px solid #08293F;
	padding: 5px;
}
input[id="s"] {
	width: 60%;
	background: url('images/commentInput.png') left top;
	border: 1px solid #578CAF;
	padding: 6px;
}
input[id="searchsubmit"] {
	width: 30%;
	background: url('images/commentSubmit.png') left top;
	border: 1px solid #08293F;
	padding: 5px;
	float: right;
}

#social {
	margin-bottom: 25px;
}
#sidebar {
	margin-top: 0px;
	margin-right: 55px;
}

/* SIDEBAR >> */
.sidebarHead {
	width: 250px;
	background: url('images/sidebarHead.png') left top no-repeat;
}
.sidebar {
	width: 200px;
	background: url('images/sidebarBg.png') left top repeat-y;
	border-top: 1px solid #1d5b84;
	padding: 15px 25px;
}
.sidebarFoot {
	height: 4px;
	width: 250px;
	background: url('images/sidebarFoot.png') left top no-repeat;
	margin-bottom: 50px;
}
/* << SIDEBAR */

.footLevel {
	position: relative;
	top: 0px;
	z-index: 2;
}
.footContainer {
	width: 960px;
	z-index: 1;
	position: relative;
	top: 0px;
	margin-bottom: 50px;
}
#foot {
	width: 960px;
	background: url('images/footBg.png') left top no-repeat;
}
#footNav {
	width: 960px;
	background: url('images/footNavBg.png') left top no-repeat;
}
#footNav span {
	float: right;
	margin-right: 20px;
}
table {
	border-right: 1px solid #31759F;
	border-bottom: 1px solid #31759F;
}
tr, td, th {
	padding: 5px;
	border-top: 1px solid #31759F;
	border-left: 1px solid #31759F;
}
th {
	background: #31759F
}


/* FONT STYLES >> */
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
}
p {
	margin-top: 7px;
	margin-bottom: 12px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #BFF000;
}
.post a, .commentText a {
	color: #BFF000;
}
.post a:hover, .commentText a:hover {
	color: #fff;
}
#foot a {
	color: #002d4e;
}
#foot a:hover {
	color: #5c9c00;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: 1px 1px #000e17;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 17px;
	font-weight: normal;
	text-shadow: 1px 1px #000e17;
}
h2#cHead {
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.postHead h2, .sidebarHead h2 {
	padding: 19px 25px;
}
.postHeadHighlight h2 {
	padding: 19px 25px 18px 25px;
	text-shadow: 1px 1px #061700;
}
.footBox h2 {
	color: #000;
	text-shadow: 1px 1px #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url('images/footHead.png') left bottom repeat-x;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
}
quote, blockquote {
	color: #d1e6f2;
	margin-left: 35px;
}
#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px #09212a;
}
#nav a {
	color: #fff;
}
#nav a:hover {
	color: #BFF000;
}
#description {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-left: 30px;
	padding-top: 20px;
	color: #283E09;
	text-shadow: 1px 1px #A9F600;
}
#ticker { 
	font-size: 11px;
	color: #000;
}
#tickerHeadline {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3a7000;
}
#ticker div {
	margin-right: 25px;
	padding-top: 25px;
}
.post, .commentText, .sidebar, #foot {
	font-size: 12px;
}
.postMeta, .postMetaSingle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #d1e6f2;
	text-shadow: 1px 1px #1d4c66;
}
.navigation {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #d1e6f2;
	text-shadow: 1px 1px #000e17;
	padding-top: 13px;
}
.commentMeta {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #d1e6f2;
	text-shadow: 1px 1px #1d4c66;
	padding-top: 13px;
}
.commentAuthor {
	font-size: 13px;
}
#respond {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #d1e6f2;
	text-shadow: 1px 1px #000e17;
	margin-top: 25px;
}
#respond input, #respond textarea, input[id="s"], input[id="searchsubmit"] {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
}
#respond input[type="submit"], input[id="searchsubmit"] {
	text-shadow: 1px 1px #00090F;
}
#respond input[type="submit"]:hover, input[id="searchsubmit"]:hover {
	color: #BFF000;
}
#foot {
	color: #000;
	padding-left: 5px;
}
.footBox {
	width: 250px;
	margin-left: 50px;
	margin-top: 35px;
	margin-bottom: 35px;
}
#footNav {
	padding-top: 15px;
	font-size: 12px;
	text-align: center;
	text-shadow: 1px 1px #10384f;
}
/* << FONT STYLES */

/* LIST STYLES >> */
#nav ul {
	list-style: none;
}
#nav li {
	float: left;
	padding: 5px;
	margin-left: 25px;
}
#nav li.current_page_item {
	background: url('images/current_page_itemBg.png') left top repeat-x #042c39;
	padding: 5px;
	border-left: 1px solid #33afcb;
	border-right: 1px solid #33afcb;
	border-bottom: 1px solid #4fdfe8;
}
.post ul, .post ol, .commentText ul, .commentText ol {
	margin-left: 25px;
}
#sidebar ul {
	list-style: none;
}
#sidebar ul ul {
	list-style-image: url('images/sidebarBullet.png');
	margin-left: 15px;
}
#sidebar ul ul li {
	margin-top: 8px;
}
#sidebar ul ul li:first-child {
	margin-top: 0;
}
#sidebar ul ul ul {
	margin-top: 8px;
	margin-left: 15px;
}
#foot ul {
	list-style: none;
}
#foot ul ul {
	list-style-image: url('images/footBullet.png');
	margin-left: 15px;
}
#foot ul ul li {
	margin-top: 8px;
}
#foot ul ul li:first-child {
	margin-top: 0;
}
#foot ul ul ul {
	margin-top: 8px;
	margin-left: 15px;
}
ol.commentlist {
	list-style: none;
}
#footNav ul {
	list-style: none;
}
#footNav li {
	float: left;
	padding: 5px;
	margin-left: 10px;
}
/* << LIST STYLES */

.level {
	height: 1px;
	widht: 100%;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin-left: 10px;
}