@charset "utf-8";
body {margin: 0px; padding: 0px; background-color: #aacbeb;}

a {color: #990000;}

/*USC BRANDING*/

#usc_branding_wrapper {position: relative; width:925px; height:50px; z-index:9; margin-left: auto; margin-right: auto; top: 0px; background-color: #990000; clear: both;}

#usc_branding {width: 925px; height: 50px; background-color: #990000;}
#usc_branding a{border: none; display: block; width: 925px; height: 50px; background:url(graphics/usc_branding_bar.png) #990000 no-repeat;}
#usc_branding span{display: none;}

/*Top Bio area */

#top {position: relative; width:925px; height:139px; z-index:9; margin-left: auto; margin-right: auto; background:url(graphics/bg_top_sub.png) transparent no-repeat; clear: both; top: 8px;}

#bio_wrapper {position: relative; width:925px; height:238px; z-index:9; margin-left: auto; margin-right: auto; background:url(graphics/bg_bio.png) transparent no-repeat; clear: both; top: 8px;}
#bio {float: right; height: 135px; width: 685px; margin-top: 10px; margin-right: 20px;}
#bio .name {font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size: 16px; color: #005abb;}
#bio .title {font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size: 16px; color: #000;}
#bio_wrapper .text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #838383; line-height: 150%;}
#bio_wrapper .text p.excerpt {margin: 0px 0px 5px 0px;  display:inline; font-style: italic;}
#bio_wrapper .text p {margin: 0px 0px 5px 0px; display:inline;}
#bio_wrapper .text a.more {margin: 0px; display:inline; text-decoration: none; color: #990000; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} /* brings up onto same line */

#sub_content {padding: 0 10px 10px;}
#sec_wrapper .title {font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size: 18px; color: #000;}
#sec_wrapper .text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
#sec_wrapper a{color: #990000;}
#sec_wrapper .meta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-style: italics;}


#wrapper .text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 150%}
#wrapper .text a {color: #990000;}
#wrapper .text p.excerpt {margin: 0px 0px 5px 0px;  display:inline;}
#wrapper .text p {margin: 0px 0px 5px 0px; display:inline;}
#wrapper .text a.more {margin: 0px; display:inline; text-decoration: none; color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} /* brings up onto same line */
#wrapper .title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; text-decoration: underline; font-weight: bold;}



/*NAVIGATION*/

#bg_nav {position:absolute; width:100%; height:55px; z-index:0; left: 0; top: 40px; background-color: #000000; color: ffcc00;}

#nav_wrapper {position: relative; width:925px; height:25px; z-index:9; margin-left: auto; margin-right: auto; top: 0px; background-color: transparent; clear: both; color: #ffcc00;}
#nav {text-align: center; vertical-align:middle; padding: 5px 0;/**DEBUG border: 1px solid red; **/}
#nav a {padding: 0 10px 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #ffcc00; text-decoration: none; }
#nav a:hover {color: #ffcc00; text-decoration: underline;}

#search   {float: right; /**DEBUG border: 1px solid purple; **/ width: 19%; padding: 0; height: 25px;}
#search form input {border: none;}

/*jCourousel slider */

#slider {width: 968px; height: 200px; background: transparent; padding: 5px;}

/*multimedia box */

.video_window_frame {width: 248px; height: 200px; background: #e4effa; font: #000; margin: 5px; padding: 25px 0 0 0; float: left;}

.video_slider_frame {width: 100px; height: 250px; background: transparent; padding: 0 20px 0 0; float: right;}

#wrapper {margin-left: auto; margin-right: auto; background-color: transparent; width: 925px; clear: both; margin-top: 15px;}

#sec_wrapper {margin-left: auto; margin-right: auto; background-color: transparent; width: 925px; clear: both; margin-top: 15px;}

/*columns */
.hdr_research {width: 273px; height: 33px; padding: 5px 0; background:url(graphics/hdr_research.png) #e4effa no-repeat;}
.hdr_news {width: 234px; height: 33px; padding: 5px 0; background:url(graphics/hdr_news.png) #e4effa no-repeat;}
.hdr_bookshelf {width: 234px; height: 33px; padding: 5px 0; background:url(graphics/hdr_bookshelf.png) #e4effa no-repeat;}
.hdr_articles {width: 234px; height: 33px; padding: 5px 0; background:url(graphics/hdr_articles.png) #e4effa no-repeat;}
.hdr_multimedia {width: 388px; height: 33px; padding: 5px 0; background:url(graphics/hdr_multimedia.png) #e4effa no-repeat;}

.ftr_column1 {width: 273px; height: 9px; background:url(graphics/ftr_column1.png) #e4effa no-repeat;}
.ftr_column2 {width: 234px; height: 8px; background:url(graphics/ftr_column2.png) #e4effa no-repeat;}
.hdr_sub_page {width: 639px; height: 10px; padding: 5px 0; background:url(graphics/hdr_sub_page.png) #e4effa no-repeat;}
.ftr_sub_page {width: 639px; height: 8px; background:url(graphics/ftr_sub_page.png) #e4effa no-repeat;}
.ftr_column3 {width: 388px; height: 9px; background:url(graphics/ftr_column3.png) #e4effa no-repeat;}

#research, #news, #bookshelf, #articles {padding: 5px 10px 15px 10px}

#multimedia {padding: 0 5px 5px 5px}


#book_content {width: 135px; float: right;}

#sec_book_content {width: 525px; float: right;}

#book_thumbnail {width: 75px; height: 110px; float: left;}

#multimedia {height: 200px; margin: 0 0 10px 0;}

#bookshelf {height: 125px;}

#blog {background: url(graphics/bg_wordsofwilson.png) transparent repeat-y; width: 375px; margin-left: 5px;}

#blog_content {padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#blog_name {background: url(graphics/hdr_wordsofwilson.png) no-repeat; height: 27px; width: 368px; margin: 3px 0 0 3px;}

#blog_content .title {font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; line-height: 150%;}

#blog_content a.more {font-size: 12px;}

#blog .meta {font-size: 10px; text-decoration: none; #838383}

.category_name {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold;}

.category_name a {color: #990000; text-decoration: none; font-weight: bold;}

.category_name a:hover {color: #990000; text-decoration: underline;}









#flickr_feed {padding: 10px;}


/*TWO COLUMN LAYOUT - SUB PAGES */

.sub-column-one
     {
     float: left;
     width: 273px;
     }
	 
	 
.sub-column-three
     {
     float: right;
     width: 639px;
	 background: #e4effa;
     }

/*THREE COLUMN LAYOUT*/


 /* ====================================================================
 COLUMNS LAYOUT
 -------------------------------------------------------------------- */



.box-wrap
	{
	color : #000000;
	background: transparent;
	width: 917px;
	margin-top: 10px;
	}


 .columns-float
     {
     float: left;
     width: 529px;
     }
 .column-one
     {
     float: left;
     width: 273px;
     }

 /* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
 /*/*/
 .column-two { margin-left: 275px; }
 .column-three {margin-left: 529px;}
 /* */
 .column-one-content, .column-two-content, .column-three-content
     {
     padding: 0px;
     border: none;
     color: #000000;
     }
 .column-one-content { background: #e4effa; }
 .column-two-content { background: #e4effa; }
 .column-three-content { background: #e4effa; }
 /* GUTTERS BETWEEN COLUMNS */
 .column-two-content
     {
     margin-left: 10px;
     margin-right: 10px;
     }
 /* VERTICAL PADDING ABOVE COLUMNS */
 .box-header
     { margin-bottom: 10px; }
 .column_padding_after
     {
     height:10px;
     font-size: 1px;
     line-height: 0px;
     clear: both;
     }
 /* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
# NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
 /*/*/
 .box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
     { p\osition: relative; }
/* */ 

/*footer*/
#footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #990000; text-align: right; padding:15px 5px 0 0; width: 920px; height: 30px; position: inherit; clear: both;}
#footer a {text-decoration: underline; color: #fff; }

.clear{clear: both;}