/*
Theme Name: Notre Dame
Description: Private Use Only
Version: 1.0
Author: Dustin Ward	
Author URI: http://www.dustinward.com
Tags: School

*/

@import url(reset.css);

body {
	background-color:#97b6c1;
}
body,th,td {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.kotak_luar {
	margin-left: auto;
	margin-right: auto;
	width: 797px;
	background:#fff url(images/bg.jpg) repeat-y; 
}
#header {
	margin-left:-65px;
}
#menu_atas {
	background:#003977 url(images/menu.jpg) repeat-x top;
	line-height:37px;
	width:797px;
	
}
.nav_u_h {
	width:797px;
	height:52px;
	background:url(images/u_mt.jpg) no-repeat;
	
}
.sbox {
	float:right;
	width:189px;
	height:32px;
	background-color:#f1d44c;
	border-top:#FFF 1px solid;
	line-height:32px;
}
	.i_i { padding-left:5px; padding-top:6px; }
	.i_s { position:absolute; margin-top:5px; padding:2px; border:none; margin-left:4px; }

#sidebar {
	width:220px;
	background-color:#b4b3ae;
	border:#FFF 2px solid;
	border-top:none;
	border-bottom:none;
	float:left;
}
	#sidebar h2 {
		display:block;
		line-height:20px;
		font-size:16px;
		font-weight:bold;
		padding:4px 0px 4px 0px;
		margin-bottom:8px;
		border:#FFF 2px solid;
		border-left:none;
		border-right:none;
	text-indent:15px;
	}
	#sidebar li ul h2 {
		margin-left:-15px;
	text-indent:15px;
	}
	#sidebar li {
		display:block;
		line-height:14px;
		padding:0px 0px 4px 0px;
	}
	#sidebar li a {
		color:#003776;
	}	
	#sidebar li ul {
		padding-left:15px;
	}
	#sidebar li a:hover {
		color:#000;
		text-decoration:underline;
	}	

#main {
border-top:#fff 2px solid;
	float:right;
	margin-right: 2px;
}
	#main h1 {
		display:block;
		font-size:16px;
		font-weight:bold;
		padding:0px 0px 4px 0px;
		margin-bottom:8px;
margin-top:-4px;
	}
	#main h2 {
		font-size:14px;
		font-weight:bold;
		padding-bottom:4px;
	}
	#main a {
		color:#003776;
		text-decoration:none;
	}
	#main a:hover {
		color:#000;
		text-decoration:underline;
	}
	#main a:visited {
		color:#6393A0;
	}



#main p {
		padding-top:0px;
padding-bottom:15px;
	}

.post-entry {		
 padding-top:5px;
 padding-bottom:5px;
 line-height:18px;

}

.post-entry img {
border:#FFF 4px solid;
}
.post-entry ul {
padding:10px;
padding-left:20px;
margin:10px;
}
.post-entry li {
padding-left:10px;
list-style: disc outside;
}
.post-entry ol {
padding:10px;
padding-left:20px;
margin:10px;
}
.post-entry ol li {
list-style: decimal outside;   
}

#inside {
	width:541px;
	float:left;
	background-color:#fff;
	padding:10px;
}
#inside_home {
	width:362px;
	float:left;
	background-color:#b9ced5;
	padding:10px;
position:relative;
}
#sidebar_r {
	float:right;
	width:187px;
	background-color:#FFF;
padding-left:2px;
border-top:none;
left:0px;
}
	#sidebar_r h2 {
		display:block;
		line-height:20px;
		font-size:16px;
		font-weight:bold;
		padding:4px 0px 4px 0px;
		margin-bottom:8px;
		border:#FFF 2px solid;
		border-left:none;
		border-right:none;
padding-left:15px;
padding-right:15px;border-top:none;
	}

	#sidebar_r li {
		display:block;
		line-height:14px;
		padding:0px 0px 4px 0px;

	}
	#sidebar_r li ul {
		padding-right:15px;
	}
	#sidebar_r li ul a {
		padding-left:0px;

	}	
	#sidebar_r li a {
		color:#333;
		padding-left:15px;

	}	

#menu_bawah {
	background:#e6cf53 url(images/menu_b.jpg) repeat-x;
	height:29px;
	line-height:29px;
	width:793px;
	border:#FFF 2px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
	#menu_bawah a {
		display:block; 
		color:#333; 
		text-decoration:none; 
		height:29px;
		line-height:29px;
		padding:0px 8px 0px 15px;
	}
	#menu_bawah a:hover {background:#769FAD; color:#fff;}
	#menu_bawah li {float:left; position:relative;}
		
#footer {
	height:58px;
	width:797px;
	background:#043e7a url(images/bg_foot.jpg) no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	border-bottom:#fff 2px solid;
	margin-bottom:20px;
	color:#FFF;
	padding-top:20px;
}

#dropmenu, #dropmenu ul {
	margin-bottom:-5px; 
	padding-right:0px; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	z-index:300; 
	width:100%;background:#003776; }
	#dropmenu a {		
		display:block; 
		color:#f4ecb9;
		font-weight:bold;
		text-decoration:none; 
		line-height:37px;
		padding:0px 17px 0px 8px;
	}
	#dropmenu a:hover {background:#769FAD; color:#fff;}
	#dropmenu li {float:left; position:relative;}
	#dropmenu ul {position:absolute; display:none; width:auto; left:-1px; background-color: #003776;}

	#dropmenu ul a {background:#003776; }
	#dropmenu ul a:hover {background:#769FAD; }

	#dropmenu li ul {width:auto;}
	#dropmenu li ul a { 
		width:170px;  
		height:27px;
		line-height:27px; float:left;}
	#dropmenu ul ul {top:auto;}
	#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
	#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
	#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/*
.page_item a {
background:#003776;
}

.page_item a:hover {
background:#769FAD;
}

.current_page_item a {
background:#769FAD; 
}
*/
.eventifywidget {
	background-color:#ecd44b;
}
.eventifywidget h2 {
	border-top:none;
}
.eventifywidget ul {
}

.eventifywidget ul li {
margin-top:8px;
}

#events-list {
	background-color:#ecd44b;
}
#events-list h2 {
	border-top:none;
}
#events-list ul {
	margin-left:15px;
}

#todays-events {
	background-color:#ecd44b;
}
#todays-events h2 {
	border-top:none;
}
#todays-events ul {
	margin-left:15px;
}
#upcoming-events ul {
	margin-left:15px;
}
#upcoming-events {
	background-color:#ecd44b;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}