﻿.ucla-blue {
    color: #536895;
}

.ucla-gold {
    color: #ffb300;
}

.ucla-green {
    color: #3ea639;
}

.ucla-orange {
    color: #fe921c;
}

.ucla-cyan {
    color: #2685bb;
}

.ucla-purple {
    color: #911687
}

.caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.dropcap {
    font-size: 300%;
    font-weight: bold;
    float: left;
    color: #000000;
    margin-right: 5px;
    margin-bottom: 5px;
}


.pullquote {
    float: right;
    min-width: 220px;
    margin: 0 0 15px 15px;
    color: #ffb300;
}



.aside {
    float: right;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 20px 0;
    padding: 10px;
    width: 300px;
}


/*.sidebar {
	float: left;
	width: 300px;
	border-top: 1px solid #2685bb;
	border-bottom: 1px solid #2685bb;
	margin: 0 20px;
	padding: 10px;
}*/

.two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-rule-color: #ccc;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-rule-color: #ccc;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-count: 2;
    column-gap: 20px;
    column-rule-color: #ccc;
    column-rule-style: solid;
    column-rule-width: 1px;
}

.three-columns {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    -moz-column-rule-color: #ccc;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-rule-color: #ccc;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-count: 3;
    column-gap: 15px;
    column-rule-color: #ccc;
    column-rule-style: solid;
    column-rule-width: 1px;
}


.four-columns {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-rule-color: #ccc;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-rule-color: #ccc;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-count: 4;
    column-gap: 10px;
    column-rule-color: #ccc;
    column-rule-style: solid;
    column-rule-width: 1px;
}

.multi-columns {
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 10px;
    -moz-column-rule-color: #ccc;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    -webkit-column-rule-color: #ccc;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    column-count: 5;
    column-gap: 10px;
    column-rule-color: #ccc;
    column-rule-style: solid;
    column-rule-width: 1px;
}

.section-header-dark-blue {
    margin: 0 0 12px 0;
    padding: 5px 5px;
    color: #fff;
    background-color: #536895;
    text-align: center;
}

.section-header-light-blue {
    margin: 0 0 12px 0;
    padding: 5px 5px;
    color: #fff;
    background-color: #17536c;
    text-align: center;
}

.section-header-black {
    margin: 0 0 12px 0;
    padding: 5px 5px;
    color: #fff;
    background-color: #000000;
    text-align: center;
}

.captionjs {
    margin: 10px 0px 10px 15px;
    position: relative;
    display: inline-block;
}
