* { margin:0; padding: 0; }
html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll;
	/* Moz */
	height: 100%; margin-bottom: 0.1em;
}
img { border: 0; }

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	}

body.lang-ar,
body.lang-fa,
body.lang-he,
body.lang-hi,
body.lang-km,
body.lang-ko,
body.lang-ja,
body.lang-th,
body.lang-zh {
	font-size: 75%; /* Resets 1em to 12px */
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative;
	border: 1px solid #ddd;
	border-top: none;
	clear: both;
	}

.columns-one #page {
	width: 560px;
	}

.columns-two #page {
	width: 780px;
	}

.columns-three #page {
	width: 950px;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: #3371A3;
	}

.content {
	padding: 0 20px;
	}

#primary {
	position: relative;
	float: left;
	width: 500px;
	padding: 10px;
	}

* html #primary {
	display: inline;
	}

.columns-three #primary {
	margin-left: 170px;
	padding: 10px;
	}

.columns-one #sidebar-main,
.columns-one #sidebar-alt {
	width: 240px;
	padding: 0 10px;
	}

.columns-one .secondary {
	border-top: 1px solid #eee;
	}

.columns-two #sidebar-main,
.columns-three #sidebar-main {
	width: 200px;
	padding: 10px 10px 0;
	}

.columns-two #sidebar-alt {
	width: 200px;
	padding: 0 10px;
	}

.columns-three #sidebar-alt {
	width: 150px;
	padding: 10px;
	left: -740px;
	margin-left: -170px;
	}

.secondary {
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	position: relative;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 75px 40px 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1 a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#rollingarchives.emptypage {
	display: none;
	}

.page-head {
	margin: 20px 0;
	}

.archivepages {
	color: #999;
	display: block;
	font-size: .45em;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: lowercase;
	margin-top: 2px;
	}

.secondary h4 { /* Secondary H4 is sidebar headlines */
	font-size: 1.5em !important;
	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2em;
	font-weight: bold;    
	}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary .k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.entry-head {
	margin-top: 10px;
	}

body.page .entry-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .entry-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: #999;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p {
	display: inline;
	}

.secondary .k2-asides .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

body.page .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -15px;
	}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	background: url('http://media.diejulia.net/k2rc3/pencil.png') left center no-repeat;
	height: 16px;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('http://media.diejulia.net/k2rc3/comment_edit.png') left center no-repeat;
	height: 16px;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}

.entry-category {
	text-transform: lowercase;
	margin-right: 10px;
	}

.entry-meta a, .comment-meta a {
	color: #777;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('http://media.diejulia.net/k2rc3/time.png') left center no-repeat;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('http://media.diejulia.net/k2rc3/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('http://media.diejulia.net/k2rc3/comment.png') left center no-repeat;
	margin-left: 5px;
	}

.entry-tags {
	display: block;
	margin: 2px 0;
	padding: 0 0 0 20px;
	background: url('http://media.diejulia.net/k2rc3/tag_blue.png') left center no-repeat;
	}

.entry-tags a {
	text-transform: lowercase;
	}

/*- Primary Contents */

.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.entry-content {
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;
	color: #444;
	}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 13px 0;
	}

.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
	margin: 5px 0;
	}

/* Google Maps Support */
.entry-content .map div {
	margin: 0;
	}

.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}

.commentsrsslink {
	background: url('http://media.diejulia.net/k2rc3/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('http://media.diejulia.net/k2rc3/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li {
	margin: 10px 0 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

#commentlist li .comment-content {
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('http://media.diejulia.net/k2rc3/time.png') left center no-repeat;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

li.byuser {
	background: #f6f7f8;
	}

li.bypostauthor {
	background: #eee;
	}

li.bypostauthor blockquote {
	color: #333;
	background: url('http://media.diejulia.net/k2rc3/quote.png') no-repeat 10px 0;
	}

#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}

#leavecomment, .comments #loading, #comments-closed-msg {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

#comments-closed-msg {
	margin-bottom: 40px !important;
	}

.comments #commenterror {
	display: none;
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
}

.comments #commentload {
	display: none;
	padding-top: 3px;
	float: right;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	background: url('http://media.diejulia.net/k2rc3/spinner.gif') center center no-repeat;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

.comments input[type=text], .comments textarea {
	font: 1.2em 'Courier New', Courier, Monospace;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	width: 100%;
	margin: 10px 0;
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
	color: #777;
	}

#footer p {
	line-height: 1.6em;
	}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #000;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #b41;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

