/* Global Reset Styles */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;border-spacing: 0;}

/* Global Elements
-------------------------------------------------------------------*/

body {
background:#d5d5d5 url(../images/bg_noise.png) fixed left top;
}

.clear {
clear:both;
}

a {
text-decoration:none;
-webkit-transition: color .3s linear;
}


/* @ TYPOGRAPHY
-------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
margin:0 0 1em 0;
line-height:1.25;
font-size:.85em;
font-family: Helvetica, sans-serif;
color:#333;
text-shadow:1px 1px 1px #eee;
}

h1 {
font-size:1.1em;
}

h2 {
font-size:.9em;
}

h3 {
font-size:.8em;
}

p, ul, ol {
margin:0 0 1em 0;
line-height:1.5;
font-size:.8em;
font-family: Georgia, serif;
color:#353535;
text-shadow:1px 1px 1px #eee;

}

ul {
list-style:square;
}

ol {
list-style:decimal;
}

code {
line-height:1.2;
color:purple;
}


/* @ IMAGES
-------------------------------------------------------------------*/

p a img {
width:100%;
height:auto;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
background:#000;
}

p a:hover img {
opacity:.75;
}


/* @ STRUCTURE
-------------------------------------------------------------------*/

#wrapper {
width:100%;
height:100%;
}

#masthead {
width:100%;
float:left;
border-bottom:1px dashed #aaa;
}

#masthead h1 {
display:inline;
text-align:left;
margin:0;
padding:0;
font-weight:300;
letter-spacing:.05em;
}

#masthead h1 span {
opacity:.60;
}

h2#mica_logo a {
position:absolute;
bottom:20px;
right:20px;
clear:both;
display:block;
width:99px;
height:25px;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity:.75;
}

h2#mica_logo a:hover {
opacity:.50;
}

.tab-nav {
width:375px;
float:right;
overflow: hidden;
}

.tab-nav ul {
position: relative;
float: left; 
width: 375px;
margin:0 0 0 260px; 
list-style-type: none;
}

.tab-nav li { 
float: left;
clear: left; 
font-family: Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}

.tab-nav li:first-child {
font-style:italic;
}

.tab-nav a.previous {
width:110px;
padding-left:10px;
color:#666;
text-shadow:1px 1px 1px #eee;
background:  url(../images/tab-slide.png) no-repeat 0 4px;
}

.tab-nav a {
display: block;
width: 50px;
float: left;
text-align: center;
text-decoration: none;
color: #333;
text-shadow:none;
}
.tab-nav a.expanded {
background-position: 0 -23px;
}

/* second level */

.tab-nav ul ul {
float: left;
width: auto;
margin-left: 0;
}
.tab-nav li li {
clear: none;
}

.tab-nav li li a {
color: #666;
width: 50px;
background-image: none;
}

.tab-nav li li a:hover {
color:#333;
border-bottom:2px solid #fff;
}

#content {
height:100%;
}

div.column {
width:16.65%;
float:left;
}

.inner {
padding:20px;
}

p a.thumbnail {
position:relative;
float:left;
margin:0 0 1em 0;
border:5px solid #fff;
-webkit-box-shadow:1px 1px 2px #787878;
}

p a.thumbnail:hover {
top:1px;
left:1px;
}

p a.thumbnail img {
float:left;
}

/* @ STUDENT COLUMN STYLES */

.column h2 a,
.column a.view {
-webkit-transition: opacity .3s ease;
}

.column h2 a:hover,
.column a.view:hover {
opacity:.65;
}

#hawthorne a {
color:#0ca5c1;
}

#kropp a {
color:#d84707;
}

#sasser a {
color:#69341c;
}

#shea a {
color:#386f77;
}

#torres a {
color:#768715;
}

#walser a {
color:#99131f;
}

a.view {
font-family: Helvetica, sans-serif;
font-weight:600;
font-size:12px;
}