<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*

	common.css - the primary styles

	

	Author: Laza

*/





body {

	margin:0;

	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

	font-size:13px;

	line-height:1.385;

	color:#333333;

	background-color:#56b2e5;

}



a { 

	color:#147ec8; 

	text-decoration:none; 

}

a:hover, a:focus { 

	text-decoration:underline; 

}



/* Resetting some elements */



table {

	font-size:100%;

}



h1, h2, h3, h4, h5 {

	font-weight:normal;

	margin:0.2em 0;

}

h1 { font-size:200%; }

h2 { font-size:160%; }

h3 { font-size:140%; }

h4 { font-size:120%; }

h5 { font-size:110%; }



a img {	

	border:none; 

	text-decoration:none; 

}



p { margin:0.5em 0; }



/* Utility styles */



.fleft {

	float:left;

	display:inline;

}



.fright {

	float:right;

	display:inline;

}



.clear {

	clear:both;

}



/*********************************** Page structure */



#main {

	margin:0 auto;

	background-color:#ffffcc;

	width:1032px;

}



#slide #main {

	width:1032px;

}



#navigation {

	background-color:#333333;

	z-index:1040;

}



#header { 

	padding:20px;

}



#content {

	padding:0 20px;

}

#slide #content {

	padding:0;

}



#footer {

	font-size:85%;

	padding:0.75em 20px;

	text-align:center;

}

#footer .bottom-nav a {

	padding:0.2em 0.5em;

	color:#333333;

}

#footer .bottom-nav ul {

	display:inline-block;

	margin:0;

	padding:0;

	list-style-type:none;

}

#footer .bottom-nav ul li {

	display:inline-block;

}

#footer .bottom-nav ul li a {

	display:block;

}



/*********************************** Top navigation */



#navigation {

	position:relative;

	text-align:center;

	line-height:40px;

}

#navigation .logo {

	height:40px;

	max-width:20%;

	float:left;

	display:inline-block;

	margin-right:2%;

}

#navigation .logo a {

	display:block;

	height:40px;

	line-height:40px;

	overflow:hidden;

}

#navigation .logo img {

	max-width:100%;

	max-height:100%;

	vertical-align:middle;

	margin-top:-2px;

}

.top-nav {

	text-align:center;

}

.top-nav.with-logo {

	/*margin-left:22%;*/

}

.top-nav a {

	display:block;

	white-space:nowrap;

	color:#ffffcc;

}

.top-nav &gt; ul {

	height:40px;

}

.top-nav ul {

	display:inline-block;

	vertical-align:top;

	padding:0;

	margin:0;

	list-style-type:none;

	z-index:998;

}

.top-nav li.actual {

	background-color:#147ec8;

}

.top-nav &gt; ul &gt; li {

	position:relative;

	display:inline-block;

	width:auto;

	height:100%;

}

.ie7 .top-nav &gt; ul &gt; li {

	float:left;

}

.top-nav &gt; ul &gt; li.home {

	width:30px;

	height:30px;

	margin-top:5px;

}

.top-nav &gt; ul &gt; li.home a {

	display:block;

	line-height:30px;

	background-image:url(home_d.png);

	background-position:center 0px;

	background-repeat:no-repeat;

	text-decoration:none;

}

.top-nav &gt; ul &gt; li.home a:hover {

	background-position:center -30px;

}

.top-nav &gt; ul &gt; li &gt; a {

	line-height:40px;

	font-size:1.2em;

	padding:0 0.75em;

}

.top-nav &gt; ul &gt; li ul {

	display:none;

	position:absolute;

	z-index:999;

	background-color:#333333;

}

.top-nav &gt; ul &gt; li &gt; ul {

	min-width:100%;

}

.top-nav &gt; ul &gt; li &gt; ul li {

	position:relative;

	display:block;

}

.top-nav &gt; ul &gt; li &gt; ul &gt; li a {

	line-height:30px;

	font-size:1em;

	padding:0 0.75em;

}

.top-nav &gt; ul &gt; li &gt; ul &gt; li ul {

	left:100%;

	top:0;

}

.top-nav &gt; ul &gt; li:hover &gt; ul,

.top-nav &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul,

.top-nav &gt; ul &gt; li &gt; ul &gt; ul &gt; li &gt; li:hover &gt; ul {

	display:block;

}