.chronodata abbr { border: 0; }

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url('http://media.diejulia.net/k2rc3/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/*- Begin Lists */
.archive-list {
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary div p {
	margin-top: 0.5em;
	}

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul ul, .secondary ol ol, secondary div div {
	margin: 0 0 0 10px;
	}

.secondary ul ul ul, .secondary ol ol ol, secondary div div div {
	margin: 0 0 0 20px;
	}


.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}

.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

#search {
	margin-top: 10px;
	}

#searchform {
	display: block;
	position: relative;
	}

#search h4 {
	display: none;
	}

input[type=text], textarea {
	color: #444;
	padding: 1px;
	margin: 0;
	}

#s {
	width: 79%;
	font-size: 1.1em;
	}

#s.livesearch {
	width: 88%;
	}

#searchreset {
	position: absolute;
	right: 0px;
	top: 3px;
	height: 13px;
	width: 13px;
	background: url('http://media.diejulia.net/k2rc3/reset-fff.png') center center no-repeat;
	}

#searchload {
	position: absolute;
	right: 0;
	top: 0;
	height: 18px;
	width: 18px;
	background: url('http://media.diejulia.net/k2rc3/spinner.gif') center center no-repeat;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

/*- Attachment */
.entry-content .attachment {
	text-align: center;
	}


/*-
	Links Module
*/

.sb-links h4 {
	display: none;
	}

.linkcat h4 {
	display: inline;
	}

.linkcat ul {
	margin-top: 7px !important;
	}




.activityentry { font-size: 1.1em; }
div#latest-comments small { display: block; margin: 0; font-weight: normal; line-height: 1em; }




/* rolling archives */
#pagetrack #dragHelper {
	overflow: visible !important;
}

#rollingarchives {
	position: absolute;
	padding: 20px 0;
	display: block;
	width: 500px;
	top: 0;
	}

#rollingarchives a:hover {
	text-decoration: underline;
	}

#rollnavigation {
	position: relative;
	}

#rollnavigation a:active, #rollnavigation a:focus {
	outline: none;
	}

#rollprevious,
#rollnext,
#rollload,
#rollhome,
#rollpages,
#rolldates {
	position: absolute;
	top: 3px;
	}

#rollprevious:hover,
#rollnext:hover,
#rollhome:hover {
	text-decoration: underline;
	cursor: pointer;
	}

#rollhome {
	display: none;
	left: 54px;
	background: url('http://media.diejulia.net/k2rc3/house.png') no-repeat center center;
	width: 16px;
	height: 16px;
	}

#rollload {
	background: url('http://media.diejulia.net/k2rc3/spinner.gif') no-repeat center center;
	top: 1px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	}

#rollload span,
#rollhome span {
	display: none;
	}

#rollnext,
#rollprevious {
	color: #666;
	font-weight: bold;
	}

#rollpages {
	top: 3px;
	left: 55px;
	color: #aaa;
	}

#rollhover {
	position: absolute;
	top: 7px;
	left: -47px;
	z-index: 100;
	height: 45px;
	background: url('http://media.diejulia.net/k2rc3/rollhover.png') no-repeat center top;
	}

#rollhover,
#rolldates {
	width: 100px;
	margin-left: 5px;
}

#rollhover {
	top: 11px;
	}

#rolldates {
	position: absolute;
	color: #999;
	text-align: center;
	font-size: .9em;
	top: 22px;
	margin: 0;
	}

#rollprevious {
	left: 0;
	text-align: left;
	}

#rollnext {
	right: 0;
	text-align: right;
	}

.emptypage #rollnavigation {
	visibility: hidden;
	}

.firstpage #rollprevious {
	visibility: visible;
	}


.firstpage #rollnext,
.firstpage #rollhome {
	visibility: hidden;
	}

.nthpage #rollnext,
.nthpage #rollprevious,
.nthpage #rollhome {
	visibility: visible;
	}

.lastpage #rollnext,
.lastpage #rollhome {
	visibility: visible;
	}

.lastpage #rollprevious {
	visibility: hidden;
	}

#pagetrackwrap {
	position: absolute;
	top: 6px;
	left: 130px;
	width: 240px;
	padding-right: 9px;
	background: url('http://media.diejulia.net/k2rc3/sliderbgright.png') no-repeat right center;
	}

#pagetrack {
	height: 7px;
	background: url('http://media.diejulia.net/k2rc3/sliderbgleft.png') no-repeat left center;
	}

