/* ----------- http://www.rat.org RAT STYLES ---------- */
/* ----------- FOR SITE: calrats.com ---------- */


/* ---------- OVERALL RAT ---------- */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: 'images/internets2.gif';
margin:0px 0px 0px 0px;
}.news { 
	margin:0px 0px 0px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 28px;
	color: #FFFFFF;
}.newscontent { 
	margin:0px 0px 0px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
	color: #02a5dc;
}.subcontent { 
	margin:0px 0px 0px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	line-height: 16px;
	color: #ffffff;
}.subsub { 
	margin:0px 0px 0px 0px;
	font: 8px Courier, monospace;
	font-weight: none;
	line-height: 10px;
	color: #ffffff;
}
	

/* 
BODY{
background: #fff url(http://box.calarts.edu/sites/all/themes/calarts/backs/rotatefront.php) left top;
}
*/

.node{
	z-index:100;
	}
	
/* ---------- RAT TABLES ---------- */	
	
	table.x
	{
	position:absolute;
	left:10px;
	top:180px;
	z-index:2
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	}
	
	table.y
	{
	position:absolute;
	left:330px;
	top:180px;
	z-index:2
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	}

/* ---------- NEWS TICKER TAPE ---------- */

#so_tickerDiv{
position:absolute;
left:330px;
top:44px;
}

#so_tickerDiv a:link, #so_tickerDiv a:visited{
color:#FD03DD;
}

#so_tickerDiv .item-list ul{
padding:0px;
margin:0px;
}

#so_tickerDiv .item-list li{
list-style-type:none;
}



/* ---------- LAYOUT ---------- */


.outside_most{
float:left;
width:100%;
}

  /* ----- top area ----- */

#header {
width:1050px;
  height:px;
background:#fff;
border:0px solid #ff0000;
}

#topnav{

padding-left:15px;
float:left;
background:#fff;
border: 0px solid #ff0000;
}

.pagetop{
border:0px solid #ff99ff;
float:left;
width:100%;
background:#fff;
}


#headerInner {
  position: relative;
  width: ;
  height:70px;
padding-left:10px;
}


#siteName {
  font-family:"trebuchet ms", helvetica, sans-serif ;
  float:left;
  margin:20px 0 0 0;
  color: #fff;
  font-size: 24px;
line-height:;
  text-transform: lowercase;
}

#siteSlogan {  
  font-family:"trebuchet ms", helvetica, sans-serif ;
  float:left;
  margin:35px 0 0 10px;
  color: #eee;
  font-size: 16px;
  white-space:nowrap;
  text-transform: lowercase;
}

#siteName a {
  text-decoration:none;
}

#siteName a:hover {
  color:#ddd;
  text-decoration:none;
}

#logo {
  float: left;
  margin:5px 0px 0px 0px;
}

#logo img {
  float: left;
  border: 0;
}

#logowrapper {
  position: absolute;
}


  /* ----- main area ----- */


.main {
}



#mainInner {
  position: relative;
  width: 1000px;
clear:both;
}

	
#columns {
width:;
}

#columns h2 {
  font-size:18px;
  margin:10px 0 5px 0;
}
	

	
#sidebarLeft {
width:160px;
float: left;
margin-right:0px;
padding: 16px 0px 0px 15px;
background:#fff;
}
	
#sidebarLeft .title {
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding: 0;
}

#sidebarLeft h3 {
  font-size:14px;
  font-weight:bold;
  border:none;
}



.main_area{
border:0px solid #ff0000;
float:left;
width:800px;
}


.main_inside{
background:#fff;
float:left;
width:800px;
}




#sidebarRight {
  width: 13.0em;
  float: left;
  margin: 0em 0em 0.5em 2em;
}
	
#sidebarRight .title {
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding: 0;
  border-bottom:1px solid #E1E1E1;
}

#sidebarRight h3 {
  margin:5px 0 5px 0;
}


  /* ----- bottom area ----- */



#footer {
  width: 950px;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  text-align: center;
  clear: both;
  padding-top: 1.0em;
  text-transform: lowercase;
}




/* ---------- FONT FORMATTING ---------- */





h1,h2,h3,h4,h5,h6 {

}

h3,h4,h5,h6 {

}


a {
  text-decoration: none;
color:#006699;
}

