/*
	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:#625d57;
	background-color:#c5c0b3;
}

a { 
	color:#703c29; 
	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:#e0ddd4;
	width:892px;
}

#slide #main {
	width:900px;
}

#navigation {
	background-color:#625d57;
	z-index:999;
}

#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:#625d57;
}
#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;*/
	width:25%;
	float:left;
	display:inline-block;
	margin-right:2%;
	text-align:center;
}
#navigation .logo a {
	display:block;
	line-height:40px;
	overflow:hidden;
}
#navigation .logo img {
	max-width:100%;
	vertical-align:middle;
	margin-top:-2px;
}
.top-nav {
	text-align:center;
}
.top-nav.with-logo {
	margin-left:27%;
}
.top-nav a {
	display:block;
	white-space:nowrap;
	color:#e0ddd4;
}
.top-nav > ul {
}
.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:#703c29;
}
.top-nav > ul > li {
	position:relative;
	display:inline-block;
	width:auto;
	height:100%;
}
.ie7 .top-nav > ul > li {
	float:left;
}
.top-nav > ul > li.home {
	width:30px;
	height:30px;
	margin-top:5px;
}
.top-nav > ul > 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 > ul > li.home a:hover {
	background-position:center -30px;
}
.top-nav > ul > li > a {
	line-height:40px;
	font-size:1.2em;
	padding:0 0.75em;
}
.top-nav > ul > li ul {
	display:none;
	position:absolute;
	z-index:999;
	background-color:#625d57;
}
.top-nav > ul > li > ul {
	min-width:100%;
}
.top-nav > ul > li > ul li {
	position:relative;
	display:block;
}
.top-nav > ul > li > ul > li a {
	line-height:30px;
	font-size:1em;
	padding:0 0.75em;
}
.top-nav > ul > li > ul > li ul {
	left:100%;
	top:0;
}
.top-nav > ul > li:hover > ul,
.top-nav > ul > li > ul > li:hover > ul,
.top-nav > ul > li > ul > ul > li > li:hover > 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:no-repeat;
}
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;
}
.headln h1 {
	min-height:40px;
}

/*********************************** 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:15px;
	background-color:#ffffff;
}
.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 #625d57;
}
.thumbnavigation table {
	margin:0 auto;
}
.thumbnavigation .leftcol,
.thumbnavigation .rightcol {
	width:376px;
}
.thumbnavigation .leftcol {
	text-align:right;
}
.thumbnavigation .rightcol {
	text-align:left;
}
/* 
	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 > 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";

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

#main {
	margin:20px auto;
	background-color:#e0ddd4;
	-moz-border-radius:8px;
	border-radius:8px;
	-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);
}

#navigation {
	-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);
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}

.top-nav > ul > li ul {
	-moz-box-shadow:2px 4px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow:2px 4px 8px rgba(0,0,0,0.25);
	box-shadow:2px 4px 8px rgba(0,0,0,0.25);
}

.headln h1, .headln h2, .headln h3 {
	text-shadow:1px 2px 4px rgba(0,0,0,0.2);
}

.mainimage {
	-moz-border-radius:4px;
	border-radius:4px;
	-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);
}

.thumbnavigation {
	padding:5px 0;
	background-color:rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);
}
.thumbnavigation .actual {
	z-index:99;
}
.thumbnavigation .actual img {
	border-color:#ffffff;
	-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);
}

.about-box, .contact-box {
	-moz-border-radius:8px;
	border-radius:8px;
}