#pagehandle {
	top: -5px;
	width: 17px;
	height: 17px;
	background: url('http://media.diejulia.net/k2rc3/sliderhandle.png') no-repeat center center;
	cursor: col-resize;
	}

#primarycontent {
	clear: both;
	}

div.trimmed .hentry {
	background: #f5f5f5;
	}

div.trimmed .hentry.alt {
	background: transparent;
	}

#texttrimmer {
	position: absolute;
	width: 55px;
	height: 15px;
	top: 10px;
	right: 55px;
	}

.firstpage #texttrimmer,
.firstpage #pagetrackwrap {
	visibility: hidden;
	}

.nthpage #texttrimmer,
.nthpage #pagetrackwrap,
.lastpage #texttrimmer,
.lastpage #pagetrackwrap {
	visibility: visible;
	}

#trimmertrackwrap {
	background: url('http://media.diejulia.net/k2rc3/sliderbgright.png') no-repeat right center;
	height: 7px;
	width: 50px;
	top: 6px;
	padding-right: 4px;
	position: absolute;
	display: none;
	}

#trimmertrack {
	background: url('http://media.diejulia.net/k2rc3/sliderbgleft.png') no-repeat left center;
	height: 7px;
	}

#trimmerhandle {
	width: 7px;
	height: 7px;
	background: url('http://media.diejulia.net/k2rc3/sliderhandle.png') no-repeat center center;
	cursor: col-resize;
	}

#trimmermore,
#trimmerless {
	display: none;
	position: absolute;
	top: 0;
	height: 16px;
	width: 16px;
	}

#trimmermore span,
#trimmerless span {
	display: none;
	}

#trimmermore:hover,
#trimmerless:hover {
	cursor: pointer;
	}

#trimmermore {
	right: 0;
	background: url('http://media.diejulia.net/k2rc3/trim_more.png');
	}

#trimmerless {
	left: 0;
	background: url('http://media.diejulia.net/k2rc3/trim_less.png');
	}

#trimmertrim:hover, #trimmeruntrim:hover {
	text-decoration: underline;
	}

#trimmertrim, #trimmeruntrim {
	cursor: pointer;
	position: absolute;
	top: 13px;
	width: 50px;
	text-align: center;
	color: #999;
	}

.trimmed #trimmertrim {
	display: none;
	}

#trimmeruntrim {
	display: none;
	}

.trimmed #trimmeruntrim {
	display: block;
	}

body.fixraposition #rollingarchives {
	position: fixed;
	top: 0px;
	background: #fff;
	border-bottom: 1px solid #eee;
	width: 500px;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 30px;
	}

body.fixraposition #trimmertrim, body.fixraposition #trimmeruntrim {
	top: 3px;
	}

#dynamic-content {
	padding-top: 40px;
	}

body.fixraposition #dynamic-content {
	padding-top: 40px;
	}





/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}










option {padding-left: 0.4em}

body { min-height: 101%; font-size: 100.01%; position: relative; text-align: left; text-align: center; margin: 29px 0 31px 0; min-height: inherit; }
#page_margins { width: 790px; padding: 4px 0 4px 0; margin: 0 auto 0 auto; }
#page { width: 780px !important; margin: 0 auto 0 auto; text-align: left; position: relative; padding: 0 0 10px 0; }
fieldset, img { border:0; }
select, input, textarea { font-size: 99% }
#header { position:relative; height: 152px; }
#header img {margin: 0 0 0 40px; font-size:208%; }
#header-nav-1 { width: 752px; margin: 0 auto 0 auto; padding: 0 28px 0 0; background: #fff url('http://media.diejulia.net/img/c-bg20071031.jpg') no-repeat !important; height: 3em; }
#header-nav-2 { margin: 0 auto; padding: 5px 0 0px 0; float: right; color: #fff; background: #b36d30 !important; background-image: none !important; }
#header-nav-2 ul { white-space: nowrap; line-height: 1em; margin:0; padding:0 0 0 0; list-style:none; }
#header-nav-2 li { float:left; padding: 0px 1px 0px 10px; margin: 0; border-left: 1px solid #ccd; border-bottom: none; font-size: 1.1em; letter-spacing: 2px;}
/* CHECK border-bottom, farbe */
#header-nav-2 a { float:left; display:block; color:#fff; background: transparent;
  padding: 0 8px 0 0; text-decoration:none; font-weight:normal; width: auto; /* nur IE 5.x */ width/**/:/**/ .1em; /* für IE 6.0 */ }
