/**
 * Design-Pawer theme
 */ 

* {
  margin:0; 
  padding:0; 
}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { 
  border:0; 
}

body { 
  padding: 0; 
  background: #202020; 
  font: 0.8em/1.5 "arial",sans-serif; 
  color: #BBBBBB; 
  text-align: center; 
}

a {color:#a0cc49;text-decoration: none;border-bottom: 1px dotted #a0cc49;}
a:link {color:#a0cc49;}
a:hover {color:#a0cc49; border-bottom:none;}

h1, h2, h3, h4, h5, h6 { 
  margin:15px 0 7px 0; 
}
h1 { font-size:200%; }
h2 { font-size:170%; font-weight: normal;}
h3 { font-size:105%; border-bottom: 1px solid #ddd;}
h4 { font-size:120%; }
h5 { font-size:100%; }

#layout { 
  width:960px; 
  margin:0 auto; 
  text-align:left; 
}

/* --------------------- LAYOUT ---------------------------*/
#header { 
  position:relative; 
  background: #202020;  
  top: 0px;
}

#navigation{
  position: relative;        
  height: 270px;
  width: 960px;        
  text-align: right;
  font-size: 95%;
  padding: 0;
  margin: 0;
  background: url(images/navigation-bg.png) 0 0 no-repeat;
}

#navigation ul{
  float: left;
  width: 900px;
  padding-left: 0px;
  display: block;                
  line-height: 37px;
  margin-top: 6px;
  margin-left: 15px; 
  margin-right: 30px;
  margin-bottom: 0px;    
  list-style-type: none;
  list-style-image: none;     
}

#navigation ul li{
  padding-left: 0px;
  padding-right: 0px;
}

#navigation li a {
  color: #cacaca;
  padding: 0px 0px;
  padding-left: 40px;       
  float: left;         
  text-decoration: none;
  background: transparent url(images/menu-left.png) left center no-repeat;
  height: 37px;       
  font-weight: bold;
  font-size: 14px;     
  border-bottom:none;  
  margin-right: 20px; 
}

#navigation li a span{
  background: transparent url(images/menu-right.png) right center no-repeat;
  display: block;
  float: left;
  height: 37px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  margin-top: -7px;
}

#navigation a:hover {
  color: #fff;
  background: transparent url(images/menu-left-hover.png) left center no-repeat;
}

#navigation li a:hover span{
  background: transparent url(images/menu-right-hover.png) right center no-repeat;
}

#navigation a.active {
  color: #a0cc49;
  background: transparent url(images/menu-left-active.png) left center no-repeat;
}

#navigation li a.active span{
  background: transparent url(images/menu-right-active.png) right center no-repeat;
}

#middle_bar {
	background: url(images/breadcrumb.png) 0 0 no-repeat;
	height: 20px;	
	display: block;
	margin-bottom: 10px;
	padding: 10px 20px;	
	width: 920px;
	padding-right: 21px;
}

.bc {
	width: 500px;
	float: left;
}

.breadcrumb {
	display: inline;
}

#block-block-1 ul{  
  float: right;
  list-style-type: none;
  list-style-image: none;  
  width: 200px;    
}

#block-block-1 li{
	display: inline;
	float: right;
	padding-left: 10px;	
}

#block-block-1 li a{
	border: none;
}

.contents {
  float: left; 
  padding: 12px 0 12px 0px;
  width:960px;
  z-index: 10;
}

.messages {
  margin: 10px 20px;
  padding: 10px;
}

.status {
  border: 1px solid #bbbbbb;
  background: #555555;
}

div.error, tr.error{
	padding: 10px;
}

#main {
  position: relative;  
  background: #363636 url(images/main-top.png) 0 0px no-repeat;                
  width:960px;
  min-height: 400px;  
  margin-bottom: 0px;
  padding-top: 10px;
}

.mainpage{      
  padding: 20px;
  padding-top: 0;  
  margin-bottom: 20px;
  min-height: 400px;
  position: relative;      
  border-left: 1px solid #4F4F4F;  
  border-right: 1px solid #4F4F4F;
}

#footer {
  background: #303030 url(images/footer.png) 0 0 no-repeat;
  color: #b1b1b1;
  clear:both;
  height: 160px;        
  position: relative;   
  width: 961px;  
  margin: auto;
  margin-top: -40px;
}

