/*
 * Theme: Computing at the Margins 
 * Version: 1.0
 * Author: Christopher Le Dantec (ledantec@cc.gatech.edu)
 * Description: Purpose-built theme for the 2009 C@M Symposium
 *
 */
 
/*
 * Basic definitions
 *
 */
  
body {
	font-family: "Myriad Pro", MyriadPro, Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 14pt;
	background-color: #fff;
	color: #4d4a36;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

a:link {
	text-decoration: underline;
	font-weight: bold;
	color: #89887d; 
}

a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #4d4a36;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #44221F;
}

h1 {
	color: #4d4a36;
	font-size: 1.3em;
	margin-bottom: .75em;
}

h2, h3 {
	color: #4d4a36;
	font-size: 1em;
	margin-bottom: .5em;
}

h4 {
	color: #4d4a36;
	font-size: .75em;
	margin-bottom: .5em;

}

p {
	line-height: 1.75em;
	margin-top: 0;
	margin-bottom: 1.75em;
	font-size: .8em;
}

table {
	font-size: .8em;
}

ul{
	font-size: .75em;
}

li{
	margin-bottom: 1em;
}

pre{
	margin-left: 2em;
	font-size: 12pt;
}

blockquote {
	font-size: .75em;
	margin-left: 2em;
	border: 1px solid #89887D; 
	background-color: #f6f6f6;
}

iframe{
	padding: 7px;
	border: 1px solid #89887D;
}

.framed{
	padding: 7px;
	border: 1px solid #89887D;
}

/*
 * Header.php definitions
 *
 */

#navBar{	
	width: 800px;
	margin:0px;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 13px 10px 15px 15px;
	position: relative;
	top:0px; 
	left:0px;	
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	color: #9FACB2;
	background-image: url(./images/navBackground.png);
	background-repeat: none;
}

#navBar ul{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#navBar li {
	margin: 0 40px 0 0;
	padding: 0;
	background-color: #fff;
  	display: inline; 
  	text-align: left;
	text-decoration: none;
	border-bottom: none;
}

#navBar li a:link {
	color: #9facb2;
	text-decoration: none;
}

#navBar li a:visited {
	color: #9facb2;
	text-decoration: none;
}

#navBar li a:hover {
	color: #374c56;
	text-decoration: none;
}


#masthead{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(./images/photoMarginBackground.png);
	background-repeat: repeat-x;
	overflow: hidden;
	
}

/*
 * Sidebar definitions
 *
 */

#right{
	width: 235px;
	position: absolute;
	top:0px;
	left:560px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#right h2{
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 3px 0 0 7px;
	color: #fff;
	background-color: #B7C1C5;
}

#right p{
	text-align: center;
	margin: 2em 0em 0em 0em;
	padding: 0;
}

#right img {
	padding: 5px;
}

#right a img{
	border: #fff solid 1px;
	
}

#right a:hover img{
	border: 1px dashed #E4D2CF;
	 
}

#right ul { 
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#right li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#right ul li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
}

/*
 * Footer definitions
 * the margin-top is funky bcs of the way i've broken up the divs. 
 * the actual spacing is a result of copyright + navigation
 */

#copyright{
	text-align: center;
	margin-top: 4em;
	font-size: .75em;
	color: #B7C1C5;
}

#copyright p{
	margin-top: .75em;
}

/*
 * Main content area definitions
 *
 */

#contentContainer{
	width: 800px;
	margin:0px;
	margin-top: 2.75em;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border:0px solid black;
	position: relative;
	top:0px; 
	left:0px;
}

#content{	
	width:480px;
	padding: 0 0 0 35px;
	margin:0px;
	position: absolute;
	left: 0px;
	top:0px;
	text-align: left;
}

.hidden{
	display: none;
}

.small{
	font-size: .75em;
}


/*
 *
 * Home page styles for two columns of text.
 *
 */

#descriptionLeft{}

#keynoteRight{
	float: right;
	margin-top: -.8em;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 200px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #f2f1e7;
}

#keynoteRight img{
	text-align: center;
	margin-bottom: .75em;
}

#keynoteRight p{
	font-size: .75em;
	color: #374c56;
	margin-bottom: .75em;
}

#keynoteRight .title{
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1.2em;
}

/*
 *
 * Styles for the agenda page
 *
 */
#speakers .themeDescription{
	font-size: .9em;
	line-height: 1.75em;
	font-weight: normal;
	color: #4d4a36;
}

#speakers{
	margin-top: 1.5em;
	margin-left: 0em;
}

#speakers h2{
	color: #374c56;
}

#speakers h3 {
	margin-top: 0;
	font-size: .8em;
}

#speakers h4 {
	color: #9facb2;
}

#speakers p{
	font-weight: bold;
	color: #374c56;
	line-height: 1.3em;
	margin-bottom: .5em;
}

#speakers table {
	font-size: .9em;
	margin-left: 0;
	padding-left: 0;
}

#speakers img {
	float: right;
	padding: 5px;
	border: 1px solid #9facb2;
	margin-right: .5em;
	margin-bottom: 1em;
}