#header-nav-2 > ul a { width:auto; }  /* für alle anderen Browser */
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-nav-2 a { float:none; }
/* End IE5-Mac hack */
#header-nav-2 li:hover, #header-nav-2 li:hover a { background: #da9b2f url('../img/header-nav-2-h.gif') 0% bottom repeat-x; }
#header-nav-2 li:hover a { background: #da9b2f url('../img/header-nav-2-h.gif') 100% bottom repeat-x; }
#header-nav-2 .current_page_ite2m { background: #ddd url('../img/header-nav-2-l.gif') bottom left; }
#header-nav-2 .current_page_item2 a { background: #ddd url('../img/header-nav-2-r.gif') bottom right; }
#header-nav-2 li.current_page_item2:hover, #header-nav-2 li.current_page_ite2m:hover a { background: #da9b2f url('../img/header-nav-2-l-a.gif') 0% bottom; }
#header-nav-2 li.current_page_item2:hover a { color: #fff; background: #da9b2f url('../img/header-nav-2-r-a.gif') 100% bottom; }
#header-nav-2 a:hover { color: #fff; background-color: transparent;  }
#header-nav-2 .current_page_item { border-width: 0; }
#header-nav-2 .current_page_item a { color: #444; font-weight:bold;  }
#header-nav-2 .page_item {  }
#topnav { position: absolute; top: 122px; left: 102px; color: #fff; background: transparent; text-align: left; }
#topnav p { font-style: italic; font-size: 1.06em; }
#nav { clear:both; width: auto; }
#main {	clear:both; width: auto; padding: 1.5em 0 2em 0; }
#nav_main { height: 3em; }
#col1 { float: left; width: 180px; }
#col1_content { margin-left: 20px; margin-right: 0px; }
#col1 input[type=text], textarea { margin-left: 10px; width: 150px; }
#col2 { float:right; width: 280px; display:none; }
#col2_content {	margin-left: 1em; margin-right: 1em; display:none; }
#col3 { width:auto; margin-left: 220px; margin-right: 280px; margin-right:0; border-right:0; }
#col3_content { margin-left: 30px; margin-right: 30px; }
#footer { clear:both; margin: 0 1em; padding: 1em; line-height: 2em; }
#copyright { margin-top: 0.5em; padding-bottom: 0.05em; text-align: center; }
#copyright p { font-size: 0.9em; }
#copyright a { text-decoration: none; font-weight: normal; }
#copyright a:hover { border: none; text-decoration: none; }
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}
#col1_content, #col2_content, #col3_content { position:relative; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow:hidden; }
#ie_clearing { display: none }
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}


body { color: #444; font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}



img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

a, a em.file {color: #900; text-decoration:none;}
a:hover {background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }

#main a[href^="http:"], #main a[href^="https:"] { padding-left: 12px; background-image: url('../../img/icons/ext_link.gif'); background-repeat: no-repeat; background-position: 0 0.45em; }
#main a.imagelink { padding-left: 0; background: transparent; }



table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }

/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}

/* Ungeordnete Listen ohne Listenpunkt */
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }

/* Browser-Kompatibilitätsliste */
ul.browsers { margin: 0  0 .4em 0; }

ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444;
	padding: 0.1em 0.1em 0.2em 0.5em;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
}

ul.browsers li img { vertical-align:bottom;
}

ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444;
	padding: 0.2em 0.2em 0.2em 0.5em;
}