#footer a{
  color: #a0cc49;
}

#footer-inside {
  width:746px;
  height: 30px; 
  margin:0 auto; 
  text-align: center; 
  padding-top: 116px;
  
}

#footer-inside p {
  margin-top: 0;
  margin-bottom: 0;
}

#copyright {
  float: left; 
  width: 300px;
}

#access_denied {
  margin: 100px auto;
  padding: 70px;
  border: 1px solid #ee554a;
  background: #ee9b97;
  color: #202020;
  font-size:200%;
  width: 300px;
}


/*//////////////////////////////////////////////*/
/*--------------- PORTOFOLIO -------------------*/
/*//////////////////////////////////////////////*/

.portofolio {
	margin-right: 50px;
}

.portofolio ul{
  padding-right:0px;  
  margin-right:0px;
  margin-top:0px;
  padding-top:1px;
  margin-left: 0;
  width:100%;
}

.portofolio ul li{
  list-style: none;
  margin-bottom: 0;
  width: 100%;
}
.portofolio ul li h2{
  background: url(images/libg.gif) no-repeat left center;
  padding-left: 20px;
  padding-top: 4px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  font-size:98%;
  font-weight: bold;
}

.portofolio ul li a img{
	border: 5px solid #555;  
}

.portofolio ul li a:hover img{
	border: 5px solid #888;  
}

.portofolio p{
  padding-left: 20px;
  padding-bottom: 0;
  font-size:100%;
}
.portofolio a{	
	text-decoration: none;
	border: none;
}

.portofolio .site{
	background: url(images/bullet_picture.png) no-repeat left top;
	padding-left: 15px;
	font-weight: bold;
}

.portofolio .site a{
	margin-left: 10px;	
	margin-right: 10px;
	border-bottom: 1px dotted #a0cc49;
	text-decoration: none;
}

.portofolio .site a:hover{
	border-bottom: none;
}

.portofolio .description{

	background: url(images/bullet_star.png) no-repeat left top;
	padding-left: 25px;
}

/*//////////////////////////////////////////////*/
/*--------------- LINK ------------------------*/
/*//////////////////////////////////////////////*/
.link li{
	list-style: none;
	margin-bottom: 0;
	width: 100%;

	border-bottom: 1px dotted #454545;
	line-height: 1.4em;
	padding: 3px 0px;
}

.link li:hover{
  list-style: none;
  margin-bottom: 0;
}

.link ul{    
  padding-right:0px;  
  margin-right:0px;
  margin-top:20px;
  padding-top:1px;
}

.link ul li a{
  color: #BBBBBB;
  border:none;
  display:block;
  width: 96%;
  line-height: 2em;
  padding-left: 20px;
  text-decoration:none;
  background:url(images/bullet_link.png) no-repeat -3px 5px;
}

.link ul li a:hover{
  background:url(images/bullet_link_hover.png) no-repeat -3px 5px;
  color: #A0CC49;
}

html>body .link ul li a{
  color: #BBBBBB;
  border:none;
  display:block;
  width: 95.5%;
  line-height: 2em;
  padding-left: 20px;
  text-decoration:none;
  background:url(images/bullet_link.png) no-repeat -3px 5px;
}

html>body .link ul li a:hover{
  background:url(images/bullet_link_hover.png) no-repeat -3px 5px;
}

.link li a:hover{
	color: #A0CC49;
}


p { margin:15px 0; line-height: 24px; font-size: 95%}

.contents p {color: #fff; margin-top: 10px;}


table { 
  background: transparent;
  margin:15px 0; 
  border: 1px solid #cdcdcd; 
  border-collapse:collapse; 
  border-spacing:0; 
  font-size:100%; 
  width: 100%;
}
th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;background: transparent;}
th, td { padding:4px 6px; border: 1px solid #cdcdcd;background: transparent;}
tr.table-top {background: transparent/*#e5e5e5*/; font-weight: bold;}
tr.odd, tr.even {background: transparent; }
td.active{background-color: #444444;}

ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#ddd; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.light {padding: 4px 5px; background: #ac0001; text-decoration: none;} .light:hover {color: #fff;}

div.admin-dependencies, div.admin-required {
  font-size: 0.9em;
  color: #BBBBBB;
}