/*
Theme Name: CNLD
Version: 1.0
Description: Theme for the Center for Non Linear Design
*/

img {
border:none;
}

a:link,a:visited {
text-decoration:none;
color:#252525;
}

a:hover,a:active {
color:#333;
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6,.titles2 {
font-weight:400;
margin:10px 0 5px;
border-bottom:1px solid #919191;
color:#3D3D3D;
}

h1 {
font-size:25px;
line-height:29px;
margin-bottom:0;
margin-top:10px;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.6em;
}
h4 {
font-size:1.2em;
}

h5,h6 {
border-bottom:0px solid #919191;
}

.post-title,.titles2 {
color:#2F4F73;
line-height:30px;
}

body {
background:#fff;
color:#5C5C5C;
font-family:Trebuchet MS,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
margin:0;
padding:0;
}

p .largefont {
font-size:14px;
}

#header {
background:#fff;
height:auto;
width:100%;
margin:0;
}

#logo {
width:100%;
}
#logo > div {
width:700px;
margin:0 auto;
}

.logo {
float:left;
border:0;
margin:10px 0;
}

.search-bar {
float:right;
margin:37px 0 0 0 ;
}

.search-bar input {
background:#fff;
border:1px solid #919191;
color:#919191;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
padding:3px;
}

#pages {
background:#fff;
border-bottom:1px solid #919191;
border-top:1px solid #919191;
height:45px;
margin:0 auto;
width:100%;
font-size:16px;
font-weight:700;
}

#pages > ul {
list-style-type:none;
list-style-image:none;
margin:0 auto;
padding:0;
}

#pages > ul > li {
float:left;
display:block;
height:100%;
padding:0;
}

#pages > ul > li > a {
color:#252525;
display:block;
height:35px;
margin:0;
padding:5px 20px;
position:relative;
}

#pages a:hover {
text-decoration:none;
background:#9F3131;
color:#fff;
}

.nav {
	width:820px;
}
.nav  ul {
position:absolute;
top:-999em;
}

.nav > li {
float:left;
position:relative;
z-index:99;
}

.nav > ul > li {
width:100%;
}

.nav > li:hover > ul, ul.nav > li.sfHover > ul {
margin:0!important;
left:0;
top:46px;
}


.nav > li > ul {
background-color:#fff;
border-left:1px solid #919191;
border-right:1px solid #919191;
list-style-type:none;
list-style-image:none;
padding: 0px;
}

.nav > li > ul > li {
position:relative;
font-size:14px;
border-bottom:1px solid #919191;
width:345px;
height:45px;
}

.nav > li > ul > li > a {
display:block;
height:35px;
width:305px;
padding:5px 20px;
margin:0;
}

.nav > li > ul > li > a:hover {
background-image:none!important;
background-color:#940000;
color:#333;
}

#wrapper {
position:relative;
background:#fff url(images/CNLD/content-bg.gif) top repeat-x;
margin:0 0 15px 0;
width:100%;
}

#container {
position:relative;
margin:0 auto;
padding:15px 0px 0px 0px;
width:780px;
}

#container2 {
background-image:url(images/content-bg.gif);
color:#727272;
padding:15px 15px 0 15px;
}

/* 3x3 icon box */
.icon-box{
width:570px;
padding:0px;
margin:0px auto;
}

.icon-title-left{
	position:absolute;
	top:0px;
	left:35px;
	width:72px;
	font-size:36px;
	text-align:center;
	color:#727272;
}

.icon-title-right{
	position:absolute;
	top:0px;
	right:81px;
	width:18px;
	font-size:36px;
	text-align:center;
	color:#727272;
}

.icon-box .full-break{
	text-align:center;
	padding:0px 20px;
	width:150px;
	height:200px;
	float:left;
}

.icon-box .half-break{
	text-align:center;
	padding:0px 10px;
	width:75px;
	height:200px;
	float:left;
}

.icon-box .full-break-small{
	text-align:center;
	padding:0px 10px;
	width:122px;
	height:175px;
	float:left;
}

.icon-box .half-break-small{
	text-align:center;
	padding:0px 5px;
	width:61px;
	height:175px;
	float:left;
}
/* 2x2 icon box */
.icon-box-narrow {
width:380px;
padding:0px;
margin:0px auto;
}

.post-box{
width:780px;
}

#blog-cont {
width:100%;
}

.single-entry {
float:left;
width:100%;
margin-bottom:10px;
padding:0 10px;
}

