/*  
Theme Name: GDMFA Grid Focus
Theme URI: http://www.micadesign.org
Description: Grid aligned WordPress theme
Version: 1.0
Author: Justin Kropp
Author URI: http://justinkropp.com/
Tags: mica, gdmfa, white, grid, whitespace, minimal, clean, widgets

Notes:

*/

* {margin: 0;padding: 0;}

body {
font-size:62.5%;
color:#333;
font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
background:#fff;
}

h1 {}
h2 {}
h3 {}
h4 {}

ul {
list-style:none;
}

ol {}

p {}

li {}

small {}

br {}

.clearfix {
clear:both;
}

a {
outline:none;
text-decoration:none;
}

a:hover {}
a:visited {}
a:focus {
outline:none;
text-decoration:none;
}

img, a img {
background:none;
border:none;
}

/* title goes here -------------------------------------------------*/

#wrapper {
width:960px;
margin:0 auto;
text-align:left;
}

#filler {}

#mainColumn {
width:480px;
float:left;
}

.secondaryColumn {
width:200px;
float:left;
margin-left:40px;
}

/* banner and top nav */

#banner {
width:960px;
float:left;
background:#000;
-moz-border-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

#banner a {
color:#fff;
}

#banner h2.mica-logo {
width:125px;
height:40px;
float:left;
margin-left:10px;
line-height:40px;
background:transparent url(images/bg-logo-white.gif) 0 0 no-repeat;
text-indent:-999em;
}

#banner ul.top-nav {
height:40px;
float:right;
}

#banner ul.top-nav li {
height:40px;
line-height:40px;
display:inline;
text-transform:lowercase;
font-weight:bold;
}

#banner ul.top-nav li a {
height:40px;
display:block;
float:left;
margin:0;
padding:0;
color:#fff;
text-indent:-999em;
}

#banner ul.top-nav li a:hover {color:#ddd;}

#banner ul.top-nav li.aboutmica a {width:85px;background:transparent url(images/bg-top-nav.png) 0 0 no-repeat;}
#banner ul.top-nav li.aboutmica a:hover {width:85px;background:transparent url(images/bg-top-nav.png) 0 -40px no-repeat;}

#banner ul.top-nav li.apply a {width:139px;background:transparent url(images/bg-top-nav.png) -85px 0 no-repeat;}
#banner ul.top-nav li.apply a:hover {width:139px;background:transparent url(images/bg-top-nav.png) -85px -40px no-repeat;}

#banner ul.top-nav li.cdt a {width:167px;background:transparent url(images/bg-top-nav.png) -224px 0 no-repeat;}
#banner ul.top-nav li.cdt a:hover {width:167px;background:transparent url(images/bg-top-nav.png) -224px -40px no-repeat;}

#banner ul.top-nav li.micaedu a {width:75px;background:transparent url(images/bg-top-nav.png) -391px 0 no-repeat;}
#banner ul.top-nav li.micaedu a:hover {width:75px;background:transparent url(images/bg-top-nav.png) -391px -40px no-repeat;}

/* mast head and gdmfa branding */

#masthead {
height:180px;
padding:10px 0;
}
#masthead h1 a {
display:block;
width:330px;
height:90px;
margin-top:65px;
font-size:48px;
font-style:italic;
text-indent:-999em;
background:url(images/bg-h1-logo.gif) left top repeat;
}
#masthead h1 a:hover {
color:#e63e23;
background:url(images/bg-h1-logo.gif) left bottom repeat;
}

/* main navigation and search */

#navbar {
width:100%;
float:left;
height:40px;
margin-bottom:40px;
background:url(images/bg-main-search.gif) left bottom repeat;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#navbar ul.main-nav {list-style:none;float:left;}

#navbar li {float:left;line-height:40px;font-size:18px;}

#navbar li a {
height:40px;
display:block;
float:left;
color:#fff;text-indent:-999em;background:transparent url(images/bg-main-nav.png) no-repeat top left;}


#navbar li.blog a {width:62px;background-position:0 0;}
#navbar li.blog a:hover,#navbar li.blog#current_page_item a {width:62px;background-position:0 -40px;}

