/*  
Theme Name: Emerging Media
Theme URI: http://www.emerging-media.org
Description: City Tech Emerging Media Technologies theme
Version: 2.0
Author: Daniel Wong
Author URI: http://citytech.cuny.edu

*/

/* general */
* {
padding: 0;
margins: 0;


}

body {
	/*background-image: url(images/main-background.jpg);*/
        background-color: #4c566d;
        background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 62%;
        color: #CEE7ED;
        
}

h2{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.8em;
	color: #00e6ff;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}


a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:active{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	color: #00E6FF;
	text-decoration: none;
}


/* layout */
#header {
	clear: left;
	display: block;
	height: 23em;
        padding:30px 0 30px 38px;
}

#container {
	width: 103em;
	margin: 0 auto;
}

#info_panel {
	background: url(images/emerging-media-logo.gif) no-repeat; 
	width:404px;
	float:left;
	text-align: left;
}



#content {
	width:60em;
	position:relative;
	float: right;
	/*border-left:1px solid #ffffff;*/
	
}

#posts {
	width: 357px;
	/*margin: 0 0 20px 10px;*/
	float: left;
}

ul#sidebar {
/*	margin: 0 0 20px 10px;*/
	float:right;
	width: 20em;
        line-height:1.5em;
        color: #CEE7ED;
}

/* header */


#header h1 {
	font-size: 0;
	color: #B9D984;
	
}

#header a {
	text-decoration: none;
	
	
}
#header h1 a {
	display: block;
	height: 150px;
	width: 100%;
	
}

#header a:hover {
	
}


/*
li #search {
	position: absolute;
	top: 171px;
	right: 70px;
	height: 19px;
	z-index: 1;
	padding-left:18px;
}
*/


#header p {
	text-indent: -5000px;
}




/*  panel */



#info_content {
padding-top:17em;
padding-left:5em;
font-size: .90em;
line-height:1.3em;

/*padding-right:2em;
padding-bottom:1em;
padding-top:2em;*/

}
/*
#info_panel h2{
	font-weight: normal;
	font-size:1.3em;
	margin-bottom:1em;
	
}


#info_panel p.heading{
	font-weight: bold;
	display:inline;
	
	
}
#info_panel p {
	font-size: .90em;
	margin-bottom:1em;
}
*/

#info_panel blockquote {
	background: url(images/blockquotestart.gif) no-repeat left top;
	/*width: 95%;
	margin-right: auto;
	margin-left: auto;*/
	padding: 1em 1em 1em 3em;
	height: 455px;
}

#info_panel blockquote em {
	background: url(images/blockquoteend.gif) no-repeat right bottom;
	padding-right: 2.5em;
	padding-bottom: 1em;
	font-style:normal;
}

/* ************* Navigation **************** */

#mainnav{
min-width:45em;
height:2em;
float:right;
}
 
#mainnav ul{
	vertical-align: middle;
	background:#c710ca;
	margin: 0px;
	padding: 2px 0;
}
 
#mainnav li {
	display: inline;
	font-family: "Courier New", Courier, monospace;
	padding:0 1em;
	color: #FFFFFF;
	height: 2em;
	vertical-align: middle;
	font-size: 1.3em;
        text-transform:uppercase;
}

#mainnav a:link, #mainnav a:visited, #mainnav a:active {
        color: #000000;
        text-decoration: none;
}

#mainnav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* sub nav */

#subnav {
        /* min-width:45em; */
        min-height: 1.5em;
        float: right;
        clear:both;
        margin-bottom: 1.5em;
} 
 
#subnav ul {
        min-width:45em;
	margin: 0px;
}
 
#subnav li{
	
	display: inline;
	font-family: "Courier New", Courier, monospace;
	padding:0 1em;
	vertical-align: middle;
	font-size: 1.1em;
}



/* ******* content typography ********** */
#posts p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cee7ed;
	font-size: 1.4em;
/*	margin-top: 1em; */
	padding: 0px;
	line-height: 1.5em;
}

#posts ul, ol{
	margin-bottom: 1.3em;
	margin-left: 1.75em;	
}

