/* PixelPioneer Joomla Framework *custom.css* v1.0.1 - 4.July.2012 - http://www.pixelsparadise.com */
/* Copyright 2012 by Holger Koenemann - http://www.pixelsparadise.com */
/* Released under a commercial license. This file IS copyright protected and NOT released under the MIT license. Please respect the designers rights! */
/* You can edit it but it is not allowed to offer it for download or resell it */

/******************** This file is for custom design and layout informations which customizes the frameworks default look&feel ********************/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
1. Basic HTML styles (like body,p or ul etc.)
2. Typography (like h1, h2, blockquote etc.)
3. Basic customizations (like row, container etc.)
	3.1 Sets the basic flexibility range of the grid
	3.2 Logo Area
	3.32 Search Area
4. Navigation Styles
	4.1 Mainmenu
	4.2 Second-level lists
5. Sliding Area

*/
/*	
--------------------------------------------------
:: FONT
-------------------------------------------------- */
@font-face {
    font-family: 'kunlasatriregular';
    src: url('fonts/kunlasatri-webfont.eot');
    src: url('fonts/kunlasatri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kunlasatri-webfont.woff') format('woff'),
         url('fonts/kunlasatri-webfont.ttf') format('truetype'),
         url('fonts/kunlasatri-webfont.svg#kunlasatriregular') format('svg');
    font-weight: normal;
    font-style: normal;


}

