/**
Theme Name: USJ
Theme Description: USJ
*/
html,body{
	margin:0;
	padding:0;
	font-family: 'PT Sans', sans-serif;
	background-color:#ebebeb;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	text-shadow: 0px 0px 1px rgba(0,0,0,.2);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;


}
img{
	border:none;
	border:0;
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
}

hr{
	border:0;padding:0;margin:0;border-bottom:1px solid #ccc;margin-top:10px;margin-bottom:10px;
}

.meta{
	font-size:11px;
}
.meta-updated{
	font-size:11px;
	color:#999;
	padding-top:10px;
}
.meta-title{
	color:#f6971f;
	margin:0;
}
.meta-title a{
	color:#f6971f !important;
	text-decoration:none;
}
.meta-title a:hover{
	color:#333 !important;
}
.meta-faculty{
	font-size:13px;
	color:#999;

	font-weight:bold;
}
.meta-faculty a{
	color:#999 !important;
	text-decoration:none;
}
.meta-faculty a:hover{
	color:#333 !important;
}
textarea:focus, input:focus{
    outline: 0;
}
#header{
	background-color:#f6971f;
	height:100px;
	width:100%;
	position:relative;
	z-index:1000;
}

.content_wrapper{
	width:996px;
	padding-left:8px;
	padding-right:8px;
	margin:auto;

	background-color:rgba(255,255,255,.8);

}
.wrapper{
	width:996px;
	padding-left:8px;
	padding-right:8px;
	margin:auto;
}

h2.bigger{
	font-size:20px;
	margin:0;
	padding:0;
	padding-bottom:18px;
	color:#555252;
	text-transform:uppercase;
	border-bottom:6px solid #b1afac;
	display:inline-block;
	margin-bottom:18px;
	margin-top:20px;
}

header h2{
	color:#f69820;
}
#logo{
	position:absolute;
	z-index:30;
	top:0px;
	width:150px;
	height:180px;
	background-color:#fff;
	top:0px;
}
#logo img{
	width:110px;
	padding:15px;
	padding-top:12px;
	margin-left:8px
}
#navigation{
	box-shadow: 0px 6px 10px rgba(50,50,50,.1);
	-moz-box-shadow: 0px 6px 10px rgba(50,50,50,0.1);
	-webkit-box-shadow: 0px 6px 10px rgba(50,50,50,0.1);
	background-color:#fff;
	height:80px;
	width:100%;
	position:absolute;
	z-index:999;
	font-family: 'PT Sans', sans-serif;
}

#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:5px solid #a571c3;
	height:80px;
	width:846px;
	text-align:right;
	position:absolute;
	left:50%;
	margin-left:-348px;
}

#navigation ul li{
	display:inline-block;
	padding: 30px 25px 20px 25px ;
	font-weight:300;
	font-size:15px;
	position:relative;
text-transform:uppercase;
	
	
}
#navigation li a{
	color:#999;
	display:block;
	text-decoration:none;
	
	
}
#navigation li:hover a{
	color:#a571c3;
}
#navigation li:hover{
		border-bottom:13px solid #814d9e;
		padding-bottom:-5px;
		cursor:pointer;
}

#navigation ul ul{
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
	padding:0px;
	left:0px;
	margin-top:33px;
	text-align:left;
	width:150%;
	height:inherit;
	box-shadow: 0px 2px 3px #999;
}
#navigation ul ul.sub-menu.last{
	right:0!important;
	left:inherit;
}
#navigation ul ul li{
	display:block;
	margin:0;
	padding:5px;
	border:none;
	float:none;
	border-bottom:1px solid #eee;
	font-weight:normal;
	font-size:14px;
	position:relative;
	text-transform:none !important;
}
#navigation ul ul li:hover{
	border-bottom:1px solid #eee;
	background-color:#814d9e;
}
#navigation ul ul li:hover a{
	color:#fff;
}

#navigation ul ul li.last{
	border-bottom:none;
}




