/* Layout for desktop version */

html {
       overflow: auto;
}
	
body { background:#f5f4f3; }
.row { background:#fff; }

.tomstable {
height:100%; 
width:100%; 
position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
border:2px solid; 
background-color: #242424; 
border-color: transparent; 
border-collapse: collapse; 
border-spacing: 0px; 
margin: 0; 
padding: 0;
}

.tomstd {
margin: 0; 
padding: 0px; 
padding-left: 15px; 
background-color: #242424;
}

#header .logo { font-family: 'Passion One', Georgia, serif; display:block; font-size:3.4em; font-weight: lighter; letter-spacing: -.5px; text-shadow: 2px 2px 3px #eee; line-height:2.5em; margin: 0 1em; border:0; }
#header p {text-align:right;}
#header p a { margin:10px; }

#nav { background:#5c5b5a; font-size:1em; }
#nav ul { list-style:none; margin:0 0 0 1em; }
#nav li { float:left; margin:5px 2.4em; }
#nav a { color:#f5f4f3; text-shadow:0 -1px #111; text-transform: capitalize; border:none; }

#content .breadcrumbs ul { list-style:none; margin:0; font-size:.9em; }
#content .breadcrumbs li { float:left; margin-right:.5em; text-transform: capitalize; }
#content .breadcrumbs li:before { content:"›  "; }
#content .breadcrumbs li:first-child:before { content:""; }

#content .nolineimg {
border-bottom: none;
position: relative; top: -11px;
}

#content .nolineimgrightcolumn {
border-bottom: none;
position: relative; top: -6px;
}

#content .nolineimgauthors {
border-bottom: none;
position: relative; top: -21px;
}

.textrightcolumn {
border-bottom: none;
position: relative; top: -21px;
}

h1, h2, h3 { clear:left; }
.article { margin: 10px 0; padding:0 20px; border-right:1px solid #ddd; }
.article ul, .article ol { margin-left:20px; }

#aside h3 {margin:10px;}
#aside ul {list-style:none; padding:10px;}

#footer { background:#e5e4e3; }
#footer .logosmall { 	
margin-left:10px;
color: #6d6c6b;
font-family: 'Passion One', Georgia, serif;
text-transform: capitalize;
font-size: 200%;
line-height: 39px;		/* Changing this will break the baseline grid. */
font-weight: lighter;
letter-spacing: 0px; 
text-shadow: 2px 2px 3px #eee; 
border:none; 
}
#footer .footbull {font-size: 90%;letter-spacing: 0px;line-height: 39px;text-shadow: 1px 1px 1px #ccc;font-weight: lighter;}
#footer .foottext {white-space:nowrap; text-transform: capitalize; font-size: 97%;letter-spacing: 0.06px;line-height: 39px;text-shadow: 1px 1px 1px #ccc;font-weight: lighter;}
#footer .footitem {font-size: 94%;}
#footer .noline {
border-bottom: none;
}
#footer h3 {margin:10px;}
#footer ul { padding:10px; margin:0; margin-left:5px; list-style: none; }

/* Layout for mobile version */

@media handheld, only screen and (max-width: 767px) {

#header .logo { margin:0; }
#nav li { margin:5px 1em; }
.article {border:none;}
#aside {border-top:1px solid #ddd;}
}

.myButtonLink {
	display: block;
	width: 1099px;
	height: 250px;
	background: url('/img/artgorithms.png') bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	background-position: 0 0;
	border-bottom: 0px;
}

.myButtonSyllabus {
	display: block;
	width: 609px;
	height: 100px;
	background: url('/img/syllabus.png') bottom;
	text-indent: -99999px;
}
.myButtonSyllabus:hover {
	background-position: 0 0;
	border-bottom: 0px;
}

/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(../img/downarrow@2x.png) no-repeat;
background-size: 27px 28px;
}
*/

}

@media print {
#content p {
font-size:11pt;
color: black;
}

#content img {
display:block;
page-break-after: avoid;
page-break-inside: avoid;
}

#content ul, li {
display:none;
page-break-inside:avoid;
}

#header {display:none;}
#comments {display:none;}
#sidebar {display:none;}
#footer {display:none;}

.site-description {display:none;}
.site-title {display:none;}

}