/* Northwestern University - Magazine
Christopher Garcia - 11.11.2010 */

body {
    margin: 0;
    padding: 0;
    font: 62.5% Verdana, Geneva, sans-serif;
    color: #333;
}
#container {
    width: 1000px;
    margin: 0 auto;
}
#template {
    background: url(../images/left-side-bg.jpg) repeat-y;
}
#left-side {
    width: 230px;
    float: left;
    padding-bottom: 160px;
}
#right-side {
    width: 761px;
    float: right;
}
#top-links {
    padding-top: 1em;
    text-align: right;
    font-weight: bold;
    width: 300px;
    float: right;
}
#top-links a {
    color: #3e166f;
    text-decoration: none;
}
#top-links a:hover {
    color: #000;
}
#masthead {
    width: 429px;
    float: left;
}
#main {
    line-height: 1.6em;
    font-size: 1.1em;
    padding-bottom: 5em;
    position: relative;
}
#main a {
    color: #391466;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}
#main a:hover {
    color: #000;
}

/*** left side ***/
#left-wrap {
    width: 215px;
    color: #fff;
}
#issue, #contribute, #advertise, #about {
    padding: 1.8em 1.8em 1.8em 1.8em;
    font-size: 1.1em;
    line-height: 1.7em;
}
#issue img {
    margin: .5em 0 3em 0;
}
.nav-head, #left-wrap h3 {
    font: bold 1.1em 'PT Sans', arial, serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: .7em;
    margin: 0;
}
#leftNav ul {
    margin: 0;
    padding: 1em 0 2.8em 0;
}
#leftNav ul li {
    list-style-type: none;
    margin: 0;
    padding: 8px 0 7px 0;
    border-bottom: 1px solid #755b94;
    font: bold 1.4em 'PT Sans', arial, serif;
    letter-spacing: 3px;
}
#leftNav ul li a {
    color: #ffc600;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 0 2em 0 1.4em;
}
#leftNav ul li a:hover {
    color: #fff;
}
#contribute ul {
    margin: 0;
    padding: 0
}
#contribute ul li {
    list-style-type: none;
    font-size: 1em; 
}
#contribute ul li:before {
    content: "\203A \0020";
}
#contribute a, #advertise a, #about a {
    color: #ffc600;
    text-decoration: none;
    font-weight: bold;
}
#contribute a:hover, #advertise a:hover, #about a:hover {
    color: #fff;
}
#advertise p, #about p {
    margin: 0;
}

/*** search box ***/
#search {
    margin-top: 1.5em;
    width: 250px;
    float: right;
}
#search fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    color: #868686;
}
#searchbox { 
    height: 33px; 
    margin: 0;
    width: 248px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
}
#searchbox input { 
    padding-left: .3em;
    margin: 0;
    height: 33px; 
    width: 200px; 
    color: #d0d0d0;
    font-size: 1.8em;
    background: none;
    border: 0;
    outline: none;
    float: left; 
}
#search_button {
    height: 33px !important;
    width: 33px !important;
    float: right !important;
    margin: 0 !important;
}
#searchlist {
    display: none;
    position: absolute;
    float: right;
    background-color: #fff;
    width: 200px;
    height: 45px;
    margin-left: 0;
    padding: 2px 10px 2px 5px;
    border: 1px solid #dbdbdb;
    border-top: none;
    z-index: 100;
}
#searchlist p {
    margin: 4px 0 0 0;
    padding: 0;
}