#navbar li.courses a {width:172px;background-position:-62px 0;}
#navbar li.courses a:hover, #navbar li.courses#current_page_item a {width:172px;background-position:-62px -40px;}

#navbar li.faculty a {width:93px;background-position: -234px 0;}
#navbar li.faculty a:hover, #navbar li.faculty#current_page_item a {width:93px;background-position: -234px -40px;}

#navbar li.research a {width:107px;background-position: -327px 0;}
#navbar li.research a:hover, #navbar li.research#current_page_item a {width:107px;background-position: -327px -40px;}

#navbar li.students a {width:107px;background-position: -434px 0;}
#navbar li.students a:hover, #navbar li.students#current_page_item a {width:107px;background-position: -434px -40px;}

#navbar li.artists a {width:167px;background-position: -541px 0;}
#navbar li.artists a:hover, #navbar li.artists#current_page_item a {width:167px;background-position: -541px -40px;}

#navbar #search {float:right;}

#navbar input#s {
width:196px;
height:26px;
margin:5px;
padding:0 5px;
font-size:14px;
color:#666;
}

.toggleCategories li a {}
.toggleCategories li a:hover {}

/* title goes here -------------------------------------------------*/

.postMeta {}
.postMeta .container {}

.postMeta .container {
margin-bottom:8px;
font-size:10px;
font-family:Georgia, Times, serif;
text-transform:uppercase;
color:#666;
letter-spacing:2px;
}

.postMeta span.date strong {
font-weight:normal;
}

.postMeta span.date em {
font-style:normal;
color:#333;
}
.postMeta span.comments {}

.postMeta a {
color:#e63e23;
}

/* title goes here -------------------------------------------------*/

.post {
margin-bottom:48px;
}

.post h2 {
margin-bottom:12px;
font-family:Georgia, Times, serif;
font-size:24px;
font-weight:normal;
}

.post h2 a {
color:#333;
}

.post h2 a:hover {
color:#e63e23;
}

/* title goes here -------------------------------------------------*/

.entry {
}

.entry h2 span {
font-style:italic;
color:#666;
}

.entry h3 {
margin-bottom:12px;
font-size:18px;
font-weight:normal;
font-family:Georgia, Times, serif;
}

.entry h4 {
margin-bottom:12px;
font-size:15px;
font-weight:normal;
font-style:italic;
font-family:Georgia, Times, serif;
}

.entry p {
margin-bottom:12px;
font-size:12px;
line-height:18px;
}

.entry p a {
color:#e63e23;
border-bottom:1px solid #fff;
}

.entry p a:hover {
color:#e63e23;
border-bottom:1px solid #999;
}

.entry dl {
margin-bottom:12px;
font-size:12px;
line-height:18px;
}

.entry dl dt {
font-weight:bold;
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px solid #ddd;
}

.entry dl dd {
margin:0 0 12px 8px;
}

.entry ul,
.entry ol,
.entry blockquote {}

.entry ul {
list-style:square;
list-style-position:outside;
margin-bottom:12px;
font-size:12px;
line-height:18px;
}

.entry ol {
list-style-position:outside;
margin-bottom:12px;
font-size:12px;
line-height:18px;
}

.entry ul li,
.entry ol li {
padding:1px 0;
}

.entry ul li a,
.entry ol li a {
color:#e63e23;
border-bottom:1px solid #fff;
}

.entry ul li a:hover,
.entry ol li a:hover {
color:#e63e23;
border-bottom:1px solid #999;
}

.entry ul li {}

.entry blockquote p {
padding-left:24px;
font-size:14px;
line-height:21px;
color:#454545;
font-family:Georgia, Times, serif;
font-style:italic;
border-left:1px solid #999;
}

.entry img,
.entry a img {}

.entry a:hover img {}

