/*
Theme Name: Mouse Connectome Project
Theme URI:
Description: Mouse Connectome Project theme designed by Carlos Mena, programmed by Robert De La Cruz. Modified by Seita Yamashita.
Version: 2.0
Author: Robert De La Cruz
Modifier: Seita Yamashita
Author URI: http://www.loni.usc.edu
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0;}
body { line-height: 1; color: #333333; background: white; padding:0px; margin:0px;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}

@font-face {
  font-family: 'ACaslon'; src: url('includes/ACaslonPro-Regular.otf');
  font-weight: 500;
  font-style: normal;
}

#usc-header {
	background: black;
	width: 100%;
	clear:both;
	display: none;
}

#MMSLogo {
    font-family: "ACaslon"!important;
    font-size: 23px!important;
    color: white!important;
}

/* Main styles
*******************************/
html { height: 100%; margin-bottom: 1px;/* force vertical scrollbars */}

/* Default fonts
*******************************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;background:#ffffff}
input, select { font-family: Arial, Helvetica, sans-serif; }
textarea, pre, tt, kbd, var, code { font-family: "Courier New", Courier, monospace; }

/* Header elements
*******************************/
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 2.58em; color:#000000; font-weight: bold; text-transform:uppercase;}
h2 { font-size: 1.85em; color:#000000; font-weight: bold; text-transform:uppercase; margin-bottom:15px;}
h3 { font-size: 1.6em; color:#000000; padding-bottom:.6em; font-weight: bold; text-transform:uppercase; margin-bottom:15px;}
h4 { font-size: 1.4em; font-weight: bold; margin-bottom:20px;}
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

/* Text elements
*******************************/
.maincontentwide p			  { margin: 0; text-align: left; line-height:1.8; }
.maincontentwide p.last 		  { margin-bottom:0; }
.maincontentwide p.first		  { margin-top:1em; }
.maincontentwide p.img		  { float: left; margin:0 1em 1em 0; padding:0; }
.maincontent p			  { margin: 2em 0; text-align: left; line-height:1.8; }
.maincontent p.last 		  { margin-bottom:0; }
.maincontent p.first		  { margin-top:1em; }
.maincontent p.img		  { float: left; margin:0 1em 1em 0; padding:0; }
blockquote    { margin: 0 0 2em 2em; border:1px dotted #666; padding:1em; }
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
small		  { font-size: .9em; }
code          { /*style*/ }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
sub           { vertical-align:sub;font-size: .9em; }
sup           { vertical-align:super;font-size: .9em; }
acronym       { border-bottom:1px dotted #666; }
abbr 		  { /*style*/ }
dfn 		  { font-style:italic; }
bdo           { /*style*/ }
q             { font-style:italic; }
cite          { font-style:italic;}
dl { line-height:1.8; margin-bottom:1.2em;}
dd {}
dt {}
.boxcontent p { line-height:inherit;}
/*links*/
a:link, a:visited, a:focus, a:hover, a:active { /*color: #404040;*/color:#12A2A7; text-decoration: underline; cursor:pointer; }
a:hover	{ color:#404040; }
a:visited	{}
a:active, a:focus { outline: 0; } /*remove border in ff*/
a.more { color:#12A2A7; text-decoration:underline; font-style:italic;}


/* decorate lists in posts */
#content .post ul, #content .post ol { margin: 0 0 1em 2em;}
#content .post ul { list-style-type:disc;}
#content .post ol { list-style-type:decimal;}
#content .post ul li, #content .post ol li { line-height:2;}
/*input, textarea{ border:1px solid #cecece; font-size:12px}*/
img { border:0; outline:0;}

/* Wordpress aligning
*******************************/
.aligncenter { display: block; margin:0 auto;}
.alignleft { float:left; margin: 0 1em 1em 0;}
.alignright { float: right; margin: 0 0 1em 1em;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption { border:4px solid #12a2a7; border-radius: 10px; text-align:center; padding-top:4px; }
.wp-caption p.wp-caption-text { font-size:.92em; text-align:center;}

/* Text align
*******************************/
.t-right 	{ text-align: right; }
.t-left 	{ text-align: left; }
.t-center 	{ text-align: center; }
.t-justify 	{ text-align: justify; }

/* Other
*******************************/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#bodysection{ margin-top:20px; background: url(images/bg.png) repeat-y; height: auto; padding-bottom: 10px;}
#bodygallerysection{ margin-top:20px; padding-bottom: 10px;}
#main { width: 890px; margin:0px auto; }
.maincontent { width: 590px; float:right; text-align:left;}
#content ul {list-style:square; list-style-position:outside;}
#content li {margin: 10px;}
/* Comments
 *******************************/
.comments-list { font-size:.92em; }
#leavecomment { padding-top:1em; }
.comments-list .avatar { margin-bottom:4px; vertical-align:middle; }
.comments-list li { padding:18px; line-height:1.2; }
.comments-list li.graybox { background:#465B62; }
.comments-list cite { font-weight:bold; font-style:normal; }
.comments-list small { font-size:.83em; }
.comments-list .comment { margin-top:8px; }
#commentform input.text, #commentform textarea { padding:2px; color:#444; border:1px solid #a2c1c6; background:#cae4e5; }
#commentform input.text { width:200px; }
#commentform input.button { border:0; }
#commentform textarea { width:400px; }

#footer{ margin-top:16px; padding-top:2px; font-size:11px;
	background: rgba(237,237,237,1);
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#4b4b4b; overflow:hidden; }

#footer img { vertical-align:middle; }
#footer .copyright { line-height:39px;}
#footer .links { float:right;}
#footer .links a { margin-left:16px; font-weight:bold; color:#4D646C; }
#footer .links a:hover { text-decoration:none; }
.navigation { font-weight:bold; font-size:.92em; overflow:hidden; line-height:1.2; }

/* Navigation
*****************************/
/*- Top Menu-*/
#topmenu { margin:1px auto;  height: 30px; /* padding-left:20px; */ overflow:hidden; width:920px; }
#topmenu ul {margin-left: auto; margin-right: auto; margin-top: 0}
#topmenu li { border-left: 1px solid #ffffff; float: left; line-height: 34px; padding:0px; margin:0px;}
#topmenu li a{ color: #ffffff; display: block; margin: 0 1px 0 0; padding: 0 13px; text-decoration: none;}
#topmenu li a:hover,#topmenu li.active a{ color: #ffffff;}

/*- Nav / Dropdowns-*/
#nav{ padding: 0px;}
#nav ul{ padding: 0px; list-style: none; margin:0px;}
#nav a { text-transform:uppercase; font-weight:bold; font-size: 14px;}
#nav li { float: left; line-height:30px; background-color:#12A2A7;	}
#nav li a:hover { background: none;}
#nav li:hover { background: #1DC6CB;}
#nav li ul { position: absolute; width: 15em; left: -999em; padding-top:1px;}
#nav li:hover ul, #nav li.sfhover ul { left: auto; z-index:1000;}
#nav li ul li { background: #12A2A7; border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:18px; padding-top:6px; padding-bottom:6px; width:15em;}
#nav li ul ul { margin: -2.1em 0 0 15em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em;  background: #a7bfa7 url(images/bgr-box-trans.png) repeat-x top; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; background: #a7bfa7 url(images/bgr-box-trans.png) repeat-x top;}

#navbar { margin-bottom: 25px; background-color: #12A2A7;}

/* Search
****************************/
#search{ background: url(images/search.png) no-repeat left; height: 34px; margin: 5px 0px 10px; width:232px;}
#search input{ background: transparent; border: 0; color: #000000; float: left; font-size: 12px; margin: 7px 3px 0 3px; width: 192px; padding:2px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter;}
#search .btn{ margin: 1px 0 0; padding: 0; width: auto;}

/* Layout
****************************/
#header {width: 100%;margin: 0px auto;}
.vdivider { height: 1px; background: #FFFFFF url(images/vdivider.png) repeat-x; overflow:hidden; margin: 20px 0px 20px 0px; width: 250px;}
.fr { float:right; }
#galleria{height:400px;}

/*Header
****************************/
#headersection {

background: #000 url(http://www.mouseconnectome.org/wp-content/themes/mcp/images/logo6.png) no-repeat top center;
height: 185px;
margin: 0 auto;
background-position: top center;
}

#headersection img {
margin-top: 175px;
}


#mm-header-container {
    width: 100%;
    background-color: #12a2a7;
}

#mm-header {
    height: 40px;
    width: 890px;
    line-height: 46px;
    position: relative;
    margin: 0 auto;
}



#mm-logo {
	width: 322px;
    display: inline-block;
    vertical-align: middle;
    margin: 12px 10px;
    }

#mm-usc-logo {
    float: right;
    width: 131px;
    margin: 6px 10px;
  }




/* Sidebar
****************************/
#sidebar { width: 275px; float:left;}
#sidebar img { vertical-align:text-bottom;}
#sidebar a { color:#333333; font-size: 18px; text-decoration:none;}
#sidebar a:hover { text-decoration:underline;}
#sidebar ul li { list-style-image:url(images/bullet-links.png); list-style-position:outside; margin: 10px 10px 10px 30px;}
#news a { font-size: 12px; /*color:#404040;*/ color:#12A2A7;}
#news {margin-bottom:15px; font-size:12px; color:#333333; clear:both;  width: 250px; line-height:1.4em;}
#news a.more { color:#12A2A7; text-decoration:underline; font-style:italic;}
#news .date { font-size:12px;}
/* Font
****************************/
.grayside { color:#333333; font-size: 18px;}
.postdata { border-bottom: 1px solid #cccccc; margin-bottom: 10px; height: 20px;}


html,body{
	margin: 0
}

li{
list-style-type: none
}