#navigation ul ul ul{
	display:none;
	position:absolute;
	background-color:#fff;
	height:inherit;
	z-index:10;
	width:100%;
	margin-left:0px;

}
#navigation ul ul ul.last{
	right:0;
}
#navigation ul ul ul li{
	display:block;
	margin:0;
	padding:5px;
	border:none;
	float:none;
	border-bottom:1px solid #eee;
	font-weight:normal;
	font-size:14px;
	
}
#navigation ul ul ul li a{
	color:#a571c3 !important;
}
#navigation ul ul ul li:hover{
	border-bottom:1px solid #eee;
	background-color:#814d9e;
}
#navigation ul ul ul li:hover a{
	color:#fff !important;
}

#navigation ul ul ul li.last{
	border-bottom:none;
}


#navigation li .indicator{
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	color:#a571c3;
	font-weight:bold;
	font-size:14px;
}


/** #menu-item-61 is Admission button **/
#top-navigation li#menu-item-61,#menu-item-1615 {
    background-color: rgba(165, 113, 195, 1);
    border-radius: 5px;
}
#top-navigation li#menu-item-61 a:hover {
    color: #f6f6f6;
}
#top-navigation li#menu-item-1615 a:hover {
    color: #f6f6f6;
}
#top-navigation li#menu-item-61,#menu-item-1615 > a {
    padding: 0 10px 0 10px;
}

#top-navigation{
	float:right;
	margin-top:32px;
	margin-right:20px;
}
#top-navigation ul{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	font-size:15px;
	height:35px;
	border-right:1px solid #f1f3f2;
	padding-right:15px;
}
#top-navigation li{
	float:left;
	margin-left:15px;
	font-weight:bold;
	line-height:35px;
}
#top-navigation li a{
	color:#fff;
	text-decoration:none;
}
#top-navigation li a:hover{
	color:#621a4b;
}



#search{
	background-color:#fff;
	float:right;
	margin-top:32px;
	width:250px;
	padding:0;
}

#search input[type=text]{
	font-size:12px;
	color:#999;
	border:none;
	background:none;
	text-indent:10px;
	padding:10px;
	width:190px;
	margin:0;
}
#search input[type=submit]{
	float:right;
	border:none;
	background:none;
	text-indent:-999px;
	font-size:0px; line-height:0;
	width:35px;
	height:35px;
	cursor:pointer;
	background-color:#fff;
	background-image:url(../img/search-icon.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#search input[type=submit]:hover{
	opacity:.5;
	filter:alpha(opacity=50);
}
#homepage{
	width:100%;
	padding-top:0px;

	margin-top:40px;
	
}
#body{
	width:100%;
	padding-top:0px;
	vertical-align:top;
	
}


#sidebar{
	width:268px;
	display:inline-block;
	margin-top:108px;
	margin-left:5px;
	border-left:2px dotted #ccc;
	padding-left:5px;

}



#content{
	width:685px;
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	color:#666;
	margin-top:20px;
	margin-left:25px;
	
}
#content img{
	display:inherit!important;

}
#content table{
	border:none;
	border-spacing: 2px;
}
#content table td{
	background-color:#ddd;
	border:none;
	padding:5px;
	vertical-align:middle;
}
#content table th{
	background-color:#f6971f;
	color:#fff;
	border:none;
	padding:5px;
	vertical-align:middle;
}
#content.nomargin{
	width:710px;
	margin-left:0;
}
#content a{
	color:#333;
}
#content p{
	margin-top:0;
}

#content .alignright{
	float:right;
	margin-left:10px;
	margin-right:10px;
}


.plus{
	position:absolute;
	width:24px;
	height:24px;
	color:#fff;
	background-color:#b378d2;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	z-index:10;
}

.plus:hover{
	background-color:#9072a4;
	cursor:pointer;
}




#news_box{
	width:100%;
	font-size: 0;
	background-color:#fff;
	display:table;

}
#news_box .title{
	text-decoration: none;
	width:300px;
	background-color:#9072a4;
	border-right:5px solid #bebac1;
	display: table-cell;
	vertical-align: middle;
}
#news_box .title h2{
	font-weight:normal;
	font-size:34px;
	color:#fff;
	text-align:center;
	line-height:34px;
}
#news_box .container h1{
	font-size:24px;
	line-height:30px;
}
#news_box .container h1 a{
	text-decoration:none;
	color:#333;
}
#news_box .container h1 a:hover{
	color:#b378d2;
}
#news_box .container{
	background-color:#fff;
	display:inline-block;
	vertical-align:top;
	width:100%;
}
#news_box p{
	font-size:14px;
	color:#999;
	margin:0;
}
#news_box .constrain{
	padding:20px;
}