.entry.meta {
padding:6px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.entry.meta p {
margin:0;
padding:3px;
}
.entry.meta .highlight {
font-weight:bold;
}
.entry.meta a {font-family:Georgia, Times, serif;color:#666;}
.entry.meta a:hover {}

p.wp-caption-text {
width:480px;
font-family:Georgia, Times, serif;
font-style:italic;
padding:6px 0;
border-bottom:1px solid #ccc;
}

.entry hr {
height:1px;
margin:24px 0;
border:none;
background-color:#fff;
color:#fff;
}

a.more-link {
color:#e63e23;
font-size:12px;
border:none;
text-decoration:none;
-webkit-transition: color .3s linear;
}

a.more-link:hover {
color:#666;
border:none;
text-decoration:none;
}

/* page specific styles -------------------------------------------------*/


ul#course-list {
list-style:none;
border-bottom:1px solid #ddd;
}

ul#course-list li {
list-style:none;
padding:4px 0;
border-top:1px solid #ddd;
}

/* title goes here -------------------------------------------------*/

.col-span {
float:right;
width:440px;
margin-bottom:24px;
}

.col-span-content {
padding:10px 10px 4px 10px;
background:#e2e6e7;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.col-span-content  p {
font-size:12px;
line-height:18px;
}

.col-span-content  p {
margin-bottom:8px;
}

.col-span-content p a,
.col-span-content li a {
color:#e63e23;
}

.col-span-content p a:hover,
.col-span-content li a:hover {
color:#454545;
}

.widgetContainer {}

.widgetContainer ul li,
.widgetContainer  p {
font-size:12px;
line-height:18px;
}

.widgetContainer  p {
margin-bottom:8px;
}

.secondaryColumn#first .widgetContent{
margin-bottom:24px;
padding:4px 10px;
background:#e2e6e7;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.secondaryColumn#first .widgetContent p,
.secondaryColumn#first .widgetContent li {
color:#454545;
}

.secondaryColumn#first .widgetContent p a,
.secondaryColumn#first .widgetContent li a {
color:#e63e23;
}

.secondaryColumn#first .widgetContent p a:hover,
.secondaryColumn#first .widgetContent li a:hover {
color:#454545;
}

.secondaryColumn#second .widgetContent {
margin-bottom:24px;
padding:2px 10px;
background:#e5e6e1;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.secondaryColumn#second .widgetContent p,
.secondaryColumn#second .widgetContent li {
color:#454545;
}

.secondaryColumn#second .widgetContent p a,
.secondaryColumn#second .widgetContent li a {
color:#e63e23;
}

.secondaryColumn#second .widgetContent p a:hover,
.secondaryColumn#second .widgetContent li a:hover {
color:#454545;
}

h3.col-header,
.secondaryColumn h3,
.col-span h3 {
margin:0 0 12px 0;
padding:0 0 8px 0;
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
background:transparent url(images/bg-h3-border.gif) left bottom repeat-x;
}

h3.col-header a,
.secondaryColumn h3 a {
color:#333;
}

.widgetContent ul li,
.widgetContent p.minipost {
padding:4px 0;
border-top:1px solid #ccc;
}

.widgetContent p.minipost {
margin-bottom:0;
}

.widgetContent ul li:first-child,
.widgetContent .minipost:first-child {
border-top:none;
}

.widgetContent h4 {
font-size:12px;
margin-bottom:5px;
}

.widgetImage {
width:100%;
height:auto;
margin:8px 0;
background:#fff;
overflow:hidden;
}

/* Twitter widget */

.widget_twitter {
overflow:hidden;
}

.widget_twitter li {}

.widget_twitter li a {
color:#333;
}

.widget_twitter span.rss-date {
font-family:Georgia, Times, serif;
font-style:italic;
}

span.entry-meta {}

span.time-meta {
font-family:Georgia, Times, serif;
font-style:italic;
}

span.from-meta {
}

#flickr_badge_wrapper {
width:180px;
height:180px;
overflow:hidden;
}

#gdnewbasics h2 {
margin-bottom:12px;
}

#gdnewbasics p > img,
#gdnewbasics p > a img {
float:left;
margin:3px 12px 12px 0;
height:auto;
}

p#booklinks {
clear:both;
padding:6px;
color:#fff;
background:#e63e23;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

p#booklinks a {
color:#fff;
width:50%;
display:inline-block;
font-weight:bold;
text-align:center;
}

p#booklinks a:hover {
color:#fee16f;
}