/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.mono {
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file {
	padding:0 0 0 14px;
	color: #008;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory {
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}

pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

code.css {
	background-image: url(../../img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}

code.xhtml {
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* ### Tabellen ################################################################## */

table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th {
	background: #444; color: #fff;
	padding: 0.5em;
	text-align: center;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff;
	padding: 0.5em;
	text-align: center;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
}

/* ### Download-Box ################################################################## */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 4px #ccd solid;
	text-align: left;
	padding: 4px 0 4px 15px;
	margin-bottom: 1em;
}

.bluebox h5 { font-size: 140%; color:#006; font-weight: normal; font-style: normal; padding: 0px 8px 0 5px; }
.bluebox p { padding: 0px 8px 0 5px; }

div.dl_button	{
	width: 220px;
	min-height: 50px;
	text-align:left;
	padding-bottom: 20px;
	background-image: url(../../img/yaml_dl_button.gif);
	background-position:bottom;
}

div.dl_button a {
	display:block;
	width: 100%;
	min-height: 30px;
	text-align:left;
	background: url(../../img/yaml_dl_button.gif);
}

div.dl_button a:hover { text-decoration:none; }

.dl_button a strong {display:block; padding: 17px 5px 0px 20px; color: #448; font-weight: bold; font-size: 125%; text-decoration:underline;}
.dl_button span.version {display:block; padding: 0px 5px 0px 20px; color: #666; font-weight: normal; font-size: 85%;}


body { background: #505050 url('http://media.diejulia.net/img/p-bg20071031.gif') repeat; font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */ }
a:hover, a:focus { background: transparent; }
h1, h2, h3, h4 { font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; color: #6A2111; }
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited { color: #551515; text-decoration: none; }
h2 a:hover, h3 a:hover, h4 a:hover 	{ color: #da9b2f !important; border-bottom: 1px dotted #da9b2f; text-decoration: none !important; }
h2, h3, h4, .k3-asides h3 { font-size: 2.0em; padding: 0 !important; margin: 0!important;}
h2 { border: none; text-align: left; font-weight: bold; }
img { border: 0; }
hr { display: none; }
a img,:link img,:visited img { border:none }
#page_margins { background: #d8ba7e; }
#page {	background: #fff; border: 1px solid #B36925; }
#main a[href^="http:"], #main a[href^="https:"] { padding-left: 0; background: transparent; } /* CHECK Icons */
#header { color: #fff; background: #1f1e2e url('http://media.diejulia.net/img/h-bg20071031.jpg') repeat-x top; margin: 0 !important; padding: 0 !important;}
.entry-meta { font-size: 1em; display: block; margin-top: 1px; color: #a87741; }
.entry-meta a, .comment-meta a { color: #a87741; }
.entry-meta a:hover, .comment-meta a:hover { color: #da9b2f !important; }
.chronodata, .commentslink, .quoter_comment, .entry-tags, .entry-edit a { background: transparent; padding: 0; margin-left: 0; }
#footer { color: #888; background:#fff; border-top: 1px #ddd solid; }
#main { margin: 0 !important; background: url('http://media.diejulia.net/img/c-bg20071031.jpg') 0 -3em no-repeat; }
#nav_main { background: #fff url('http://media.diejulia.net/img/c-bg20071031.jpg') no-repeat !important; }
#col1 {	width: 220px; }
#col1_content { color: #777; background: inherit; }
#col1 input[type=submit] { width: 30px; }
#col1 h2 { padding: 1em 0 3px 0 !important; margin: 0; text-align: left; color: #6A2111; font-weight: bold; font-size: 14px !important; color: #6A2111; border: none; border-bottom: 1px dotted #da9b2f; }
#col1 div { margin:; 0; padding: 0; position: relative; }
#col1 .metalink a, #col1 .metalink a:visited,
	#col1 span a, #col1 span a:visited { color: #999; font-weight: normal; }
#col1 .k2-asides { margin: 0; padding: 0 0 10px; word-spacing: -1px; }
#col1 .k2-asides p { display: inline; }
#col1 .k2-asides .metalink { padding-left: 0px; }
#col1 span a { margin-left: 10px; }
#col1 div p { margin-top: 0.5em; }
#col1 ul, #col1 ol, #col1 div div { margin: 5px 0 0; padding-left: 0; }
#col1 ol { margin-left: 15px; }
#col1 ul li, #col1 ol li { margin: 0; padding: 2px 0 2px 10px; }
#col1 ul li { list-style-type: none; list-style-image: none; }
ol li { list-style: decimal outside; }
.sb-links ul li { margin-top: 20px; }
.sb-links ul ul li { margin-top: 0; }
#col3 a:hover, #col3 a:visited:hover,
#col1 a:hover, #col1 a:visited:hover { text-decoration: underline; color: #FDB139; }
h2 a:hover, h2 span a:hover { color: #27d !important; }
a { color: #371109; text-decoration: underline; }
.entry-content a:visited { color: #b41; }
#col2 {	width: 280px; }
#col2_content {	margin-left: 1em; margin-right: 1em; }
#col3 { border-left: 0px dotted #ddd; border-right: 0px dotted #ddd; }
#col3_content { color: #777; }
.hentry { margin: 0; padding: 5px 0 15px; }
.entry-content { text-align: justify; font-size: 11px; line-height: 18px; color: #0a1119; }
#copyright { color: #777; }
#copyright a { color: #888; }
#copyright a:hover { color: #d8ba7e; background: transparent; }
.skip { position: absolute; left: -1000em; width: 20em; }