@charset "utf-8";

html, body {
	margin: 0; padding: 0 0 10px 0;
	width: 100%; height: auto;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #484848;
	}

a { color:#441d00; text-decoration: none; }
a:hover { color: #875f00; }
p { margin: 0; padding: 10px; line-height: 18px; }
hr { border-top: 1px solid #7c4012; }
ol { margin-left: 25px; margin-bottom: 25px; }
img { max-width: 100%; width: auto; height: auto; }

h1 { font-size: 22px; color: #461e00; margin: 5px 0; }
h2 { font-size: 20px; color: #7c4012; border-bottom: 1px #7c4012 solid; margin: 5px 0; }
h3 { font-size: 18px; color: #484848; font-weight: 400; margin: 5px 0; }
h4 { font-size: 16px; color: #484848; font-weight: 400; margin: 5px 0; }

a.btn {
background: #a94a03; color: #fff; font-size: 24px;
padding: 15px 20px; transition: all 0.15s ease-in-out; 	
-moz-border-radius: 15px; border-radius: 15px; border: 2px #461e00 solid; 
box-shadow: 1px 1px 10px rgba(0,0,0,0.5); text-shadow: 1px 1px 1px #000;
} a.btn:hover { background: #461e00; }

html {
background-image: url(/themes/CrystalClear2012/images/CCM-parchment.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top center; }

label.control-label { display: none; }

#pagewrap {
position: relative;
width: 100%; height: auto; }

#topbar {
position: absolute;
width: 100%; height: 40px;
margin: 0; padding: 0;
left: 0;
background-image: url(/themes/CrystalClear2012/images/CCM-topbartile.png);
background-repeat:repeat-x;
z-index: 20; }

	#tbarpad {
	position: relative;
	width: 960px; height: auto;
	margin: 0 auto; padding: 0;
	text-align: right; }
	#tbarpad h6 { float: right; font-size: 15px; margin: 3px 15px 0 0; padding: 0; }
	#tbarpad h6 a { position: relative; color: #fff; text-decoration: none; padding: 5px 0 0 0; }

	#searchbox {
	position: relative;	float: right;
	width: auto; height: auto;
	margin: 1px 0 0 0; padding: 0; }
	#searchbox h3 { display: none; }

#wrap {
position: relative;
width: 960px; min-height: 360px; height: auto;
margin: 0 auto; padding: 0;
background-image: url(/themes/CrystalClear2012/images/CCM-starburst.png);
background-position: top left;
background-repeat: no-repeat;
z-index: 1; }

#header {
position: relative;
width: 960px; height: 189px;
margin: 0; padding: 0; z-index: 10; }
	
	#logo {
	position: absolute;
	top: 60px; left: 0;
	width: 430px; height: 160px;
	z-index: 15;
	background-image: url(/themes/CrystalClear2012/images/CCM-logo.png);
	background-repeat: no-repeat; }
	
	#tagline {
	position: absolute;
	top: 95px; right: 0;
	width: 370px; height: 80px;
	z-index: 15;
	background-image: url(/themes/CrystalClear2012/images/CCM-tag.png);
	background-repeat: no-repeat; }
	
	#facebook {
	position: absolute;
	top: 210px; right: 20px;
	width: 96px; height: 41px;
	z-index: 15;
	background-image: url(/themes/CrystalClear2012/images/facebook.png);
	background-repeat: no-repeat; }

#content {
position: relative;
width: 960px; height: auto;
margin: 0; padding: 25px 10px;
z-index:1; }

#contentarea {
position: relative;
width: 703px; 
margin: 45px 0; padding: 0;
float: left;
background-image: url(/themes/CrystalClear2012/images/CCM-contenttile.png);
background-repeat: repeat-y;
z-index: 1; }
	
	#decorTOP {
	position: absolute;
	top: -45px; left: 0;
	width: 703px; height: 45px;
	margin: 0; padding: 0;
	background-image: url(/themes/CrystalClear2012/images/CCM-contenttop.png); }
	
	#decorBTM {
	position: absolute;
	bottom: -45px; right: 0;
	width: 703px; height: 45px;
	margin: 0; padding: 0;
	background-image: url(/themes/CrystalClear2012/images/CCM-contentfoot.png); }

	#article {
	position: relative;
	width: 380px; min-height: 350px;
	margin: 0 20px; padding: 20px 10px;	
	float: left; }
	
	#articlefull {
	position: relative;
	width: 640px;  min-height: 400px;
	margin: 0 20px; padding: 20px 10px;
	float: left; }
	
	#aside {
	position: relative;
	width: 220px; 
	margin: 0 20px 0 0; padding: 20px 10px;
	float: left;
	background-image: url(/themes/CrystalClear2012/images/CCM-sidebartile.png);
	background-repeat: repeat;
	border: 1px #461e00 solid; }	
	#article ul li, #articlefull ul li, #aside ul li { 
	font-size: 12px; list-style-type: inherit; margin-left: 10px; }
	#article h2, #articlefull h2 { 
	padding: 15px 0 0 0; clear: both; }

	#article .vjs-poster, #articlefull .vjs-poster  { margin: 0; padding: 0; border: 0; }
	#article .video-js-box, #articlefull .video-js-box { margin-bottom: 10px; }

#footer {
position: relative;
width: 950px; height: auto;
margin: 0; padding: 0;
color: #484848; font-weight: bold; }

	#addthis {
	position: relative;
	width: 150px; height: 20px; }

	#baseinfo a { color: #484848; font-size: 100%; text-decoration: none; }
	#baseinfo a:hover { color: #441d00; text-decoration: underline; }
	#baseinfo { float: left; width: 450px; text-align: left; padding: 0; }
	
	#edge { float: right; width: 300px; text-align: right; padding: 0; }
	#edge a { color:#484848; text-decoration: none; }
	#edge a:hover { color: #e58325; text-decoration: underline; }

/*Gallery */
#articlefull .sortable_fancybox_gallery_image { 
margin: 10px 0px; padding: 0; }

#articlefull .sortable_fancybox_gallery_image a img {
border: 5px solid #875f00;
border-width: 5px 5px 5px; }

#articlefull .sortable_fancybox_gallery_image a img:hover { 
border: 5px solid #441d00;
border-width: 5px 5px 5px; }

/*Guestbook */
#guestbook {
margin: 0; padding: 0; }

/*stupis youtube */
.youtube-player, .youtubeBlock { z-index: 1; }