/*

Theme Name: groovanesia

Theme URI: http://artchastudio.com/

Description: I make this template for all websites

Version: 0.0.1

Author: Cha A Cahyadi

Author URI: http://twitter.com/chacahyadi

*/





@charset "utf-8";



/* CSS Document */



/* (c) 2013 Cha Cahyadi/







<style type="text/css">







/* Easy Slider/







			



    /* image replacement */



        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{



            margin:0;



            padding:0;



            display:block;



            overflow:hidden;



            text-indent:-8000px;



            }



    /* // image replacement */



			



	#container{	



		margin:0 auto;



		position:relative;



		text-align:left;



		width:840px;



		background:#fff;		



		margin-bottom:2em;



		}	



		



	#content{



		position:relative;



		}			







/* Easy Slider */







	#slider ul, #slider li,



	#slider2 ul, #slider2 li{



		margin:0;



		padding:0;



		list-style:none;



		}



	#slider2{margin-top:1em;}



	#slider li, #slider2 li{ 







		width:840px;



		height:350px;



		overflow:hidden; 



		}	







	



/* // Easy Slider */



















































/* ~~ Element/tag selectors ~~ */



ul, ol, dl { 



	padding: 0;



	margin: 0;



}







h1 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 45px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333333;
	padding-top: 15px;
}



h2 {
	margin-top: 0;
	line-height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333333;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
h2backgroundwarna {
	margin-top: 0;
	line-height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #CCCCCC;
	background-color: #333;
	padding: 15px;
	clear: both;
}





h3, h4, h6, p {



	margin-top: 0;



	padding-right: 15px;



	padding-left: 15px;



	line-height: 25px;



	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;



}
h5 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	line-height: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #999;
}



























a img {
	border: none;
	text-decoration: none;


}















a:link {
	color: #3399CC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
}







a:visited {
	color: #3399CC;
	text-decoration: none;
}



a:hover, a:active, a:focus {
	color: #39F;
}







.thecontainer {

	width: 900px;

	overflow: hidden;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;



}



.containerHeader {



	width: 100%; 



	overflow: hidden; 



	margin-top: 0;



	margin-right: auto;



	margin-bottom: 0;



	margin-left: auto;



	background-color: #C0C0C0;



	padding-top: 20px;



	padding-right: 0px;



	padding-bottom: 20px;



	padding-left: 0px;



}



.contentbox {
	width: 800px;
	float: none;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.contentboxWARNA {
	width: 800px;
	float: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #f6f2ee;
	font-size: 16px;
	padding: 20px;
}
.contentboxWARNApop {
	width: 800px;
	float: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #009933;
	font-size: 18px;
	padding: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.contentboxWARNAtop {
	width: 800px;
	float: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	background-color: #FFF;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.contentboxWARNALEGS {
	width: 800px;
	float: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #f6f2ee;
	font-size: 16px;
	padding: 20px;
}





.HeaderLogo {
	width: 320px;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #666;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	margin-left: 0px;
	text-align: center;
	background-color: #F5F5F5;


}







.HeaderSlider {

	width: 840px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	height: 350px;

	padding: 0px;

	clear: both;

}



.HeadIntro {



	width: 860px;



	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;



	font-size: 18px;



	line-height: normal;



	color: #666;



	margin-top: 10px;



	margin-right: auto;



	margin-bottom: 5px;



	margin-left: auto;



	padding-top: 20px;



	padding-right: 0px;



	padding-bottom: 10px;



	padding-left: 0px;



	clear: both;



}



.PhotoBox {
	width: 380px;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #666;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-top-style: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}



.Logo {
	width: 320px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-top-style: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #333;


}



















.FormSubmission {



	width: 810px;



	float: none;



	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;



	font-size: 20px;



	color: #666;



	margin-top: 30px;



	margin-right: auto;



	margin-bottom: 30px;



	margin-left: auto;



	padding-top: 40px;



	padding-right: 0px;



	padding-bottom: 40px;



	padding-left: 0px;



	line-height: 30px;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #CCC;



	text-align: center;



}



.HeaderBlurp {

	width: 840px;

	float: none;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 18px;

	color: #666;

	margin-top: 30px;

	margin-right: auto;

	margin-bottom: 30px;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

	height: 130px;

	line-height: normal;

	vertical-align: middle;



}







.FooterText {
	width: 800px;
	float: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #666;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-decoration: none;

}



.FooterService {
	width: 800px;
	float: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #999;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
}

.HeaderID {
	width: 800px;
	float: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	color: #FFF;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
}









.TopMenu {
	width: 800px;
	float: none;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: inline;
	height: 80px;
}































.content ul, .content ol { 



	padding: 0 15px 15px 40px; 



}











ul.nav {
	list-style: none;
	border-top: 1px solid #666;
	margin-bottom: 15px;
	background-color: #FFF;
	display: inline;


}



ul.nav li {
	border-bottom: 1px solid #666;
	display: inline;


}



ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: inline;
	width: 160px;
	text-decoration: none;
	background-color: #666666;

}



ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #FFF;
	display: inline;
	background-color: #333333;

}




#navmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#navmenu li {
	display: inline;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#navmenu ul li a {
	text-decoration:none;
	margin: 4px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	background-color: #aca39b;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#navmenu ul li a:hover,
#navmenu ul li.selected a {
	color: #333;
	background-color: #FFF;
}


/* ~~ miscellaneous float/clear classes ~~ */



.fltrt { 



	float: right;



	margin-left: 8px;



}



.fltlft { 



	float: left;



	margin-right: 8px;



}



.clearfloat { 



	clear:both;



	height:0;



	font-size: 1px;



	line-height: 0px;



}



body {
	background-color: #d7cec6;
	background-attachment: fixed;
	background-image: url(/wp-content/themes/groovanesia/img/tembokcat.jpg);
	background-repeat: repeat;
	background-position: center top;

}







</style>