a:hover {
  text-decoration: underline;
}

p {
margin:24px 10px 10px 0px;

}



td, th, p, span, div{
font-size:11px;
line-height:16px;

}



.pageTitle {
  font-size:16px;
background:#000;
color:#fff;
text-transform:uppercase;
width:800px;
}


dt {
  font-size:14px;
  font-weight:bold;
  margin:10px 0 5px 0;
}

li {
  margin-left:10px;
}


.action_notice{
background:#FFFFBB;
margin:10px;
}


   /* ------ table styles-----  */
/*

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #AAAAAA;
  color: #494949;
  font-weight: bold;
}

td, th {
  padding: .3em 0 .5em 0;
}

tr.even, tr.odd, tbody th {
  border: solid #D5D6D7;
  border-width: 1px 0;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #E1CE1E1;
}

tr.even td.active {
  background-color: #F1F1F1;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #AAAAAA;
  background-color: #D5D6D7;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}


*/

/* ---------- MENUS/NAVIGATION ---------- */

.breadcrumb{
display:inline;
}


   /* --- OVERALL MENU STYLES --- */

ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}

li.leaf {
  padding: 0px .2em 0px 0px;
}

li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}




.menu {
  line-height:20px;
  width:158px;
  margin:4px 0px 0px 0px;
  display:block;
}

.menu a:link, .menu a:visited{
color:#000;
}



.menu li{
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0px;
padding:0px 0px 0px 0px;
font-size:10px;
line-height:14px;
/*  white-space: nowrap;*/

}


ul.menu{
padding:0px;
margin-left:0px;
}


   /* ----- sidebar navigation ----- */


#menu {
  display: block;
  float:right;
  font-size:11px;
}



#sidebarLeft .menu li a{
display:block;
width:100%;
}


#sidebarLeft .menu li a:hover{
background-color:#FFFFBB;
text-decoration:none;
}

#sidebarLeft .menu li.leaf a.active, 
#sidebarLeft .menu li.expanded a.active{
background:#FFFF00;
}


#sidebarLeft li.expanded {

}

#sidebarLeft li.collapsed {

  margin: 0;
}



* html #menu a {width:0%;} /* grrrrr... IE6 ... grrrrr */


#sidebarLeft h2.title{
font-size:10px;
line-height:14px;
font-weight:bold;
margin:0px;
}

#sidebarLeft .block.block-user, #block-menu-791{
background:#ffe9f3;
padding:0px;
}


  /* -- LOGIN BACKGROUND -- */

a#menu-log-out, a#menu-admin-log-in{
background:#ffe9f3;
}


   /* --- SPECIAL CSS ONLY HOVERS --- */


li.expanded ul.menu{
position:absolute;
margin-left:160px;
display:none;
background: #FFFFBB;
padding:2px;
margin-top:-15px;
z-index:100;
}


#sidebarLeft li.expanded:hover ul.menu{
display:block;
position:absolute;
z-index:200;
}

#sidebarLeft li.expanded ul.menu li:hover{
text-decoration:underline;
}



#sidebarLeft li.expanded:hover{
background:#FFFF00;
}


#sidebarLeft li.expanded ul.menu li.expanded ul.menu{
display:none;
}


#sidebarLeft li.expanded ul.menu li.expanded:hover ul.menu{
display:block;
position:absolute;
z-index:200;

}

   /* ----- top navigation ----- */



#topnav_in{
}


#topmenu{
border:none;
float:left;
margin:0px;
padding:0px 0px 0px 0px;

}

#topmenu .content{
	}


#topmenu li.leaf{

}

#topmenu li a{
display:block;
width:100%;
}

#topmenu li a:hover{
background-color:#FFFFBB;
text-decoration:none;
}

#topmenu li.expanded, #topmenu a.active{
background:#FFFF00;
}

#topnav li.collapsed{
background:none;
}


#topnav li.expanded{
background-image:none;
}

#topnav li.expanded ul.menu{
display:none;
}

div#block-block-5.block.block-block{
border:0px solid #ff0000;
margin:0px;
padding:0px;
height:14px;
}


#topnav .search-form{
height:14px;
}

#topnav .block.block-block .form-item{
padding:0px;
margin:0px;
height:26px;
}
 #topnav .block.block-block{
margin:0px;
}

#block-menu-120{
margin-top:0px;
}