/*** headers ***/
h1 {
    font: normal 2em 'PT Sans', arial, serif; 
    padding: 0 0 0 0;
    text-transform: uppercase;
}
h1 a { 
    color: #000 !important;
    text-decoration: none;
    font-weight: normal !important;
}
h1 a:hover {
    text-decoration: underline !important;
}
h2 {
    font: bold 1.3em 'PT Sans', arial, serif; 
    text-transform: uppercase;
    margin-top: 1.1em;
}
h3, h5, h6 {
    font-size: 1.0em;
    margin: 1.5em 0 -1em 0;
}
h4 {
    font-size: 1.0em;
    margin: 1.5em 0 -1em 0;
    color: #391466;
}
h3.h3box {
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 0;
}
h1.h1toc {
    font: normal 2.2em 'PT Sans', arial, serif; 
    background: #dbdbdb;
    padding: .1em 0 0 .8em;
    text-transform: uppercase;
}
h6.h6toc {
    font: bold 1.5em 'PT Sans', arial, serif;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #391466;
    margin: 0 0 -.2em 0;
    padding: 0;
}
h6.h6scroll {
    font: bold 1.4em 'PT Sans', arial, serif;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #391466;
    margin: 1em 0 0 0;
    padding: 0;
}
h6.h6toc-last {
    font: bold 1.5em 'PT Sans', arial, serif;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #391466;
    margin: 1em 0 0.5em;
    padding: 0;
}
/*** home page ***/
#announcements {
    width: 365px;
    float: left;
}
#feedback {
    width: 322px;
    float: right;
}
#feedback .quote {
    font-style: italic;
}

/*** jcarousel ***/
.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 700px;
    padding: 15px 30px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  700px;
    height: 250px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 159px;
    height: 250px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 20px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 15px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 13px;
    height: 26px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 13px;
    height: 26px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
#mycarousel p {
    margin-top: .5em;
    line-height: 1.3em;
    color: #3e3e3e;
}
.disable-carousel .jcarousel-skin-tango .jcarousel-prev-horizontal,
.disable-carousel .jcarousel-skin-tango .jcarousel-next-horizontal {
    background: none;
}

/*** secondary pages ***/
#section {
    background: #000;
    margin-left: -24px;
    margin-bottom: 2.5em;
    margin-right: -25px;
}
.toc-wrap {
    padding: 0 1.8em 0 1.8em;
}
.toc-left {
    float: left;
    width: 350px
}
.toc-right {
    float: right;
    width: 350px;
}
.toc-wrap p {
    margin: .5em 0 0 0;
}
p.more {
    margin: 0 0 2em 0;
}
#photo-credit {
    font-style: italic;
    font-size: .9em;
    margin-top: .2em;
}
#caption {
    font-weight: bold;
    color: #757f07;
}
h2#caption {
    text-transform: none;
    margin-top: 0;
}
#author {
    font-style: italic;
}
#main-left {
    width: 570px;
    float: left;
}
#main-right {
    width: 175px;
    float: right;
}
#main-left p {
    margin: 1.5em 0 .5em 0;
}
.story-tools {
    border: 1px solid #ddd;
    width: 148px;
    font-size: .9em;
    background-color: #f1f1f1;
    padding: 10px 12px 5px 12px;
    margin-bottom: 8px;
    line-height: 1.3em;
}
.story-tools ul, .story-tools ol {
    padding-left: 1.5em;
}
#story-tools-top {
    margin-top: 1.5em;
}
#pages {
    margin-top: 2em;
    float: right;
    text-transform: uppercase;
}
#pages a {
    margin-left: 1.2em;
}
#pages a.active {
    background: #391466;
    color: #fff;
    padding: 2px 4px 2px 4px;
}
.campus-wrap {
    margin-bottom: 2em;
}
.campus-left {
    width: 170px;
    float: left;
}
.campus-right {
    float: right;
    width: 390px;
}
.campus-right h1 {
    margin: 0 0 -.5em 0 !important;
}
.campus-right .more {
    margin-top: -.4em !important;
}
.issue-wrap {
    padding-top: 1em;
    padding-bottom: 1.5em;
}
.issue-image {
    float: left;
    width: 115px;
}
.issue-desc {
    float: right;
    width: 235px;
}

