/* :::::::::::::::::::::::::::::::::::::::::::::::::::
	
	CSS MODIFICATIONS
	* UCLA Communications *
	
:::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* ---------------------------------------------------
	ELEMENTS
--------------------------------------------------- */
body { background:#d1e8f8 url(../img/background.jpg) repeat; color:#666; font:normal 400 81.3%/1.4 "ProximaNova", Verdana, sans-serif; height:100%; }

::selection { color:#000; /* Safari */ }
::-moz-selection { color:#000; /* Firefox */ }

/*a:active { outline: none; }
#logo a:focus, #main-nav li a:focus, #secondary-nav a:focus, #footer a:focus{ outline: 2px solid #fff; }
#top-bar-content a:focus,#main-nav li ul li a:focus { outline: 2px solid #204E91; }
#main-content a:focus { outline: 2px solid #955EFC; }*/

em > a { color:#955efc !important; }
ul, ol { margin:0 0 10px; }
ul.bullet li { color:#00a5e5; line-height:1.4; }

table { border:none; border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
tr { background:#fff; }
th { background:#fff; border-bottom:none; font-weight:600; padding:0; text-align:left; }
td { padding:0; }

blockquote.g { background:none; border:none; margin:1em 0 1em 40px; padding:0; }

table img { max-width:none; } /**/
table td.s font { word-wrap:break-word; }

/* ---------------------------------------------------
	HEADER
--------------------------------------------------- */
#weather { float:left; font-weight:600; position:relative; z-index:100; width:175px; height:30px; }
#weather a { font-size:0.923em; text-decoration:none; display:block; }
#weather a:hover { color:#000; }
#weather img { display:inline; }
#weather span { display:inline; position:relative; left:2px; top:2px; }

#edu-link { position:relative; z-index:100; line-height:29px; }

#top-bar-content { min-height:30px; line-height:normal; }
#top-bar-nav { margin:0 18% 0 0; min-height:30px; overflow:auto; position:relative; }
#top-bar-nav.ea { margin:0; }
#audience-nav { height:auto; float:right; margin:0; position:relative; top:8px; }
#audience-nav li { margin:0 0 0 5px; padding:0 0 0 5px; float:left; display:inline; background:url(../img/blue-divider.gif) no-repeat left center; }
#audience-nav li a { margin:0; padding:2px 5px; color:#204E91; }
#audience-nav li a:hover { color:#000000; }
#audience-nav li a.active { margin:0; padding:2px 5px; vertical-align:middle;  }
#audience-nav li a.active:hover { color:#fff100; }
#audience-nav li:first-child { margin:0; padding:0; background:none; }
#audience-nav li.end { padding:0 0 0 5px; }
#audience-nav.right { margin:0; }

#header { background:#2c5e91 url(../img/header-bg.jpg) repeat-x top; }

#logo a { background:url(../img/sprites.png) 0px 0px no-repeat; }
#print-logo { display:none; }

#callout-nav { width:123px; height:auto; top:-31px; right:0; }
#callout-nav li { }
#callout-nav li a { width:60px; height:33px; font-size:.9em; line-height:33px; color:#204E91; border-top:2px solid #f0b400; background:url(../img/callout-nav-bkgd.jpg) repeat-x left 2px #FFF100; letter-spacing:.1em; box-shadow:0px 1px 1px #666; }
#callout-nav li a:hover { background-position:left 33px; }
#callout-nav li a.active { background-position:left -31px; border-color:#f0b400; text-shadow:1px 1px 1px #fada79; }

#mobile-buttons { display:none; }

#main-nav { position:relative; }
#main-nav li { margin:0; padding:0 0 0 5px; display:inline; background:url(../img/white-divider.gif) no-repeat left center; }
#main-nav li:first-child { background:none; margin:0; padding:0; }
#main-nav li a { color:#fff; font-weight:600; padding:5px; text-decoration:none; text-transform:uppercase; }
#main-nav li a.active { background:none; color:#FFF100; }
#main-nav li a.selected { background:#fff; color:#204e91; }

#main-nav li ul { display:none; position:absolute; top:20px; left:0px; background-color:#fff; text-align:left; height:90px; width:100%; padding:5px 0px 10px 0px; box-shadow:0 1px 1px #192650; z-index:1000; }
#main-nav li ul li { background:none; }

#main-nav li li ul.nav-column { display:block; width:200px; float:left; position:relative; top:0px; height:auto; margin:0 30px 0 10px; padding:0px; box-shadow:none; }
#main-nav li li ul.nav-column li { background:none; display:block; border-bottom:1px solid #204E91; padding:5px 5px 5px 0px; margin-left: 0px; }
#main-nav li li ul.nav-column li a { color:#204E91; font-size:0.923em; text-decoration:none; font-weight:normal; text-transform:none; margin:0px; padding:0px; }
#main-nav li li ul.nav-column li a:hover { color:#955efc; }

#main-nav .close { color:#204e91 !important; font-weight:600; font-size:.9em; position:absolute; right:10px; line-height:1.2em; text-decoration:none; padding:5px 0px 0px 0px; display:block; }
#main-nav .close:hover { color:#955efc !important; background-position:-128px -40px; }

#main-nav ul.sub-nav-active { display:block; }

#searchbox { position:absolute; right:0; top:34px; }
#searchbox form { position:relative; width:225px; height:26px; border:1px solid #1D2C57; background:#fff; }
#searchbox #searchbox-input { border:none !important; position:absolute; left:0; top:0; width:185px; font-size:12px; padding:5px 0 5px 5px; }
#searchbox #searchbox-btn { background:url("../img/search-btn.gif") no-repeat scroll 0 0 #FFFFFF; position:absolute; right:0; top:0; width:35px; height:25px; border:0; padding:0; margin:0; }
#searchbox .google-search { background:#FFF url(../img/gsa-watermark.gif) no-repeat 3px center; }
#searchbox .google-search.focus { background:#FFF; }
#searchbox .search-site { background:none; }

#subhead-logotype a, 
#subhead-logotype a:visited {color:#ffffff;text-decoration:none;}

#subhead2-logotype a, 
#subhead2-logotype a:visited {color:#ffffff;text-decoration:none;}

#subhead3-logotype a, 
#subhead3-logotype a:visited {color:#ffffff;text-decoration:none;}



/* ---------------------------------------------------
	MAIN
--------------------------------------------------- */
#secondary-nav li { color:#ffffff; }
#secondary-nav li a { display:block; }
#secondary-nav .active { color:#fff100; }

#secondary-sub-nav { margin:10px 0px 0px 20px; }
#secondary-sub-nav li { font-size:.9em; border:none;}

.flex-caption { width:27%; padding:0 2.5%; }
#caption-box { width:34%; height:128px; padding:0; }

.gallery li { height:91px; width:91px; }
.video-below-gallery { max-width:384px; padding-left:4px; }

#featured-stories { margin:0 30px 60px; position:relative; }
#featured-stories .viewport { height:auto; min-height:288px; }
#featured-stories .text { height:auto; }
#featured-stories .overview li { padding-right:76px; width:216px; }
#featured-stories .story h4 a:link { text-decoration:none; }
#featured-stories .story h4 a:hover { text-decoration:underline; }

#featured-stories-mobile { display:none; margin:0 30px 60px; position:relative; }
#featured-stories-mobile .viewport { width:100%; height:auto; min-height:288px; position:relative; }
#featured-stories-mobile .text { height:auto; }
#featured-stories-mobile .overview li { list-style:none; float:none; padding-right:76px; width:216px; word-wrap:break-word; }
#featured-stories-mobile .story h4 a:link { text-decoration:none; }
#featured-stories-mobile .story h4 a:hover { text-decoration:underline; }
#featured-stories-mobile .carousel-nav { display:none; }

#featured-stories .carousel-nav { z-index:100; }
#featured-stories .buttons { background:url(../img/sprites.png) no-repeat; height:46px; top:28%; }
#featured-stories .next { background-position:-52px -128px; right:-52px; }
#featured-stories .prev { background-position:0 -128px; left:-52px; }

#featured-stories .experiment .buttons { background:url(../img/sprites.png) no-repeat; width:25px; height:45px; top:28%; }
#featured-stories .experiment .next { background-position:-140px -129px; right:0; }
#featured-stories .experiment .prev { background-position:-112px -129px; left:0; }
#featured-stories .experiment .next:hover { background-position:-196px -129px; }
#featured-stories .experiment .prev:hover { background-position:-168px -129px; }

#supporting-content { margin: 0 30px; }

#home-events li { margin:0 0 15px; }
#home-events li a { text-decoration:none; }
#home-events li a:hover { text-decoration:underline; }

#home-news ul, #home-events ul { height:auto; min-height:380px; margin:0 0 20px; }
#home-events ul li { height:auto; }

.full-page #interior-split-page-header-full { border-bottom:1px solid #4e8db6; margin-bottom:20px; }
.full-page #interior-split-container { position:relative; z-index:-1; margin-bottom:40px; height:145px; }
.full-page #interior-split-hero-image { width:736px; margin-bottom:0; position:absolute; left:215px; }
.full-page #interior-split-hero-image-600x134 { position:relative; left:0px; margin-bottom:30px; }
.full-page .right-wide-column { margin-left: 25%; width: 75%; }

.link-column { margin:0 0 0 5%; }
.link-column:first-child { margin:0; }
.link-column h4.more-info { float:none; } /*temporary fix for Continuing Education*/

h4.more-info { display:inline-block; float:left; color:#444; background:#eee; line-height:normal; margin:30px 0 10px; padding:10px 10px 6px; clear:both; }
.more-info { clear:both; overflow:hidden; }
.more-info .link-column { width:30%; }

.left-column .link-column, 
.right-column .link-column { margin:0 0 0 5%; }
.left-column .link-column:first-child,
.right-column .link-column:first-child { margin:0; }

.section { border-bottom:0; border-top:1px solid #4e8db6; margin-bottom:0; padding-top:25px; padding-bottom:50px; }
.section:first-child { border-top:none !important; }
.section:last-child { border-top:1px solid #4e8db6; clear:both; margin-bottom:25px; padding-bottom:50px; }
h2 + .section { border:0 !important; padding-top:0; margin-bottom:0 !important; }

.link-category { border-bottom:0; border-top:1px solid #4e8db6; margin-bottom:0; overflow:hidden; padding-top:10px; padding-bottom:30px; }
.link-category:first-child { border-top:none; }
.link-category:last-child { border-top:1px solid #4e8db6; overflow:hidden; padding-bottom:30px; }
.link-category h3 { float:left; font-weight:300; width:22%; padding-right:3%; }
.link-category h3 span { display:block; font-size:0.769em; font-style:italic; line-height:1.2; }
.link-category .link-list { margin-left:25%; overflow:auto; }
h2 + .link-category { border-top:0 !important; padding-top:0; margin-bottom:0 !important; }

.right-wide-column { width:75%; margin-left:25%; overflow:auto; }
.right-wide-column .link-column { width:47%; }

.content-category { border-bottom:1px solid #4e8db6; margin-bottom:10px; overflow:hidden; padding-bottom:30px; }
.content-category:last-child { border:0; margin-bottom:0; padding-bottom:0; }
.content-category h3 { float:left; font-weight:300; padding-right:5%; width:20% }

.landing-page #header-content { padding:20px 0 5px; }

.dept-list-nav { margin:0 0 30px; padding:5px 10px; background:#eee; overflow:auto; }
.dept-list-nav span { margin-right:10px; float:left; line-height:1.5em; }
.dept-list-nav a { padding:0 7px; font-size:1.077em; line-height:1.5em; font-weight:bold; text-decoration:none; float:left; }
.dept-list-nav a:visited {color:#4E8DB6; }
.dept-list { overflow:auto; padding:20px 0 20px; border-top:1px solid #4E8DB6; }
.dept-list-nav + .dept-list { border-top:0; padding-top:0; }
.dept-list .link-column { width:26%; }
.dept-list .last { margin-right:0; }
.dept-list-group { display:block; color:#4E8DB6; font-size:2.3em; line-height:1em; font-weight:600; float:left; width:6%; height:100%; }
.dept-list-group:hover { color:#4E8DB6; }
.dept-list-inactive { color:#cccccc; text-decoration:none; cursor:default; pointer-events:none; }
.dept-list-active { color:#4E8DB6;; text-decoration:underline; cursor:pointer; pointer-events:visible; }

.stripe { border:1px solid #ccc; border-collapse:collapse; border-spacing:0; margin:20px 0; width:100%; }
.stripe tr { background:#fff; }
.stripe tr.alt { background:#eee; }
.stripe th { background:#d1e8f8; border-bottom:1px solid #204e91; font-weight:600; padding:10px; text-align:left; }
.stripe td { padding:10px; vertical-align:top; }

#google-map-480 { display:none; }
#google-map-320 { display:none; }

#video-prospective-student { max-width: 388px; margin-left: 4px; }


/* ---------------------------------------------------
	FOOTER
--------------------------------------------------- */
#footer { background:#2c5e91 url(../img/footer-bg.jpg) repeat-x bottom; }
#footer-content { padding:7px 0px 20px 0px; }
#footer li { float:left; background:url(../img/white-divider.gif) no-repeat left center; padding:0 0 0 12px; margin:0 0 0 12px; }
#footer li:first-child { background:none; padding:0; margin:0; }
#footer a:hover { color:#fff100; text-decoration:none; border-bottom:1px solid #fff100; }
#footer #social-media { width: auto; float: left; padding-top:7px; }
#footer #social-media a { background:none; padding:0; margin-left: 4px; margin-right: 4px; }

/* ---------------------------------------------------
	IE FIXES
--------------------------------------------------- */
.lt-ie8 #home-events li { margin:0; padding:0; }
.lt-ie9 #caption-box { display:block; bottom:45px; }
.lt-ie9 .flex-control-nav { bottom:50px; right:0; }
.lt-ie9 .flex-caption { padding:0 2.5%; }

.lt-ie8 #top-bar-nav { margin:0 15% 0 0; }
.lt-ie8 #audience-nav li { margin:0 0 0 3px; padding:0 0 0 3px; }
.lt-ie8 #audience-nav li a { text-size:.846em; }
.lt-ie8 #weather a { text-size:.846em; }

.lt-ie8 #caption-box { display:none; }
.lt-ie8 .flex-caption { font-size: 1.58em; font-weight:bold; padding:2% 2.5% 2.5%; }
.lt-ie8 .flex-control-nav { bottom:83px; right: 15px;}

.lt-ie8 .full-page #interior-split-hero-image { left: 0px; }
.lt-ie8 #top-bar-nav.ea { margin:0px; }
.lt-ie8 #footer #social-media a { display: block; float: left; }
.lt-ie8 #main-nav a.close-menu, .lt-ie9 #main-nav a.close-menu { font-size: .8em; }
/* ---------------------------------------------------
	CONTACT FORM
--------------------------------------------------- */
form#contactForm  { width:450px; }
form#contactForm li { list-style:none; clear:both; left:0; margin:0 0 1em; top:0; }
form#contactForm label { font-weight:bold; }
form#contactForm input,
form#contactForm textarea { width:100%; padding:6px; font-size:inherit; }
form#contactForm .formHelp { color:#666666; font-size:90%; margin:0.5em 0 0.5em 0.2em; }
form#contactForm input#button { width:60%; -moz-appearance:none; background-color:#F5F5F5; background-image:-moz-linear-gradient(rgba(255, 255, 255, 0), #F1F1F1); cursor:pointer; display:block; height:32px; margin:30px auto 0; padding:0; white-space:nowrap; border:1px solid #BBBBBB; border-radius:2px 2px 2px 2px; color:#444444; font-size:1em; line-height:normal; vertical-align:top; }

#alert-box { background-color:#ff0000;  color:#fff;  padding:15px; margin-top:-15px;  font-weight:bold; }
#alert-box a, #alert-box a:visited { color:#fff; font-weight:normal; }
#alert-box a:hover { color:#000; text-decoration:none; }

/* ---------------------------------------------------
	SPRITES
--------------------------------------------------- */
#home-social-media span.facebook,
#home-social-media span.twitter,
#home-social-media span.foursquare,
#home-social-media span.youtube,
#home-social-media span.itunes { display:inline-block; width:32px; height:32px; text-indent:-9999px; margin-right:10px; float:left; background:url('../img/sprites.png') no-repeat; }

#home-social-media span.facebook { background-position:-23px -84px; } 
#home-social-media span.twitter { background-position:-56px -84px; }
#home-social-media span.foursquare { background-position:-88px -84px; }
#home-social-media span.youtube { background-position:-120px -84px; }
#home-social-media span.itunes { background-position:-152px -84px; }

#footer #social-media a:hover {border: none; }

#footer #social-media a.facebook,
#footer #social-media a.twitter,
#footer #social-media a.foursquare,
#footer #social-media a.youtube,
#footer #social-media a.itunes { display:inline-block; width:16px; height:16px; text-indent:-9999px; background:url('../img/sprites.png') no-repeat; }

#footer #social-media a.facebook { background-position:-24px -61px; }
#footer #social-media a.twitter { background-position:-40px -61px; }
#footer #social-media a.foursquare { background-position:-56px -61px; }
#footer #social-media a.youtube { background-position:-72px -61px; }
#footer #social-media a.itunes { background-position:-88px -61px; }

#main-slideshow .flex-control-nav li a:hover { background-position:0px -78px; }
#main-slideshow .flex-control-nav li a.active { background-position:0px -91px; }
#main-slideshow .flex-control-nav li a { background:url('../img/sprites.png') 0px -65px no-repeat; }