/*
Theme Name: CAD
Description: The default CAD Wordpress Theme
Version: 1.0
Author: TheBigMuscle
*/
 
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

#container { margin: 0 auto; background-image: url(images/background.jpg); background-repeat: no-repeat; width: 900px; height: 782px; position: relative; z-index: 2; }

#newsflash { background-image: url(images/newsflash.jpg); background-repeat: no-repeat; height: 229px; width: 216px; float: left; margin-top: 23px; margin-left: 80px; text-align: center; display: inline; z-index: 2; position: absolute; }
#newsflash a img { margin-top: 80px; 2px solid; border: 2px solid #333; }
#newsflash a:hover img { border: 2px solid #666; }
#newsflash span { display: block; font-size: 1.4em; font-weight: bold; margin-top: 125px; }
#newsflash span a { text-decoration: none; color: #000; font-weight: }
#newsflash span a:focus, #newsflash span a:hover { text-decoration: underline; } 

#content { border: 2px solid #000; height:374px; width: 632px; position: absolute; top: 57px; left: 112px; overflow-y: scroll; overflow-x: hidden; padding: 20px; z-index: 1; }

#content a { color: #F60; text-decoration: none; }
#content a:focus, #content a:hover { text-decoration: underline; }
#content p { font-size: 1.2em; }
#content h1 { font-size: 2.2em; line-height: 1.2em }
#content h1 a, #content h2 a { color:#000; }
#content h2 { font-size: 1.5em; line-height: 1.2em; margin-top: 16px; }
#content img { border: 2px solid #F60; }
#content a img { border: 2px solid #F60; }
#content a:hover img { border: 2px solid #333; }
#content address { font-size: 1.2em; }

#content .post { clear: both; } 

#content #header { height: 60px; border-bottom: 2px solid #F60; }
#content #header h1 { float: left; font-size: 2.2em; line-height: 60px; margin: 0; }
#content #header img.smalllogo { float: right; border: none; }

#content #map { position: absolute; left: 20px; width: 300px; top: 82px; }
#content #company { position: absolute; right: 0px; width: 300px; top: 82px; }

#content img.homelogo { margin-top: 110px; margin-left: 60px; border: 0; }
#content img.profile { float: right; margin-top: 15px; margin-bottom: 5px; margin-left: 20px; display: inline; }

#content #projects, #content #projectsmain { margin-top: 20px; }
#content #projects img { width: 133px; float: left; margin-right: 10px; }
#content #projectsmain .item { float: left; margin: 0px 8px 20px 8px; }
#content #projectsmain .item img { width: 133px; }
#content #projectsmain .item p { margin-top: 5px; }
#content #projects .item { float: left; width: 280px; height: 115px; margin-right: 20px; display: inline; }
#content #projects .item p { margin-top: 40px; }

#content #projectimages { float: left; width: 133px; }
#content #projectimages img { width: 133px; border: 0; }
#content #projectimages .item { margin: 15px 0px; }
#content #projectcontent { float: right; width: 465px; }

#content #respond { }
#content #commentform #comment { width: 457px; }
#content #commentform #submit { float: right; }
.post img { margin: 0px 15px 15px 0px; float: left; clear: left; }

.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist li { margin-bottom: 2px; padding: 10px 10px 1px 10px; background-color: #eee; border: 1px solid #ddd; }
.commentlist li .comment-author, .commentlist li .comment-meta, .commentlist li em { font-size: 1.2em; }

.navigation { clear: both; }

#menu { height: 233px; width: 805px; position: absolute; top: 490px; }
#menu a { text-indent: -60000px; position: absolute; display: block; }
#menu .profile a { width: 211px; height: 225px; left: 49px; }
#menu .projects a { width: 200px; height: 225px; left: 259px; }
#menu .news a { width: 191px; height: 225px; left: 458px; }
#menu .contact a { width: 202px; height: 225px; left: 648px }