#speakers .speakerBio{
	font-weight: normal;
	color: #374c56;
}

#speakers .speakerTitle{
	font-weight: normal;
	font-style: italic;
	color: #89887d;
}

#speakers .speakerTitle a:link, #speakers .speakerTitle a:visited{
	color: #89887d;
	font-weight: normal;
}

#speakers .speakerTitle a:hover{
	color: #44221F;
	font-weight:normal;
}

#speakers a:link, #speakers a:visited{
	color: #374c56;
}

#speakers a:hover{
	color: #44221F;
}

#speakers a:hover img {
	border: 1px solid #44221F;
}

/*
 * Post definitions
 *
 */
 
.entry {
	border-bottom: #f2f1e7 solid 1px;
	padding-bottom: 0;
}

.entry p{
	margin-bottom: .75em;
	padding-bottom: 0;
}

.entry img{
	margin-right: 20px;
}

.entry .speakerTitleBio{
	color: #89887d; 
	font-size: 1em;
}

.entry .speakerTitleBio a:link, .entry .speakerTitleBio a:hover {
	font-weight: normal;
}

.entry .speakerTitleBio a:visited {
	font-weight: normal;
}

.post {
	margin-bottom: 2em;
}

.post h1 a:link{
	text-decoration: none;
	color: #4D4A36;
}

.post h1 a:visited{
	text-decoration: none;
	color: #89887D;
}

.post h1 a:hover{
	text-decoration: none;
	color: #44221F;
}

.post .small, .page .small{
	color: #9facb2;
	margin-bottom: 1em;
}

.postmetadata {
	margin-top:1.75em;
	margin-bottom: 0;
	border-bottom: #f2f1e7 solid 1px;
	color: #9facb2;
	font-size: .75em;
}

.postmetadata a:link{
	color: #9facb2;
}

.postmetadata a:visited{
	color: #9facb2;
}

.postmetadata a:hover{
	color: #374c56;
}

.navigation {
	margin-top: -2.75em;
	margin-bottom: 3em;
	color: #9facb2;
	font-size: .75em;
}

.navigation a:link{
	color: #9facb2;
	text-decoration: none;
}

.navigation a:visited{
	color: #9facb2;
	text-decoration: none;
}

.navigation a:hover{
	color: #374c56;
	text-decoration: none;
}

.navigation .alignleft{
	float: left;
	text-align: left;
}

.navigation .alignright{
	float: right;
	text-align: right;
}

/*
 * Comments definitions
 *
 */

#comments{
	background-color: #f6f6f6;
}

#comments h3{
	padding: 9px 7px 5px 7px;
	font-size: 1em;
	font-weight: normal;
	color: #374c56;
	margin-bottom: 0;
}

#comments .navigation{
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 0 7px 0 7px;
}

ol.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li {
	list-style: none;
	margin-bottom: 0;
}

.commentlist cite {
	padding: 7px;
	display: block;
	font-style: normal;
}	

.commentlist a:link, .commentlist a:visited {
	color:#374c56;
}

.commentlist a:hover, .commentlist a:active {
	color:#9facb2;
}

.commentlist .author {
	font-size: .75em;
	text-decoration:underline;
}

.commentlist cite {
	font-size: .75em;
	color: #374c56;
}
.commenttext {
	color: #9facb2;
	font-size: .75em;
	padding: 0 20px 10px 20px;
}

#respond {
	padding-bottom: 1px;
}

#respond p{
	padding-left: 20px;
	color: #9facb2;
	font-size: .75em;
}

#respond a:link, #respond a:visited {
	color:#374c56;
}

#respond a:hover, #respond a:active {
	color:#9facb2;
}

/*
 * Search definitions 
 *
 */
 
.search-readMore {
	margin-top: -1em;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: right;
	font-size: .8em;
}

.search-readMore a:link, .search-readMore a:visited{
	text-decoration: none;
	color: #9facb2;
}

.search-readMore a:hover, .search-readMore a:active{
	text-decoration: none;
	color: #374c56;
}

/*
 *
 * Registration Form style
 *
 */
 
#common_form table, #regVerfiy table{
	width: 100%;
	border: 1px solid #89887D; 
	background-color: #f6f6f6;
	padding: 10px 10px 10px 10px;
	border-spacing: 10px;
}

#common_form th, #common_form td, #regVerfiy th{
	text-align: right;
	vertical-align: top;
	color: #374c56;
	
}

#regVerfiy td{
	text-align: left;
	vertical-align: top;
	color: #374c56;	
}

#regVerfiy .continueButton{
	text-align: right;
}

#regVerfiy a:link, #regVerfiy a:visited {
	font-weight: normal;
	color: #374c56;
}

#regVerfiy a:hover {
	font-weight: normal;
	color: #44221F;
}


#general, #GTfac, #foundation, #guest, #GTstudent{
	margin: 1em 0 1em 0;
}

#general .small, #GTfac .small, #foundation .small, #guest .small, #GTstudent .small {
	color: #9facb2;
}