#news_box .container h3{
	color:#484848;
	padding:0;
}
#news_box .container h3 a{
	color:#484848;
	padding:0;
}
#news_box .container h3 a:hover{
	color:#b378d2
}
#news_box .foot-line{
	clear:both;
	background-color:#b9a9c6;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:right;
	padding:0;
}
#news_box .foot-line a{
	color:#fff;
	font-size:12px;
	margin-right:10px;
	font-weight:bold;
	text-decoration:none;
}
#news_box .foot-line a:hover{
	color:#333
}



#double_news_box{
	width:100%;
	margin-top:15px;
	display:table;
	font-size: 0;
}
#double_news_box .box{
	
	display:table-cell;
}
#double_news_box .box.space{
	width:30px;
}
#double_news_box .box.left{
	background-color:#fff;
	margin-right:10px !important;
	
}
#double_news_box .box.right{
	background-color:#fff;
	margin-left:10px;
}

#double_news_box h1{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}
#double_news_box h1 a{
	color:#333;
	text-decoration:none;
}
#double_news_box h1 a:hover{
	color:#a571c3
}
#double_news_box .constrain{
	padding: 10px 30px 0px 30px;
}
#double_news_box p{
	font-size:14px;
	text-align:left;
	color:#999;
	line-height:24px;
}
#double_news_box p a{
	color:#999;
	font-size:12px;
	margin-left:10px;
	font-weight:bold;
	text-decoration:none;
}
#double_news_box p a:hover{
	color:#a571c3
}
#double_news_box .image-style{
	background-image:url(../img/img-style2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:480px;
	height:50px;
}
#double_news_box .news-image{
	background-color:#eee;
	width:100%;
	height:200px;
}




#events_box{
	width:100%;
	margin-bottom:15px;
	font-size:0;
	display:table;
}

#events_box .title{
text-decoration: none;
	width:300px;
	background-color:#9072a4;
	margin:0;
	padding:0;
	border-left:5px solid #bebac1;
	display:table-cell;
	vertical-align:middle;
}
#events_box .title h2{
	font-weight:normal;
	font-size:34px;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0;
	line-height:34px

}

#events_box .container{
	background-color:#fff;
	display:table-cell;
	width:320px;
}

#events_box .events-image{
	width:320px;
	height:150px;

}
#events_box .image-style{
	background-image:url(../img/img-style.png);
	background-repeat:no-repeat;
	position:absolute;
	width:320px;
	height:27px;
}
#events_box .container h1{
	font-size:16px;
	line-height:20px;
	text-align:center;
	
}
#events_box .container h1 a{
	text-decoration:none;
	color:#333;
	
}
#events_box .container h1 a:hover{
	color:#b378d2;
}
#events_box .container p{
	font-size:13px;

	padding:10px;
	color:#999;
	
}
#events_box .container .constrain{
	padding:5px;
	
}
#events_box .container h3{
	color:#484848;

}
#events_box .container h3 a{
	color:#484848
}
#events_box .container h3 a:hover{
	color:#b378d2
}




#double_events_box{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
#double_events_box .box{
	width:480px;
	height:300px;
	background-color:#fff;
	display:inline-block;
}

#double_events_box .box.left{
	float:left;
}
#double_events_box .box.right{
	float:right;
}





li.current_page_item{
	font-weight:bold;
}
li.current_page_item li{
	font-weight:normal;
}






#footer{
	width:100%;
	background-color:#fff;
	font-size:14px;
	color:#999;
	padding-bottom:40px;
	padding-top:40px;

}
.footer-wrapper{
	display:table;
}


#footer h3{
	font-size:16px;
	font-weight:normal;
	color:#9072a4;
}