/* contact form */
#main fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
#main fieldset legend {
    font-size: 1.1em;
    font-weight: bold;
    background-color: #e8e8e8;
    padding: .5em;
    width: 445px;
    margin-bottom: .5em;
}
#main fieldset p {
    width: 300px;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 155px; 
    border-bottom: 1px solid #f0f0f0;
    height: 1%;
}
#main fieldset label {
    font-weight: bold;
    float: left;
    text-align: right;
    margin-left: -155px; 
    width: 140px; 
}
#main fieldset input {
    margin-left: 1em;
}
#main fieldset input[type="text"] { 
    width: 180px;
    height: 20px;
    border: 1px solid #d2d2d2;
}
#main fieldset textarea{
    width: 250px;
    height: 150px;
    margin-left: 1em;
    border: 1px solid #d2d2d2;
}
#main fieldset input[type="submit"] {
    margin-left: 165px;
    margin-top: 1em;
}
/* tables */

table.senior {
    width: 100%;
    border: 0px;
    border-collapse: collapse;	
}
table.senior th, table.col thead {
	background-color: #e2e2e2;
	border: 0px;	
	padding: 0px;

}
table.senior td {
	padding: 0px;
	border: 0px;
}

table {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-collapse: collapse;  
}
table th, table thead {
    background-color: #e2e2e2;
    border: 1px solid #e8e8e8;  
    padding: .5em;
    text-align: left;
}
table td {
    padding: .5em;
    border: 1px solid #e8e8e8;
}
table.gallery {
    width: 100%;
    border-collapse: collapse;  
    border: none;
}
table.gallery td {
    padding: 0 11px 0 11px;
    width: 16%;
    vertical-align: top;
    border: none;
}
table.gallery td img {
    margin: 15px auto 0 auto;
    display: block;
}

/*** footer ***/
#footer {
    background-color: #000;
    width: 790px;
    float: right;
    font-size: 1em;
    color: #fff;
    padding-bottom: 1em;
    padding-left: 20px;
    position: relative;
    margin-right: -25px;
}
#footer ul {
    margin: 0;
    padding: 2.5em 0 0 0;
}
#footer li {
    margin: 0;
    text-transform: uppercase;
    list-style-type: none;
    display: inline;
    font-weight: bold;
    padding-right: 1.2em;
}
#footer a {
    color: #fff;    
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .nu-logo {
    position: absolute;
    left: -200px;
    bottom: 30px;
}
#footer img {
    margin-bottom: -0.6em;
}

/*** misc ***/
a img {
    border: none;
}
.floatLeft, p.captionLeft, p.related-links {
    float: left;
    padding: 0 1.5em .5em 0;
}
.floatRight, p.captionRight {
    float: right;
    padding: 0 0 .5em 1.5em;
}
p.captionLeft, p.captionRight {
    width: 159px;
    margin: 0;
    font-style: italic;
    overflow: visible;
}
p.related-links {
    width: 159px;
    margin: 0;
    text-transform: uppercase;
    overflow: visible;
}
p.captionLeft, p.related-links {
    clear: left;
}
p.captionRight {
    clear: right;
}
p.pull-quote {
    font: 16px/1.4em "PT Sans", sans-serif;
    font-style: italic;
    padding: 1.5em 2.5em;
    color: #464646;
    background: #ebebeb;
    border: 1px solid #b7b7b7;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix {
    zoom: 1;
}
*:first-child+html .clearfix {
    zoom: 1;
}

#magazine-memories-form input[type="text"],
#magazine-memories-form textarea {
    border: 1px solid #DFDFDF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    padding: 3px;
    width: 55%;
}

#magazine-memories-form input[type="submit"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    font-weight: bold;
    padding: 7px 30px;
    text-transform: uppercase;
}

#magazine-memories-form #recaptcha_table {
    width: inherit;
}

#magazine-memories-form .recaptchatable #recaptcha_response_field {
    font-size: 12px;
    border-color: #DFDFDF !important;
}

#magazine-memories-form .error_box {
  color: #bb0000;
  display: none;
  margin: 0 0 1.5em;
}
.home-carousel-header {
    text-align: center;
    text-align: center;
    color: #391466;
    font: bold 1.4em/1.1em "PT Sans",arial,serif;
    margin: 1em 0 0;
    padding: 0;
    text-transform: uppercase;
}