/* ---------- SPECIAL BLOCKS ---------- */


.contact_block{
margin-top:50px;
margin-bottom:0px;


}

.contact_block p{
font-size:9px;


}




/* ---------- PROFILES & COMMUNITY ---------- */

.profile dt{
font-weight:bold;
font-size:10px;
line-height:14px;
}


/* ---------- OTHER ---------- */



   /* ----- drupal node styles ----- */


.node {
  margin: 0 0 20px 0;
}

.nodeTitle {

}

.nodeTitle a {

}

.nodeTitle a:hover {
}

.submitted {
  font-size:10px;
}

.content {
   margin-top:7px; 
   margin-left:2px;
}

.content_search {
   margin-top:8px; 
   margin-left:2px;
}

.content_email {
   margin-top:14px; 
   margin-left:2px;
}

.content p {


}

.main_inside .content p{
margin:10px 5px 0px 0px;
}
.main_inside .content{
margin:0px;
}

     /* ---------- tabs ---------- */




.main_inside .tabs li{
font-size:10px;
padding:0px;
margin:0px;
}

.main_inside .tabs li a:link, 
.main_inside .tabs li a:visited{
border:0px;
padding:3px 8px 3px 3px;
margin:0px;
background:none;
border-right:1px solid #ccc;
}

.main_inside .tabs ul{
border:0px;
padding: 0px 0px 0px 0px;
margin:0px 0px 3px 0px;
}

.main_inside .tabs li.active a:visited{
}


.main_inside .tabs{
border-bottom:1px solid #ccc;
}

   /* ----- other styles-----  */



.commentTitle {
  font-size:18px ;
}

.taxonomy {
  clear:both;
  font-size:10px;
}


.block {
  margin: 10px 0 20px 0;
}

.messages {
  color:#9F0000;
  margin: 10px 0 10px 0;
}

#pager {
  clear:both;
  padding:30px 0px 10px 0;
}


  /* ------ image formatting ----- */

img {

}

.thumbnail {
  border: 0px solid #ccc;
margin:5px;
}

.preview {
  border: 0px solid #ccc;
margin:5px;
}



/* ---------- ARTICLE EXTRAS ---------- */

.taxonomy{
display:block;
border:0px solid #ccc;
padding:px;
margin-top:20px;
color:#666;
text-align:left;
border-top:1px solid #ccc;
}

ul.links.inline li{
border-left:1px solid #ccc;
margin:0px;
}

.bread{
padding-bottom:0px;
margin-top:0px;
padding-bottom:10px;
font-size:10px;
clear:both;
}



/* ----- NEWSROOM ----- */

.main_area #newsroom .panel-col-first, .main_area #newsroom .panel-col-last{
background:none;
color:#000;
}

.main_area #newsroom h2.title{
font-weight:bold;
font-size:10px;
line-height:14px;
}

/* ---------- CUSTOM SEARCH FIELD ---------- */


#custom_search input{
border:1px solid #000;
padding:2px;
font-size:10px;
line-height:14px;
}



/* --- ADMIN CORRECTIONS --- */

#panels-edit-form .panel-2col .panel-col-first{
position:relative;
}
#panels-edit-form .panel-2col .panel-col-last{
position:relative;
left:50px;
}


/* ---------- CUSTOM IMAGE GALLERIES ---------- */

.view-art-student-work ul li, .view-art-faculty-work ul li,
.view-critical-student-work ul li, .view-critical-faculty-work ul li,
.view-dance-student-work ul li, .view-dance-faculty-work ul li,
.view-filmvideo-student-work ul li, .view-filmvideo-faculty-work ul li,
.view-music-student-work ul li, .view-music-faculty-work ul li,
.view-theater-student-work ul li, .view-theater-faculty-work ul li, 
.view-all-calartians-work ul li, .view-all-calartians-work ul li 
{
list-style-type:none;
float:left;
margin:0px;
padding:0px;
}


/* ---------- FINAL OVERRIDES ---------- */


.block.block-menu .content{
border:0px solid #ff0000;
padding:0px;
margin:0px;
}

.view-content.view-content-latest-news a:link, .view-content.view-content-frontpage-events-listing a:link, .view-content.view-content-latest-news a:visited, .view-content.view-content-frontpage-events-listing a:visited{color:#0099CC; }