.post-wrapper {
background-color:#FFF;
width:581px;
border:1px solid #edf3f6;
padding:15px;
}

.home-post-wrap {
width:278px;
height:345px;
margin-right:10px;
float:left;
background-color:#FFF;
margin-bottom:10px;
overflow:hidden;
border:1px solid #F3DDAC;
padding:10px;
}

.home-post-wrap-box {
width:278px;
min-height:230px;
margin-right:10px;
float:left;
background-color:#FFF;
margin-bottom:10px;
overflow:hidden;
border:1px solid #F3DDAC;
padding:10px;
}

.home-post-wrap-home {
width:278px;
margin-right:10px;
float:left;
background-color:#FFF;
margin-bottom:10px;
border:1px solid #EDF3F6;
padding:10px;
}

.home-post-wrap2 {
width:591px;
margin-right:13px;
float:left;
background-color:#FFF;
border:1px solid #EDF3F6;
margin-bottom:10px;
padding:10px;
}

.page-post-wrap {
clear:both;
position:relative;
width:100%;
background-color:#FFF;
border:1px solid #EDF3F6;
}

.index-post-wrap {
width:593px;
margin-right:13px;
margin-bottom:10px;
float:left;
background-color:#FFF;
border:1px solid #EBEBEB;
padding:10px;
}

.readmore {
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
float:right;
padding-left:20px;
}

.readmore a:link,.readmore a:hover {
color:#2F4F73;
}

.thumbnail-home {
border:0px;
margin:0px;
}


.titles {
font-weight:400;
font-size:24px;
text-decoration:none;
}

.titles-featured a,.titles-featured a:hover,.titles-featured {
display:block;
margin-bottom:10px;
margin-top:5px;
font-size:28px;
line-height:30px;
}

pre,blockquote {
overflow:auto;
line-height:1.8em;
background-color:#f5f5f5;
border:1px solid #e0e0e0;
margin:20px 30px;
padding:0 10px;
}

pre:hover,blockquote:hover {
background-color:#f0f0f0;
border:1px solid #d0d0d0;
}

#slide {
background-image:url(images/slide-bg.gif);
height:198px;
margin-top:10px;
width:935px;
margin-left:7px;
float:left;
}

#categories {
width:948px;
height:45px;
background-image:url(images/categories-bg.gif);
border-left:1px solid #F91111;
border-right:1px solid #F91111;
margin:auto;
}

#categories ul {
list-style-type:none;
list-style-image:none;
float:left;
margin:0 10px 0 0;
padding:0;
}

#categories ul li {
float:left;
display:block;
height:45px;
padding:0;
}

#categories ul li a:link,#categories ul li a:visited,#categories ul li a:active {
float:left;
color:#FFF;
display:block;
height:35px;
font-size:11px;
margin:0;
padding:10px 20px 0;
}

#categories ul li a:hover {
background-position:top;
background-image:url(images/categories-hover.gif);
margin:0;
}



#sidebar-wrapper {
width:315px;
float:right;
margin-bottom:20px;
}

#sidebar {
float:left;
padding-left:0;
padding-right:0;
width:250px;
}

.sidebar-box {
background-color:#FFF;
border:1px solid #EDF3F6;
float:left;
margin-bottom:10px;
width:200px;
padding:10px;
}

.articleinfo {
border-bottom:1px solid #EEE;
color:#545454;
padding-bottom:7px;
}

.sidebar-box ul li a:link,.sidebar-box ul li a:visited,.sidebar-box ul li a:active {
display:block;
color:#727272;
width:200px;
background-image:none!important;
border-bottom:1px dotted #D7D7D7;
padding:3px;
}

.sidebar-box ul {
float:left;
padding:0;
list-style-type:none;
margin:0;
}

.sidebar-box h3 {
font-size:10px;
color:#383838;
text-transform:lowercase;
font-weight:700;
font-family:Trebuchet MS;
float:left;
width:100%;
}

.headings {
font-size:10px;
color:#383838;
text-transform:lowercase;
font-weight:700;
font-family:Trebuchet MS;
float:left;
width:100%;
margin-bottom:10px;
margin-top:0;
}

#commentwrap {
display:block;
width:570px;
margin-bottom:20px;
margin-top:20px;
margin-left:5px;
}

.commentlist li {
display:block;
float:left;
clear:both;
margin-left:0;
margin-bottom:10px;
}

.comment-inside {
background-image:url(images/comment-bgDefault.gif);
width:408px;
float:left;
color:#616161;
margin:0;
padding:0 10px 0 40px;
}

