/* @override http://localhost/admastudio/active/lunabyrd2/public/stylesheets/basic.css */

/* @override http://localhost/admastudio/active/lunabyrd2/public/stylesheets/basic.css */

body {
	background-color: #ecf1ff;
	font-family: helvetica;
}

.wrapper{
	background-color: #B1BAD4;
	width: 820px;
	margin: auto;
}

.sub_header {
	padding:15px 0 0 0;
	height: 135px;
	float:left;
	width: 27%;
	border-bottom:2px solid #8B836A;
	border-right:2px solid #8B836A; 
}

.sub_header h1 {
	padding: 10px 0 0 10px;
	font-family: georgia,serif;
	font-size: 35px;
	word-spacing: -3.4pt;
	line-height: 0.9;
	color: #8B836A;
}

.sub_header h2 {
	text-align: right;
	font-family: georgia,serif;
	padding: 10px 25px;
	color: #FFF;
}

.sub_header p {
	font-family: georgia,serif;
font-size: 11px;
letter-spacing: 2pt;
word-spacing: -3.4pt;
line-height: 0.8;
color: #fff;
padding-top: 35px;
text-align:center;

}

.header {
	padding:15px 10px 0 0;
	text-align:right;
	height: 135px;
	float:left;
	margin-left: 1%;
	width: 70.5%;	
	border-bottom:2px solid #8B836A;
	background-image:url('../images/flower.jpg');opacity:1;
	color: #fff;
}
.header h2 {
	font-size:26px;
}

.sub_content {
	clear: left;
	height: 600px;
	float:left;
	width: 27%;
	border-right:2px solid #8B836A;
	margin-top: 1%;
	border-top:2px solid #8B836A; 	
}
.sub_content p{
	padding:5px;
	color: #fff;
}

.sub_content ul{
	padding:30px 10px;
	cursor:pointer;
}
.sub_content ul li{
	cursor:pointer;
	border:1px #ccc solid;
	background-color:#d7e7ed;
}

.sub_content ul li.selected{
	background-color:#8B836A;
	cursor:pointer;
}

.sub_content ul li:hover{
	background-color:#8B836A;
	cursor:pointer;
	
}
.sub_content ul li:hover a{
	color:#fff;
	padding:10px;
	cursor:pointer;
}

.sub_content ul li.selected a{
	color:#fff;
	padding:0 70px 0 10px;
	cursor:pointer;
}


.sub_content ul li a{
	padding:0 70px 0 20px;
	line-height: 1.7;
	text-decoration: none;
	color:#8B836A;
	cursor:pointer;
}


.content {
	line-height: 1.4;
	word-spacing: 2.4pt;
	float:left;
	margin-left: 1%;
	width: 64%;	
	margin-top: 1%;
	border-top:2px solid #8B836A; 	
	border-left:2px solid #8B836A;
	height: 540px; 
	padding: 30px;
}
.content .box{
	background-color: #8B836A;
	color: #fff;
	font-size: 16px;
	padding: 15px;
}

.content .box img{
	float: right;
	margin: 10px 10px 10px 20px;
	border: 4px solid #fff;
}
.content ul {
	padding:0 0 0 30px;
	list-style-position: inside;
	list-style-type: square;
}

.content .box p{
	padding: 10px;
}

table {
	width: 40%;
	border:1px #ccc solid;
	padding:5px;
}


input {
	display:block;
	width: 200px;
	margin-bottom:15px;
}

.submit{
	margin-top: 15px;
	width: 150px;
	border:3px outset #fff;
	background-color: #B1BAD4;
	color: #fff;
	font-size: 16px; 
	cursor:pointer;
}

.submit2 {
	margin-top: 20px;
	font-family: helvetica;
}
.submit2 a{
	padding: 4px;
	text-align: right;
	width: 150px;
	border:3px outset #fff;
	background-color: #B1BAD4;
	color: #fff;
	font-size: 14px; 
	cursor:pointer;
	text-decoration: none;
}

textarea{
	display:block;
	width: 400px;
	height:100px;
}

.success {
	background-color: green;
	padding: 2px;
	border: 1px solid #FFF;
}

.error{
	color: red;
}
.content .box span a{
	color: #000;
	text-decoration: none;
	border-bottom:1px dotted #000;
}

.content .box span.selected a {
	text-decoration: none;
	border-bottom:none;
	color:#fff;
	font-weight:bold
}

.content .box a{
	color: #ecf1ff;
	text-decoration: none;
	border-bottom:1px dotted #ecf1ff;
}

.footer {
	border-top:2px solid #8B836A; 
	clear: both;
	text-align: center;
	font-size: 80%;
	color:#fff;
	padding: 15px;
}
.footer p{
	padding: 5px;
}

table.admin {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	color:#222;
	font-size: 11px;
}

table.admin tr th, table.admin tr td {
	padding:4px;
	border: 1px #ccc solid;
}

table.admin tr th {
	background-color:#F2F0C3;
}
table.admin tr td a{
	font-size: 9px;
	display: block;
}