#posts li{
 	margin-bottom: .35em;
	line-height: 1.3em;
}

.entry p {

	margin: 0 0 20px 0;
}

.post h2 {
	font-size: 1.8em;
/*	margin: 0 0 3px 60px; */
}

.post h3 {
	font-size: 1.3em;
	margin-bottom: .25em;	
}

.post h4 {
        font-size: 1.3em;
}
        
.entry ul {
        font-size: 1.3em;

}        

.tags {
	font-size: .85em;
	line-height: 1.5em;
	margin: 0 0 0 60px;
}

.postmetadata {
	font-size: .85em;
	line-height: 1.25em;
	margin: 0 0 0 60px;
}

.date {
	width: 50px;
	height: 60px;
	border: 1px solid #cccccc;
	background: #fff;
	text-align: center;
	margin: 0 0 10px 0;
	float: left;
}

.month {
	font-size: .95em;
	background: #319390;
	background-repeat: repeat-x;
	background-position: 0 -5px;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
}

.day {
	font-size: 1.5em;
	height: 25px;
	line-height: 30px;
	font-weight: bold;
	
}

.year {
	font-size: .75em;
	height: 15px;
	line-height: 15px;
}

.post {
	margin: 0 0 40px 0; 
/*	padding: 20px;*/

}

.commentdate {
	font-size: 11px;
	margin: 0 0 10px 0;
}

h3#comments {
	margin-bottom:1em;
	
}

.post h2.notfound {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 3px 0px;

}

/* page posts typography -- this is used on regular pages -- not search results */
.page .post h2 {
	font-size: 1.8em;
	margin: 0 0 1em 0;
}

/*Forms*/

form.phplist label {
display: block;
margin-top: 1em;
}

form.phplist submit {
	margin-top: 1em;
	
}





form.wpcf7-form span.wpcf7-list-item {
	display: block;
}

div.wpcf7-response-output wpcf7-mail-sent-ok {
border: 1px solid #759453;

}


div.wpcf7-response-output wpcf7-validation-errors wpcf7-mail-sent-ng {
border: 1px solid #759453;

}
/* blog posts formatting */



.commentbubble {
/* position: relative;
	left: 530px;
	width: 71px;*/
}

.commentbubble a {
	display: block;
	font-size: .85em;
	/*background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;*/
}


.commentbubble a:hover {
	/*background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;*/
}



	


.entry {
	margin: 0;
	clear: both;
}

.post a, .navigation a {
	color: #00E6FF;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #FFFFFF;
}

.post a img {
	border: none;
	margin-bottom:1em;
}

.post blockquote {
	background: url(images/blockquotestart.gif) no-repeat left top;
	/*width: 95%;*/
	margin-right: auto;
	margin-left: auto;
	padding: 1em 2.5em;
}
.post blockquote em {
	background: url(images/blockquoteend.gif) no-repeat right bottom;
	/*margin-right: 2em;*/
	padding-right: 2.5em;
	padding-bottom: 1em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #759453;
	background: #E7FFC7;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #759453;
	color: #687f49;
}

#commentform input {
margin-bottom: 0em;
}

#commentform #comment {
margin-top: .5em;
}

#commentform #submit {
	margin-top: .5em;
}

#commentform p {
	margin: 0 .5em .5em 0;
	
}






.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ffffff;
	padding: 20px;
	border: 1px solid #759453;
	margin: 0 0 20px 0;
}

h3#respond {
margin: 1em 0 .5em 0;


}

h3#comments {
	margin-top: 2em;
	margin-bottom: .5em;
	font-size: 1em;
	
}


.avatarcontainer {
	float: left;
	margin: 0 5px 0 0;
}

.avatar {
	border: 1px solid #759453;
}


/* ************* sidebar *************** */

#sidebar ul {
	margin: 0 0 1.5em 0;
	padding: 0;
        color: #CEE7ED;
}

#sidebar li li {
	font-size: 1em;
}

#sidebar h2 {
	margin-top: 1.2em;
        margin-bottom: 0.25em;
	font-size: 1.5em;
}

#sidebar h3 {
	margin: 0;
	font-size: .85em;
	line-height: 1em;
	font-weight:normal;
}

