/*********************************************
*	Theme name: 880 - Ecole Ballet and Dance Theatre
*	Author: www.psdtohtmlcss.com
*	Date: June 29, 2010
*********************************************/


/* Misc */
/* ----------------------------------------- */

h1 {
	color:				#63619A;
	font-size:			24px;
	font-weight:		normal;
	margin-top:			10px;
}


/* Wrap */
/* ----------------------------------------- */

#wrap {
	background:			#F9F9FC;
	border-left:		3px solid #414146;
	border-right:		3px solid #414146;
	border-bottom:		3px solid #414146;	
	margin:				0 auto;	
	width:				850px;	
}	


/* Header */
/* ----------------------------------------- */

#header {
	background:			url(../images/bg-header.jpg) repeat-x scroll 0 0;
	height:				80px;
	position:			relative;
}

#logo {
	height:				80px;
	left:				0;
	position:			absolute;
	top:				0;
	width:				322px;	
}

#logo a:active,
#logo a:link,
#logo a:visited {
	background:			url(../images/logo.jpg) no-repeat;
	display:			block;
	height:				80px;
	text-indent:		-1000px;
	width:				322px;	
}

/* Slider */
/* ----------------------------------------- */

#slider {
	height:				148px;
}

#slider li {
	display:			inline;
	float:				left;
}

#slider img {
	
}

/* Top Nav */
/* ----------------------------------------- */

#topnav {
	background:			url(../images/bg-nav.jpg) repeat-x scroll 0 0;
	height:				30px;
}


/* Content Body */
/* ----------------------------------------- */

#content-body {
	padding:			20px;
}

.box-big {
	
	display:			inline;
	float:				left;		
	width:				416px;
}

.box-big .content {
	background:			url("../images/box_big_top.jpg") no-repeat scroll left top transparent;	
	padding:			15px 20px 20px;
}

.box-big h1 {
	margin:				0 0 10px 0;	
}

.box-small {
	background:			url("../images/box_small_bottom.jpg") no-repeat scroll left bottom transparent;
	display:			inline;
	float:				right;
	width:				346px;
}

.box-small .content {
	background:			url("../images/box_small_top.jpg") no-repeat scroll left top transparent;	
	color:				#63619A;	
	font-size:			16px;	
	padding:			15px 20px 20px;	
}

.box-small h1 {		
	margin:				0 0 10px 0;	
}

.newsfeed {
	float:				left;
	width:				100%;
}

.newsfeed li {
	border-bottom:		1px solid #685f94;
	display:			inline;
	float: 				left;
	padding:			11px 0 0 0;
}

.newsfeed img {
	float:				left;
	margin:				0 10px 0 0;
}

.newsfeed p {
	margin:				0;
}

.newsfeed .news-title {
	font-size:			14px;
}

.newsfeed .news-title a:active,
.newsfeed .news-title a:link,
.newsfeed .news-title a:visited {
	color:				#63619A;
	text-decoration:	underline;	
}

.newsfeed .news-title .date {
	float:				right;
}

.textbox {
	border:				1px solid #56517a;
	height:				15px;
	margin-bottom:		5px;
	padding:			5px;
	width:				274px;
}

.button {
	background:			none;
	border:				0;
	float:				right;
	margin-right:		18px;
}

#contact p {
	margin:				0 0 5px 0;
}

/* Footer */
/* ----------------------------------------- */

#footer {	
	clear:				both;	
	padding-top:		10px;
}

#footer .menu {
	display:			inline;
	float:				left;
	list-style:			disc inside url(../images/dot.jpg);
	margin-left:		65px;
}

#footer .menu li {
	display:			inline;
	float:				left;		
}

#footer .menu li a:active,
#footer .menu li a:link,
#footer .menu li a:visited {
	background:			url(../images/dot.jpg) no-repeat scroll 100% 50%;
	font-size:			12px;
	padding:			0 10px;
}

#footer .menu li.last a {
	background:			none;
}

#copyright {
	display:			inline;
	float:				left;
	font-size:			12px;
	margin-left:		10px;
}

#developer {
	display:			inline;
	float:				right;
	font-size:			12px;
	margin-right:		10px;
}

#developer a:active,
#developer a:link,
#developer a:visited {
	background:			url(../images/mantis.jpg) no-repeat scroll 0 50%;
	padding-left:		22px;
}