#copyright{
	background-color:#c6c8c9;
	width:100%;
	height:48px;
	color:#fff;
	line-height:48px;
	font-size:13px;
}
#copyright a{
	color:#fff;
}
#footer-pad{
	background-color:#ebebeb;
	height:100px;
	width:100%;
}
#copyright .notice{
	float:left;
}
#copyright #back-to-top{
	float:right;
	margin-left:30px;
}
#copyright #back-to-top img{
	display:block;
	margin:5px;
}
#copyright #back-to-top img:hover{
	opacity:.7;
	filter:alpha(opacity=70);
}
#copyright ul.social{
	float:right;
	margin:8px;
	margin-right:0;
}
#copyright ul.social li{
	margin-left:3px!important;
}


ul.social{
	list-style:none;
	
	margin:0;
}
ul.social li{
	display:inline-block;
	width:32px;
	height:32px;
	background-color:#9e9e9e;
	border-radius:16px;
	overflow:hidden;

}
ul.social li img{
	width:24px;
	height:24px;
	padding:4px;
	display:block;
}
ul.social li:hover{
	background-color:#a389b4;
	cursor:pointer;
}



.shadow{
	box-shadow: 0px 0px 2px #999;
}
.hide{
	display:none;
}



.img-list{
	display:table;
	clear:both;
	margin-bottom:10px;
}
.img-list-image{
	display:table-cell;
	vertical-align:top;
	padding-right:10px;
}
.img-list-body{
	vertical-align:top;
	display:table-cell;
	font-size:12px
}
.img-list-body h4{
	font-size:16px;
	font-weight:normal;
}
.img-list-body a{
	text-decoration:none;
}
.img-list-body a:hover{
	color:#000;
}

#mosaic{
	width:100%;
	display:block;
	font-size:0;
}
#mosaic img{
	display:block;
	
}
#mosaic img:hover{
	opacity:.8;
	filter:alpha(opacity=80);
}
#mosaic .tile{

	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-top:20px;
	height:248px;
	overflow:hidden;
}
#mosaic .tile.left img{
	float:left;

}
#mosaic .tile.right img{
	float:right;

}
#mosaic .tile.right{
	width:48%;
	float:right;
}
#mosaic .tile.left{
	width:48%;

}
.mosaic-header{
	display:table;
	width:100%
}
.mosaic-header .mosaic-details{
	padding:10px;
	
	padding-top:0;
}
.mosaic-header .mosaic-details h2{

}
.mosaic-details .divider{
	font-size:13px;
	margin-right:20px;
}
.mosaic-header h2{
	display:block;
	clear:both;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;

	display:table-cell;
	line-height:16px;
	vertical-align:middle;
	padding-top:5px;
}
.mosaic-header h2 a{
	text-decoration:none;
	color:#666;
}
.mosaic-header h2 a:hover{
	color:#814d9e;
}
.mosaic-date{
	width:50px;
	display:table-cell;
	height:30px;
	vertical-align:top;

}
.mosaic-date .mosaic-date-inner{
	background-color:#ff9a0c;
	width:100%;

	vertical-align:middle;
}
.mosaic-date h4{
	text-align:center;
	margin:0;
	padding:0;
	font-size:20px;
	color:#fff;
	line-height:18px;
	padding-top:5px;
}
.mosaic-date h5{
	text-align:center;
	margin:0;
	padding:0;
	font-size:13px;
	color:#fff;
	font-weight:normal;
	line-height:13px;
	padding-bottom:5px;
}

#mosaic p{
	font-size:12px;
	color:#999;
	clear:both;
	display:block;
	width:100%
	
}
#mosaic .mosaic-img{
	position:relative;
	display:table-cell;
}
#mosaic .mosaic-type{
	position:absolute;
	background-color:#814d9e;
	color:#fff;
	z-index:10;
	font-size:13px;
	right:0;
	bottom:0;
	width:80px;
	text-align:center;
	padding:3px;
	text-transform:uppercase;
}



#list .list-item{
	display:block;
	margin-bottom:10px;
}