#commentform {
background:#FFF;
margin:1em 0 1em 20px;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:370px;
}

#commentform #email {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(images/comment-email.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #author {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(images/comment-author.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:280px;
background-image:url(images/comment-website.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #email:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(images/comment-email.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #author:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(images/comment-author.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform #url:focus {
font-size:1.1em;
background:#fff;
border:1px solid #939793;
width:280px;
background-image:url(images/comment-website.gif);
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:30px;
padding-top:6px;
}

#commentform input {
margin-bottom:3px;
}

.search_bg {
height:35px;
width:260px;
float:left;
margin-top:10px;
margin-left:10px;
}

#search {
color:#FFF;
padding:0;
}

#search input {
background:#FFF;
font-size:11px;
color:#B8B8B8;
font-family:Tahoma, arial, verdana, courier;
width:150px;
height:11px;
vertical-align:middle;
border:1px solid #E7E7DC;
padding:10px;
}

.icons {
margin-top:0;
margin-bottom:-5px;
margin-right:10px;
}

#search .input {
width:66px;
height:31px;
background:none;
border:none;
vertical-align:middle;
margin:0 0 0 10px;
padding:0;
}

.thumbnail-div {
width:281px;
height:130px;
margin-bottom:5px;
float:left;
margin-right:10px;
}

.thumbnail-div-home {
width:281px;
height:130px;
margin-bottom:5px;
float:left;
border:1px solid #D1D1D1;
margin-right:10px;
padding:2px;
}

.thumbnail-div-2 {
width:80px;
height:80px;
border:1px solid #E1E1E1;
margin-bottom:5px;
float:left;
margin-right:10px;
padding:2px;
}

.thumbnail-div-3 {
width:60px;
height:60px;
border:1px solid #E1E1E1;
margin-bottom:5px;
float:left;
margin-right:10px;
padding:2px;
}

.post-info {
color:#000;
font-size:10px;
}

.post-inside-2 {
float:left;
width:450px;
}

.random {
float:left;
margin-bottom:20px;
font-size:10px;
}

.cat-thumb {
border:1px solid #D1D1D1;
float:left;
display:inline;
margin-right:10px;
margin-bottom:1px;
padding:2px;
}

.random-image {
float:left;
width:80px;
height:80px;
border:1px solid #E1E1E1;
display:inline;
margin-right:10px;
padding:2px;
}

ul,ol {
line-height:2em;
}

.thumbnail-div-featured {
border:5px solid #E7F3FF;
width:580px;
height:160px;
}

#featured {
background-color:#FFF;
background-image:url(images/post-bg.gif);
background-repeat:repeat-x;
width:593px;
border:1px solid #EBEBEB;
margin-bottom:10px;
padding:10px;
}

.featured-content {
float:right;
width:353px;
margin-right:5px;
}

.current-category {
background-color:#FFF;
border:1px solid #F3DDAC;
color:#000;
display:block;
margin-bottom:10px;
width:601px;
padding:5px;
}

.nanotabs {
width:562px;
}

.tabs li {
float:left;
list-style:none;
text-align:center;
}

.tabs li a {
display:block;
text-align:center;
background:#F5F5F5;
color:#333;
font-size:11px;
text-decoration:none;
width:104px;
height:18px;
float:left;
margin-bottom:-1px;
z-index:100;
margin-right:2px;
padding:5px 0;
}

.tabs li a:hover {
color:#000;
background:#DDD;
}

.tabs li a.selected {
color:#FFF;
background-color:#CF0000;
}

.nanotabs div {
display:none;
width:542px;
padding-left:10px;
padding-right:10px;
float:left;
}

.san a,.san a:visited {
display:block;
border:1px dashed #FFF;
background-color:#CF0000;
color:#FFF;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:5px;
}

.san a:hover {
background-color:#DDD;
color:#000;
}

.idTabs {
float:left;
list-style-type:none;
margin-left:0;
margin-top:0;
margin-bottom:10px;
padding:0;
}

.idTabs ul {
margin-left:0;
padding-left:0;
margin-top:0;
margin-bottom:10px;
}

.idTabs li {
display:inline;
float:left;
color:#A2A2A2;
text-align:center;
font-size:11px;
margin:0;
padding:0;
}

.idTabs li a {
color:#393939;
background-color:#FFF;
border:1px solid #EDF3F6;
text-decoration:none;
padding-left:4px;
padding-right:4px;
height:25px;
margin-right:4px;
display:block;
float:left;
font-size:10px;
}