#sidebar p {
	margin: 0 0 1em 0;
	font-size: 1em;
	line-height: 1.2em;
}

#sidebar a {
	color: #00E6FF;
	text-decoration: none;
}
#sidebar ul li 
{
        list-style-type: disc;
        list-style-position: inside;
}

#sidebar a:hover {
	color: #FFFFFF;
}

#sidebar li.widget.widget_text {
         list-style-type: none;
}

#sidebar li.widget {
         list-style-type: none;
}

#sidebar li.widget.widget_text div.textwidget li {
         list-style-type: disc;
         list-style-position: inside;
}





#sidebar .rssfeed {
	border-bottom: 1px solid #ffffff;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	height: 20px;
}
#sidebar div.event {
	background-color:#E7FFC7;
	padding:.5em;
	margin-top:.5em;
}

#sidebar div.event p {
	margin: 0;
	font-size: .85em;
	line-height: 1em;
}

#sidebar .rssfeed a img {
	border-style: none;
	

}

#sidebar li#tag_cloud {
margin-bottom: 1em;
}

#sidebar li#archives select {
margin-bottom: 1em;

}



div#login_register p, span#alw_registerMessage, span#alw_lostPasswordMessage, span.ajax_login_widget{
margin-bottom: 1em;
}

span.ajax_login_widget{

}

div#login_register p, #sidebar div#login_register a {
	font-size: .85em;
}

#sidebar input {
margin-bottom: .75em;

}

#sidebar li#search {
	border-bottom: 1px solid #ffffff;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	height: 20px;
	list-style-type: none;
	}

#s {
	background: #ffffff;
	border: none;
	width: 140px;
	margin: 0;
	font-size: 10px;
	padding: 2px;
}
/* footer */
#footer {
	clear: both;
	height: 40px;
	background: #ffffff;
	border-top: 1px solid #759453;
	margin-top: 2em;  
}

#footer p {
	text-align: center;
	font-size: .75em;
	position: relative;
	top: 10px;
	margin: 0;
	padding: 0;
}

/*#footer a {
	color: #333228;
	text-decoration: none;
}

#footer a:hover {
	color: #767855;
}
*/
#wp-calendar {
	width: 150px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0 0 30px 0;
	font-size: 10px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}


#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
}

#wp-calendar a:hover {
	background: #cccccc;
}


/*TABLE STYLES*/

tr.graybar {
	
	background: #f1f1f1;
	height: 40px;


}

tr.whitebar {
	
	height: 40px;

}

td.categories {
	
	padding: 5px 0px 5px 10px;
	width: 190px;
		  
}

td.rightalign {
	text-align: right;
	vertical-align: top;
	color: #666666;
	text-transform:uppercase;
	font-size:80%;
	letter-spacing: 1px;
	font-weight:bold;	
	width: 105px;
	padding: 0px 5px 0px 0px;


}

td.graybox {
	text-align: center;
	background-color:#999999;
	height: 34px;
	vertical-align:middle;
	color: #333333;
	text-transform:uppercase;
	font-size:70%;
	letter-spacing: 1px;
	font-weight:bold;
	
}

td.lightgraybox {
	text-align: center;
	background-color:#CCCCCC;
	height: 34px;
	vertical-align:middle;
	color: #333333;
	text-transform:uppercase;
	font-size:70%;
	letter-spacing: 1px;
	font-weight:bold;
	
}

td.scm {
	background-color:#f1f1f1;
}

td.whitebox {

	height: 24px;
	color:#000000;
	font-size: 85%;
	text-align: center;
	vertical-align:middle;
	
}

/* was vertical-align:middle; instead of vertical-align:top, but */
/* sections w/multiple meeting times look better when it is top. */
td.bigwhitebox {
	height: 40px;
	color:#0066FF;
	font-size: 85%;
	text-align: center;
	vertical-align:top;
}

.tabletop {

	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;

}

.tabletwo {

	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;

}

.coursetable {

	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;

}

.clearthefloats {
        clear: both;
}

.search-terms {
	font-weight: bold;
	

}