@font-face {font-family: Yanone Kaffeesatz;src: url('../fonts/YanoneKaffeesatz-Regular.eot');src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');} 
@font-face {font-family: News Cycle;src: url('../fonts/NewsCycle-Regular.eot');src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');} 
main{display:block;}

body{height:100%;background-color:#FFF;}
/**header**/
header{background-color:#000;width:100%;height:10%;}
header #logo img{height:50%;margin-top:20px;margin-left:30px;float:left;}
header a{color:#FF0;margin-top:80px;}
header button{float:right;margin-top:3px;margin-right:5px;width:70px;height:30px;border:3;font-family:"Lucida Console", Monaco, monospace;border-radius:5px 5px 5px 5px;}
header button a{color:#000;}


/**sidebar**/
#sidebar_container{width:20%;background-color:#dadde1;height:90%;margin-top:10px;padding-top:10px;float:left;border-radius:10px;}
#sidebar_container h1{font-size:20px;}


ul.nav {list-style:none;font-size:12px;width:80%;float:left;}

ul.nav li{margin-left:-30px;}

ul.nav a, ul.nav a:visited {	
	font-weight:bold;
	color: #D1D1D1;
	display: block;
	text-decoration:none;
	padding:10px 10px 10px 10px; 
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
 	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  	background-image: linear-gradient(top, #eeeeee, #cccccc);
  	border: 1px solid #ccc;
  	border-bottom: 1px solid #bbb;
  	border-right: 1px solid #bbb;
  	color: #333;
  	font-family: Arial, Helvetica, sans-serif;
  }
  
 ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	font-weight:bold;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 10px 10px 15px;
	background: -moz-linear-gradient(
		top,
		#439bff 0%,
		#2b7cff 50%,
		#2b7cff 50%,
		#0062ff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#439bff),
		color-stop(0.50, #2b7cff),
		color-stop(0.50, #2b7cff),
		to(#0062ff));
	border: 1px solid #a3a3a3;
}



/**content**/
#site_content{width:79%;height:90%;background-color:#CCC;float:right;margin-top:10px;}
#site_content .content table{margin-left:100px;margin-top:30px;min-height:inherit;min-width:inherit;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}
#site_content .content .bordhead{border: 1px solid #F00;min-height:35px;max-height: 35px;	display: block;	text-decoration:none;  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;border-radius:3px;color: #333;font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 0 #eee;}
#site_content .content .bordhead p{font-size:15px;font-weight:bold;color:#333;padding: 1px 10px 100px 10px;}


/*Dashboard*/
/*Post*/
#site_content .content #view{border:groove;width:200px;background-color:#FFF;width:400px;text-align:center;}
#site_content .content #view #header{background-color:#999;}
#site_content .content #view .edit{background:url(../image/page_white_edit.png);background-repeat:no-repeat;border:none;width:30px;height:30px;}
#site_content .content #view .delete{background-image:url(../image/cross.png);background-color:#666;background-position:center;background-repeat:no-repeat;border:none;width:30px;height:30px;border-radius:50px}
#site_content .content .add{background-image:url(../image/add.png);background-repeat:no-repeat;border:1px;border-style:groove;width:55px;height:25px;background-color:#FC0;border-radius:10px;background-position:center;margin-top:5px;margin-left:80px;}
/*Edit Post*/
#site_content .content #edit{border:groove;width:200px;background-color:#FFF;width:800px;text-align:left;}
#site_content .content #edit #header{background-color:#999;}
#site_content .content #edit input{min-width:300px;}
#site_content .content #edit textarea{min-width:300px;min-height:200px;}
#site_content .content #edit button#save{background-color:#0F0;width:80px;height:40px;border-radius:10px;border:groove;}
#site_content .content #edit button#cancel{background-color:#06F;width:80px;height:40px;border-radius:10px;border:groove;}
#site_content .content #edit #copy_html{display:none;}
#site_content .content #edit #notes-preview{display:none;}
/*Add Post*/
#site_content .content #add{border:groove;width:200px;background-color:#FFF;width:800px;text-align:left;}
#site_content .content #add #header{background-color:#999;}
#site_content .content #add .save{background:url(../image/accept.png);background-repeat:no-repeat;border:none;width:30px;height:30px;}
#site_content .content #add input{min-width:300px;}
#site_content .content #add textarea{min-width:300px;min-height:200px;}
#site_content .content #add #copy_html{display:none;}
#site_content .content #add #notes-preview{display:none;}