.idTabs li a:hover {
background-color:#EDF3F6;
color:#000;
}

.idTabs li a.selected {
background-color:#2F4F73;
border:1px solid #EDF3F6;
color:#FFF;
text-decoration:none;
padding-left:4px;
padding-right:4px;
height:25px;
display:block;
float:left;
margin-right:4px;
}

#recententries {
background-color:#fff;
float:left;
display:block;
margin:0 0 10px;
}

#recententries a:visited,#recententries a:hover,#recentcomments2 a:visited,#recentcomments2 a:hover,#mostcomments a:visited,#mostcomments a:hover {
color:#393939;
}

#footer {
clear:both;
font-size:13px;
text-align:center;
width:100%;
margin:0px auto 5px auto;
padding:14px 0;
border-bottom:1px solid #919191;
border-top:1px solid #919191;
}

#footer a {
}

#footer a:visited {
}

#footer a:hover {
text-decoration:underline;
}

#scrollable {
background-repeat:no-repeat;
background-position:top;
width:935px;
float:left;
height:160px;
padding:0;
}

.items {
float:left;
width:700px;
height:165px;
display:block;
margin-top:17px;
}

.slide-items {
height:155px;
width:155px;
margin-left:5px;
margin-right:5px;
float:left;
background-color:#FFF;
padding:5px;
}

.slide-items-a a {
color:#4E4E4E;
font-size:16px;
display:block;
margin:8px 0 0 25px;
}

a.prev,a.next {
display:block;
width:30px;
height:198px;
float:left;
background-repeat:no-repeat;
margin:0;
}

a.prev {
background:url(images/slide-button-left.gif);
}

a.next {
background:url(images/slide-button-right.gif);
margin-left:2px;
}

div.navi {
position:relative;
top:-30px;
left:310px;
margin-left:-50px;
width:50px;
height:0;
}

div.navi span {
width:8px;
height:8px;
float:left;
background:url(img/dots.png) 0 0 no-repeat;
cursor:pointer;
margin:3px;
}

div.navi span:hover {
background-position:0 -8px;
}

div.navi span.active {
background-position:0 -16px;
}

.scrollable input {
border:1px solid #DBDBDB;
height:25px;
}


.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

p img {
max-width:100%;
padding:0;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}


.nav li:hover li ul,.nav li.sfHover li ul,.nav li:hover ul,.nav li li:hover ul {
top:-999em;
}

.titles a:link,.titles a:visited,.titles a:active,.titles2 a:link,.titles2 a:visited,.titles a:active {
text-decoration:none;
font-size:17px;
font-family:Trebuchet MS;
margin:5px 0px 0px 0px;
display:block;
padding:0px;
}

.home-post-wrap ul li a:link,.home-post-wrap ul li a:visited,.home-post-wrap ul li a:active,.home-post-wrap-home ul li a:link,.home-post-wrap-home ul li a:visited,.home-post-wrap-home ul li a:active {
display:block;
color:#727272;
width:245px;
background-image:none!important;
border-bottom:1px dotted #D7D7D7;
padding:3px;
}

.home-post-wrap ul li,.home-post-wrap-home ul li,.sidebar-box ul li {
color:#727272!important;
margin-left:0;
width:100%;
}

.home-post-wrap ul,.home-post-wrap-home ul {
float:left;
padding-left:10px;
list-style-type:none;
margin:0 0 20px;
}

.home-post-wrap ul li a:hover,.home-post-wrap-home ul li a:hover,.sidebar-box ul li a:hover {
display:block;
color:#393939;
background-color:#F5F5F5;
padding:3px;
}

.commentlist ol,.commentlist {
margin-left:0;
padding-left:0;
}

.random a:link,.random a:visited,.titles-boxes {
float:left;
display:block;
font-size:13px;
font-weight:700;
}

#ichi,.san,.ni {
padding-top:10px;
padding-bottom:10px;
background:#F5F5F5;
}

#recentcomments2,#mostcomments {
background-color:#fff;
float:left;
display:none;
margin:0 0 10px;
}

.aligncenter,div.aligncenter,img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

div.caption_full {
width:500px;
display:block;
margin-left:auto;
margin-right:auto;
}

div.caption_half {
width:250px;
display:block;
margin-left:auto;
margin-right:auto;
}

/* End Images */


/* Seminar Post Styling */
.cal_wrap {
	width:778px;
	border:1px solid #919191;
}