/* title goes here -------------------------------------------------*/

#commentsContainer {
padding:10px;
background:#e2e6e7;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#commentsContainer span.hook {}

#commentsContainer h2,
#commentsContainer h3 {
margin-bottom:12px;
}

.cancel-comment-reply {}

.commentlist {
list-style:none;
margin-bottom:24px;
font-size:12px;
line-height:18px;
}

.commentlist li {
margin-bottom:24px;
}

.commentlist .comment-author,
.commentlist .comment-meta {
font-family:Georgia, Times, serif;
text-transform:uppercase;
font-size:10px;
font-style:normal;
letter-spacing:1px;
}

.commentlist .comment-author img.avatar {
float:left;
margin:0 12px 0 0;
}

.commentlist .comment-meta {
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid #aaa;
}

.commentlist .comment-author a,
.commentlist .comment-meta a {
color:#333;
}

.commentlist li .reply {}

.commentlist li .reply a {}

.commentlist li p {}

.commentlist li p a {
color:#e63e23;
}

.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
}

.commentlist .children {}

.commentlist .children li {}

#commentform .contain {}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
width:450px;
margin:6px 0 12px 0;
padding:3px;
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
color:#454545;
}

#commentform p label {
font-size:12px;
}

#commentform textarea {}

p.xhtml {
display:block;
margin:0 0 12px 0;
font-size:11px;
}

p.xhtml code {
color:#533d76;
}

p.nocomments {
font-size:12px;
}

/* title goes here -------------------------------------------------*/

#topofpage {
width:960px;
height:20px;
margin:12px 0;
float:right;
text-align:right;
text-indent:-999em;
}

#topofpage a#toplink {
width:74px;
height:20px;
float:right;
font-size:12px;
font-weight:bold;
color:#e63e23;
background:transparent url(images/bg-topofpage.gif) 0 0 no-repeat;
}

#topofpage a#toplink:hover {
background:transparent url(images/bg-topofpage.gif) 0 -20px no-repeat;
}

/*#topofpage p a em {
padding-right:1px;
font-family:Georgia, Times, serif;
font-style:italic;
font-weight:normal;
text-indent:-999em;
}*/

#footer {
clear:both;
padding:25px 0 12px 0;
background:transparent url(images/bg-footer-border.gif) left top repeat-x;
}

#footer p,
#footer ul {
margin:0 0 12px 0;
font-size:12px;
line-height:20px;
}

#footer .col {
float:left;
margin-right:80px;
background:#fff;
}

#footer .col a {
color:#666;
}

#footer .col a:hover {
color:#e63e23;
}

#footer .col ul li {
font-size:12px;
}

#footer .col ul.elsewhere li {
line-height:18px;
float:left;
clear:both;
padding:2px 0;
}

#footer .col ul.elsewhere li a img {
float:left;
margin:0 4px 0 0;
opacity:1;
}

#footer .col ul.elsewhere li a:hover img {
opacity:1;
}

#footer .col h3 {
margin:0 0 12px 0;
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
}

#footer h3.mica-logo a {
width:74px;
height:19px;
display:block;
background:transparent url(images/bg-logo-black.gif) 0 0 no-repeat;
text-indent:-999em;
}

#footer h3.mica-logo a:hover {
background:transparent url(images/bg-logo-black.gif) 0 -19px no-repeat;
}

#footer p#powered-by-wp {
float:right;
color:#666;
text-align:right;
}

#footer p#powered-by-wp a {
color:#e63e23;
}

#footer p#powered-by-wp a:hover {
color:#333;
}

/* title goes here -------------------------------------------------*/

#paginateIndex {
}

#paginateIndex p span.left a {
font-weight:bold;
color:#e63e23;
font-size:12px;
}

#paginateIndex p span.right a {
font-weight:bold;
color:#e63e23;
font-size:12px;
}

#paginateIndex p span a:hover {
color:#333;
}

.floatleft,
.alignleft {float: left;}
.floatright,
.alignright {float: right;}
.right {float:right;}
.left {float: left;}
.clear {clear: both;}
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fix {display: inline-block;} 
* html .fix{height: 1%;}
.fix{display:block;}