/*********************************** Navigation buttons */



a.navigation,

span.navigation {

	display:inline-block;

	width:40px;

	height:40px;

	line-height:40px;

	background-image:url(navigation.png);

	background-repeat:none;

}

a.navigation {

	text-decoration:none;

	background-position:0 0;

}

a#up {

	background-position:0 0;

}

a#up:hover {

	background-position:0 -40px;

}

span#up {

	background-position:0 -80px;

}

a#prev {

	background-position:-40px 0;

}

a#prev:hover {

	background-position:-40px -40px;

}

span#prev {

	background-position:-40px -80px;

}

a#next {

	background-position:-80px 0;

}

a#next:hover {

	background-position:-80px -40px;

}

span#next {

	background-position:-80px -80px;

}

a#first {

	background-position:-120px 0;

}

a#first:hover {

	background-position:-120px -40px;

}

span#first {

	background-position:-120px -80px;

}

a#last {

	background-position:-150px 0;

}

a#last:hover {

	background-position:-150px -40px;

}

span#last {

	background-position:-150px -80px;

}



/*********************************** Head section */



.headln {

	margin:0 80px;

	text-align:center;

}

.headln small {

	font-size:80%;

	margin-right:0.5em;

}



/*********************************** Index page thumbnail grid */



.thumbs td {

	width:168px;

	text-align:center;

}

.thumbs td:hover {

	background-color:#eee;

}

.thumbs td.empty:hover {

	background-color:transparent;

}

.thumbs .thumb {

	position:relative;

	width:168px;

	height:120px;

	padding:4px 0;

}

.thumbs .thumb em {

	position:absolute;

	right:4px;

	top:4px;

	width:20px;

	height:20px;

	background:url(foldericon.png) center center no-repeat;

}

.thumbs .thumb a {

	line-height:120px;

	height:100%;

	text-decoration:none;

}

.thumbs .thumb a img {

	margin-top:-3px;

	vertical-align:middle;

	border:0;

	outline:none;

}

.thumbs .thumb a i {

	line-height:0;

	font-size:1px;

	height:1px;

	width:1px;

	margin-right:-1px;

	overflow:hidden;

}

.thumbs .caption {

	width:160px;

	padding:4px;

	overflow:hidden;

}

.thumbs .caption h5 {

	margin:0.5em 0;

}

.thumbs .caption p {

	font-size:85%;

	margin:0.25em 0;

}

	

/*********************************** Slide page's main image */



.mainimage {

	margin:20px auto;

	min-width:200px;

	width:auto;

	text-align:center;

	padding:0px;

	background-color:#000000;

}

.mainimage img {

	border:none;

	vertical-align:top;

	outline:none;

}

.mainimage .caption {

	padding:10px;

	background-color:#fff;

	overflow:hidden;

	color:#444;

}

.mainimage .caption .title {

	font-size:120%;

	font-weight:bold;

}

.mainimage .caption .comment {

}

.mainimage .caption .meta {

	font-size:85%;

}

.mainimage .caption .meta b {

	font-weight:normal;

	color:#999;

}



/*********************************** Thumbnail navigation */



.thumbnavigation .actual img {

	border:4px solid #333333;

}

.thumbnavigation table {

	margin:0 auto;

}

.thumbnavigation .leftcol,

.thumbnavigation .rightcol {

	width:361px;

}



/* 

	styles.css - custom styles for the skin's Page templates

	

*/



/************** About page */



#about-page {

	margin:10px 10%;

}

#about-page .author {

	float:left;

	display:inline;

	margin:10px 30px 10px 0;

	max-width:40%;

}

#about-page .author img {

	max-width:100%;

}

#about-page .texts {

	overflow:hidden;

}

#about-page .texts p {

	line-height:1.5em;

}



/************** Sitemap page */



#sitemap-page {

	margin:0 20px;

	padding-left:100px;

}



#sitemap-page .sitemap {

	font-size:120%;

}



#sitemap-page .sitemap ul {

	padding-left:2em;

}



#sitemap-page .sitemap li {

	padding:0.5em 0;

}

#sitemap-page .sitemap li small {

	margin-top:0.5em;

	display:block;

}



/************** Contact page */



#contact-page {

	margin:10px 10px 10px 60px;

}