.cal_header {
	text-align:center;
	padding:5px 0px;
}

.cal_header > h3 {
	border:0px;
	display:block;
	margin:0px 200px;
}

.cal_header > p {
	display:block;
	float:right;
	padding:0px;
	margin:0px;
}

.seminar_wrap {
	border-top:1px solid #919191;
	border-bottom:1px solid #919191;
	width:778px;
	margin:2px auto;
}
.seminar_time {
	clear:both;
	position:relative;
	float:left;
	width: 275px;
	color:#3C3C3C;
}

.day {
	padding:0px 10px;
	float:left;
}

.date {
	padding:0px 10px;
	float:left;
}

.time {
	padding:0px 10px;
	float:left;
}

.room {
	padding:0px 10px;
	float:left;
}
.seminar_info {
	position:relative;
	float:left;
	width:503px;
	color:#3C3C3C;
}

.clear {
	height:1px;
	clear:both;
}

.clear_left {
	height:1px;
	clear:left;
}

.speaker {
	padding:0px 10px;
	font-size: larger;
	float:left;
}

.university {
	padding:0px 10px;
	float:left;
}

.sem_title {
	font-style: italic;
	font-size: larger;
	clear:both;
	min-width:10px;
	margin:0 auto;
	padding:0px 10px;
}

.sem_title a {
	text-decoration: underline	
}


/* Styling for Research Topic Pages */

.research_item {
	text-align:center;
	padding:0px 20px;
	width:150px;
	height:200px;
	float:left;
}

.research_item a{
	display:block;
	height:100%;
	width:100%;
}

img.research_image {
	display:block;
	width:150px;
}
/* Styling for Course Items */

.course_item {
	text-align:center;
	padding:0px 20px;
	width:100px;
	float:left;
}

.course_item a{
	display:block;
	height:100%;
	width:100%;
}

img.course_image {
	display:block;
	width:100px;
}

/* Styling for Personnel Pages */

.personnel_item {
	text-align:center;
	padding:0px 20px;
	width:150px;
	height:200px;
	float:left;
	font-size:14px;
}

.personnel_item a{
	display:block;
	height:100%;
	width:100%;
}

.personnel_item_small {
	text-align:center;
	padding:0px 10px;
	width:122px;
	height:175px;
	float:left;
	font-size:14px;
}

.personnel_item_small a{
	display:block;
	height:100%;
	width:100%;
}

img.personnel_image_small {
	display:block;
	width:122px;
	height:122px;
}

img.personnel_image {
	display:block;
}

#personnel_container {
	width:100%;
	position:relative;
}

#personnel_content{
	padding:0px 10px;
}

#personnel_content p{
	margin:0px;
}

#personnel_experience,.personnel_right{
	float:right;
	width:360px;
	padding:0px 0px 0px 20px;
}

.personnel_icon-box,.personnel_left {
	float:left;
	width:380px;	
	padding:0px 10px;
	margin:0px;
}
.personnel_icon-box {
	float:left;
	width:380px;	
	padding:0px;
	margin:0px;
}


#personnel_container .personnel_left {
	float:left;
	width:380px;	
	padding:0px;
	margin:0px;
}

.personnel_icon-box > .research_item {
	width:100px;
	height:160px;
	padding:5px 13px;
}
.personnel_icon-box img {
	width:100px;
}
.personnel_icon-box > h3{
	margin:10px 0px;
}

#personnel_research {
	width:369px;
	padding:0px 10px 0px 0px;
}

#personnel_info {
	width:380px;
	padding:0px;
}

#personnel_info > #name {
	padding:0px 0px 5px 0px;
	font-size:18px;
	color:#3C3C3C;
}

#personnel_info > #title {
	border-bottom:1px solid #919191;
}
#personnel_photo {
	float:right;
	background:#fff url(images/CNLD/content-bg.gif) 0px -15px repeat-x;
	padding: 0px 0px 0px 20px;
	margin:0px;
	width:360px;
}

.personnel_photo {
	width:360px;
}

/* Pagination Styling */

.pagination_left {
	float:left;
}

.pagination_right {
	float:right;
}


/* Add arrows to user added links */

#container > .personnel_right a {
	background: transparent url(images/CNLD/link_arrow.png) right center no-repeat;
	padding: 2px 16px 2px 0px; 
}

#container > .personnel_left a {
	background: transparent url(images/CNLD/link_arrow.png) right center no-repeat;
	padding: 2px 16px 2px 0px; 
}