#list .thumb{
	display:inline-block;
	width:210px;
	vertical-align:top;
}
#list .abstract{
	width:400px;
	display:inline-block;
	vertical-align:top;
}
#list .abstract.full-width{
	width:100%;
}
#list h2{
	font-size:15px;
	color:#555252;
	margin:0;
	padding:0;
	
}
#list h2 a{
	color:#005581;
	text-decoration:none;
}
#list h2 a:hover{
	color:#f6971f;
	text-decoration:none;
}
#list h4{
	margin:0;
	padding:0;
	color:#555252;
	font-size:12px;
	font-weight:300;
}
#list h4 span{
	color:#f6971f;

	font-size:12px;
}
#list p{
	font-size:12px;
}
#list .download{
	color:#f6971f;
	font-weight:bold;
}
#list hr{
	border:0;
	border-bottom: 1px solid #ccc;
}



#modal{
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	background-color:rgba(0,0,0,.9);
	top:0;
	left:0;
	
}
#modal iframe{
	left:50%;
	top:50%;
	margin-left:-498px;
	margin-top:-280px;
	position:absolute;
	z-index:10001;
	border:3px solid #f4a94e;
}

#modal-control{
	background-color:#f4a94e;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	width:80px;
	margin-left:-40px;
	left:50%;
	bottom:0;
	height:30px;
	line-height:30px;
	text-align:center;
}
#modal-control:hover{
	background-color:#000;
}
#modal-control a{
	color:#fff;
	text-decoration:none;
}




/* PAGER */


.pager{
	clear:both;

	height:32px;
	margin-top:20px;
	margin-bottom:20px;
}
.pager-total{
	float:left;
	border-left:5px solid #f6971f;
	padding-left:10px;
	color:#999;
	text-transform:uppercase;
	line-height:32px;
}
.pager-nav{
	float:right;
	text-align:center;
}
.pager-nav a{
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	background-color:#eee;
	border:1px solid #ddd;
	float:left;
	margin:3px;
	text-decoration:none;
	color:#999!important;
	font-weight:bold;
}
.pager-nav a:hover{
	background-color:#ccc;
}
.pager-nav a.active{
	background-color:#999;
	color:#fff!important;
}
.pager-nav a.active:hover{
	background-color:#777;

}
.pager-link{
	width:36px !important;
}



/* ADMIN */

.editlink{
	text-align:center;
	border-top:1px solid #ccc;
	padding-top:10px;
}
.editlink a{
	text-decoration:none;
	color:#999!important;
}
.editlink a:hover{
	text-decoration:underline;
	color:#f6971f!important;
}



/* SITEMAP */

#ss_pages h2{
	display:none;
}
#ss_pages a{
	text-decoration:none;
}
#ss_pages a:hover{
	color:#f4a94a;
	font-weight:bold;
}
#ss_pages ul{
	margin:0;
	padding:0;
	margin-bottom:10px;
	list-style:none;
}
#ss_pages ul ul{
	padding-left:10px;
	margin-top:5px;
}
#ss_pages li{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	padding-left:15px;
	background-image:url(../img/arrow2.png);
	background-repeat:no-repeat;
	background-position:0 8px;
}
#ss_pages li li{

	font-weight:normal;
	text-transform:none;
}
#ss_pages li li li{

}

#loading{
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999;
	display:none;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.5);
}
#loading img{
	position:fixed;
	top:50%;
	margin-top:-16px;
	left:50%;
	margin-left:-16px;
	z-index:10000000;

}

#tabs{
}
.tab-menu{
	
	list-style:none;
	margin:0;
	padding:0;
	
}
.tab-menu li{
	margin:0;
	padding:0;
	display:inline-block;
	
}
.tab-menu li.active{
	background-color:#fff;
	color:#fff;
}
.tab-menu li a{
	padding:10px;
	display:block;
	border:1px solid #ccc;
	border-bottom:none;
	text-decoration:none;
}
.content-tab{
	border:1px solid #ccc;
	padding:15px;
	min-height:200px;
	display:none;
	margin-top:-1px;
	background-color:#fff;
}
.content-tab h3{
	text-transform:uppercase;
	font-size:16px;
}
.content-tab a{
	text-decoration:none;
}
.content-tab a:hover{
	text-decoration:underline;
}


#calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip {
	right:inherit!important;
	top:inherit!important;
}