/*	
--------------------------------------------------
:: Basic HTML Styles
-------------------------------------------------- */
body { padding:0px 0; font-family: arial, Helvetica neue, helvetica; color:#666; font-size:13px; line-height:1.7em;}
.main-ruler {display:none;}
a {color:#fd9dac; -webkit-transition: 0.3s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease; transition: 0.5s ease;}
a:hover { color: #CD7F8C; }
a:focus { color: #CD7F8C; outline: none; }
.credits_area a {color:#777; font-weight:bold;}

.item-page img{padding:4px;}
/*
--------------------------------------------------
:: Basic customizations
-------------------------------------------------- */

/* Sets the basic flexibility range of the grid, default: from 320px for older iPhones to 1140px for desktops  */
.row { width: 100%; max-width: 1140px; min-width: 320px;}
.wrapper {margin:0px auto;width: 100%; max-width: 1140px; min-width: 320px;}

/*
.row { width: 100%; }
.wrapper {margin:0px auto;width: 100%; max-width: 1140px; min-width: 1140px;}
*/

.inner_wrapper {background-color:#fff; float:left; width:100%;}
.container { padding: 0 5% 10px 5%; float:left; width:90%;}
.container.slider_area{padding:0px;  z-index:10; position:relative;  float:left; width:100%; margin-top:-71px; margin-bottom:-48px;}
.container.logo_area {padding:5px 0px; margin:0px 5% 10px 5%; width:90%; height:50px; z-index:20;  position:relative; background-color:rgba(47,32,25,.95);}
.wrapper.header_active .container.logo_area {background:none;}
.above_active .container.logo_area {margin-top:0px;}
.label {text-shadow:none;}
.container.main_area{text-shadow:none;background-image: url(images/shadow.jpg); background-position:bottom center; background-repeat: no-repeat; padding-bottom:40px;}
.container.footer_area { background-color:#eee; margin-top:0px; font-size:.88em; padding:50px 5% 30px 5%; border-top:1px solid #ccc; border-bottom:2px solid #ccc;}
.container.bottom_area, .container.top_area {background-color:#2f2019;padding:50px 5% 20px 5%;  background-image: url(images/stripes-dark.png); color:#666;}
.container.top_area {margin-bottom:20px; padding:20px 5% 10px 5%; border-top:3px solid #000; float:left; width:90%;}
.container.bottom_area hr {border-top:1px solid #444; border-bottom:1px solid #110c09; opacity:.6;}
.container.above_area {padding:0 5%; margin-top:15px; font-size:.8em;}

/*	
--------------------------------------------------
Slider
-------------------------------------------------- */
.slider_controls {position:relative; }
/* Direction Nav */
.flex-direction-nav{height:auto; float:left; width:100%;}
.flex-direction-nav li a {width: 62px; height: 100px; margin: 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0px 0px;  cursor: pointer; text-indent: -9999px;top:50%; margin-top:-50px;}
.flex-direction-nav li .next {background-position: -62px 0px; right: 0px; }
.flex-direction-nav li a.next:hover {background-position: -62px -100px;}
.flex-direction-nav li .prev {left: 0px; }
.flex-direction-nav li a.prev:hover {background-position: 0px -100px; }

/* Control Nav */
.flex-control-nav {bottom:40px;position:absolute;  }
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}

/*	
--------------------------------------------------
:: Typo
-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { font-family:kunlasatriregular; font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
	h2 { font-size: 32px; font-size: 3.2rem; margin-bottom: 9px; }
	h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; }
	h4 { font-size: 24px; font-size: 2.4rem; margin-bottom: 3px; }
	h5 { font-size: 24px; font-size: 2.4rem; margin-bottom: 3px; }
	h6 { font-size: 24px; font-size: 2.4rem; }
	.container.bottom_area h1, .container.bottom_area h2, .container.bottom_area h3, .container.bottom_area h4, .container.bottom_area h5, .container.bottom_area h6, .container.top_area h1, .container.top_area h2, .container.top_area h3, .container.top_area h4, .container.top_area h5, .container.top_area h6 {color:#aaa;}

/*	
--------------------------------------------------
:: Custom modules with suffixes
-------------------------------------------------- */

.customstripes {background-image: url(images/stripes-light.png); padding:20px 20px 5px 20px; margin-bottom:20px; border-bottom:1px solid #ccc;}

/*	
--------------------------------------------------
:: Custom Stuff
-------------------------------------------------- */

/* Customize basic UI Colors ---------- */
	.green.button, .green.label, .readmore a:hover, .top_area .readmore a, .bottom_area .readmore a		{ background-color: #fd9dac; }
	

.right_area .module, .left_area .module {padding-bottom:0px; margin-bottom:20px; border-bottom:1px solid #e4e4e4;}
.main_area h3 {background-image: url(images/stripes-light.png); padding:4px 0 4px 4px;}

/*Main Menu Settings*/
.menu.nav-bar{background: none; border: none; }
ul.menu.nav-bar  {float:right; width:auto;padding:0; margin:18px 8px 0 0; height:auto;}
.logo {margin:8px 0 0 10px;}
.menu.nav-bar li{border:none; line-height:auto;}
.menu.nav-bar li a {padding:5px 10px; color:#fff; font-family: 'kunlasatriregular'; font-size:20px; font-weight:lighter; }
.menu.nav-bar li a:hover{background-color:#fff;background-color:rgba(255,255,255,.85); color:#000;border-radius:2px; text-shadow:none;}
.menu.nav-bar li.current a {font-weight:bold;}

/*DropDown Menu styles*/
ul.menu li.parent:hover ul, ul.menu li.over ul {background-color:#fff;background-color:rgba(255,255,255,.85); top:19px; left:-5px;width:10em; border-radius:2px; padding:5px 10px 10px 10px;}
ul.menu li.parent:hover ul li, ul.menu li.over ul li {padding:5px 0; margin:0; border-bottom:1px solid #fff;}
ul.menu li.parent:hover ul li a, ul.menu li.over ul li a{color:#000; text-shadow:none;  margin:0;}
ul.menu li.parent:hover ul li a:hover, ul.menu li.over ul li a:hover {color:#fd9dac; background:none;}

/*Other stuff*/
.logo a:hover {opacity:.6;}
.above_area, .credits_area {color:#999;}
.credits_two_two {text-align:right;}
.credits_one_two, .credits_two_two {font-size:.8em; padding:10px 0;}
img.content_icon {float:left; padding:5px 16px 0px 0;}
.img-fulltext-left img, .img-fulltext-right img, .img-intro-left img, .img-intro-right img{  width:95%; padding:4px; border:1px solid #ddd;}
.img-fulltext-left img, .img-fulltext-right img {width:99%;}
.readmore a {border-radius:2px;   text-shadow:none; font-size:11px;}
.readmore a:hover { color:#fff; padding:2px 6px;}
.top_area .readmore a, .bottom_area .readmore a {color:#fff; padding:2px 8px 1px 8px; }
.top_area .readmore a:hover, .bottom_area .readmore a:hover {background-color: #4f6c10;}
.item p {padding:4px 0; margin:0;}
p.readmore{padding:3px 0; margin:0;}
.slider_content h1 {color:#111; margin-bottom:5px; letter-spacing:1px; line-height:1em; font-weight:bold;}
.slider_content {width:40%; position:absolute; left:0%; bottom:10%;background-color:#fff; background-color:rgba(255,255,255,.8); color:#111; padding:20px 20px 20px 50px;font-weight:lighter; }

.image_with_border {padding:4px; border:1px solid #ddd;}