#contact-page .theme {

	float:right;

	display:inline;

	margin:0 0 10px 20px;

	max-width:40%;

}

#contact-page .theme img {

	max-width:100%;

}

#contact-page .texts {

	overflow:hidden;

}

#contact-page .texts blockquote {

	font-size:80%;

	line-height:1.5em;

	padding-left:12px;

	border-left:10px solid rgba(255,255,255,0.1);

}

#contact-page .texts &gt; div {

	font-size:120%;

	padding:15px 5px;

	border-top:1px solid rgba(255,255,255,0.2);

	border-bottom:1px solid rgba(0,0,0,0.2);

}

#contact-page .texts blockquote,

#contact-page .texts a {

	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;

}

#contact-page .texts a {

	font-size:80%;

	padding:5px 5px 5px 26px;

	line-height:14px;

	-moz-border-radius:6px;

	border-radius:6px;

	background-color:rgba(255,255,255,0.1);

	background-image:url(share.png);

	background-repeat:no-repeat;

}

#contact-page .facebook a { background-position:0 -24px; }

#contact-page .twitter a { background-position:0 -48px; }

#contact-page .digg a { background-position:0 -72px; }

#contact-page .myspace a { background-position:0 -96px; }

#contact-page .delicious a { background-position:0 -120px; }

#contact-page .stumbleupon a { background-position:0 -144px; }

#contact-page .email a { background-position:0 -168px; }

#contact-page .reddit a { background-position:0 -192px; }

#contact-page .tumblr a { background-position:0 -216px; }

#contact-page .flickr a { background-position:0 -240px; }

#contact-page .foursquare a { background-position:0 -264px; }

#contact-page .google a { background-position:0 -288px; }

#contact-page .linkedin a { background-position:0 -312px; }

#contact-page .picasa a { background-position:0 -336px; }

#contact-page .skype a { background-position:0 -360px; }

#contact-page .vimeo a { background-position:0 -384px; }

#contact-page .youtube a { background-position:0 -408px; }

#contact-page .phone a { background-position:0 -432px; }

#contact-page .jalbum a { background-position:0 -456px; }





@charset "utf-8";



/* Pimped.css :: CSS3-allowed style sheet */



body {

	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));

	background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	background-image:linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));

	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#99000000,EndColorStr=#00000000);

	background-repeat:no-repeat;

}



#main {

	margin:0 auto 20px auto;

	background-color:#ffffcc;

	-moz-border-radius:0 0 8px 8px;

	border-radius:0 0 8px 8px;

	-moz-box-shadow:2px 4px 12px rgba(0,0,0,0.25);

	-webkit-box-shadow:2px 4px 12px rgba(0,0,0,0.25);

	box-shadow:2px 4px 12px rgba(0,0,0,0.25);

}



#header {

	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(0,0,0,0.3) );

	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.6)), color-stop(1, rgba(0,0,0,0.3)));

	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.6), rgba(0,0,0,0.3) );

	background-image:-ms-linear-gradient(top, rgba(255,255,255,0.6), rgba(0,0,0,0.3) );

	background-image:linear-gradient(top, rgba(255,255,255,0.6), rgba(0,0,0,0.3) );

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#4D000000);

	background-repeat:no-repeat;

}



#content {

	padding:20px;

}



.headln h1, .headln h2, .headln h3 {

	text-shadow:1px 2px 4px rgba(0,0,0,0.2);

}



.thumbs td {

	background-color:#fff;

}

.thumbs td:hover {

	background-color:#000000;

}

.thumbs td:hover a {

	color:#fff;

}



.mainimage {

	-moz-border-radius:4px;

	border-radius:4px;

	-moz-box-shadow:inset 2px 4px 12px rgba(0,0,0,0.25);

	-webkit-box-shadow:inset 2px 4px 12px rgba(0,0,0,0.25);

	box-shadow:inset 2px 4px 12px rgba(0,0,0,0.25);

}



.thumbnavigation {

	padding:5px 0 0 0;

	background-color:rgba(0,0,0,0.4);

	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);

	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);

	box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);

	overflow:hidden;

}



.thumbnavigation .actual img {

	border-color:#ffffcc;

	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.4);

	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.4);

	box-shadow:0 2px 4px rgba(0,0,0,0.4);

}







</pre></body></html>