@charset "UTF-8";
/*  
###################################
I AM Website
General Styles for screen

Author: Josh Sager
Site: http://www.joshsagermedia.com

###################################
*/

/*---------------------------------
		Typographic Styles for HTML Elements
-----------------------------------*/
dl,dt,li,ol,ul {margin:0;}

/* TYPOGRAHPIC CLASS STYLES */

/* headings */
h1{margin:0; padding:0;}
h1 b{position:absolute; left:-9999px;}
h2,h3{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-left:15px;}
h2{font-size:28pt; margin-top:40px; margin-bottom:5px; letter-spacing:2px;}
    h2 a{color:#000; text-decoration:none;}
    h2 a:hover{color:#fcb034;}
h3{font-size:14pt; color:#999; padding-right:10px; margin-top:0; line-height:2em;}
h4{padding:0 0 0 20px; font-size:18px; margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
h5{}
h6{padding-left:10px; color:#CCC; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; font-weight:normal;}
    h6 a{color:#9FB1FA;}
    h6 a:hover{color:#00f; text-decoration:none;}

/* lists */
ol{}
ul{}
li{}
dl{margin:0 0 40px;}
dt{color:#99C; font-size:18px; margin:10px 0 10px;}
dd{font-size:12px; line-height:1.5em;}
hr{border: solid thin #fcb034; clear:both;}

/*paragraphs*/
p{}

/*---------------------------------
			ARCHITECTURAL STYLES 
-----------------------------------*/
html{background-image:url(../cssImages/background_tile.png); background-repeat:repeat-x; background-position:top center;}
body{margin:0; height:820px; }
#wrapper{margin:0 auto; overflow:hidden; width:980px; font-family:Arial, Helvetica, sans-serif;}
	.wrapperWidthSecondary{width:1180px;}
#sideBar{width:380px; float:left; background-color:#fff; background-image:url(../cssImages/iam_Full.png); height:600px; background-repeat:no-repeat; background-position:center bottom; }
#content{width:595px; float:left; background-color:#fff; margin:0 0 25px;}
#footer{clear:both; margin:35px 0 0 100px; width:200px; }
#utilityNavigation{display:inline}
#recentPosts{clear:both; display:block; border:10px solid #d0692a; background-color:#fff; padding:20px; margin:0 0 0 70px; height:140px; }
     #recentPosts ul{width:200px; max-height:130px; border-right:1px solid #d0692a; float:left; margin:10px 0 0 0; padding:0 30px 0 10px; overflow:hidden;}
     #recentPosts ul li{background-image:url(../cssImages/doubleArrowBullet.png); list-style:none; background-repeat:no-repeat; padding:0 0 10px 40px;
       font-size:80%;
       font-style:italic;
       font-weight:bold;
     }
     #recentPosts ul li a{color:#000; text-decoration:none; font-size:12px;}
     #recentPosts ul li a:hover{color:#d60003; text-decoration:underline;}
     #recentPosts h4{width:180px; height:115px; background-image:url(../cssImages/recent-Posts.png); float:left; background-repeat:no-repeat; background-position:top center; padding:0 10px 0 0;}
     #recentPosts h4 b{position:absolute; left:-9999px;}
#recentArticle{float:right; width:400px; max-height:130px; overflow:hidden;}
     #recentArticle h5{margin:10px 0 0 0; padding:0; }
          #recentArticle h5 a{color:#d6000e; text-decoration:none; text-transform:uppercase;}
          #recentArticle h5 a:hover{color:#d6000e; text-decoration:underline;}
     #recentArticle p{margin:0; color:#999; font-size:80%; line-height:1.5em;}
     #recentArticle p a{font-style:italic; color:#000; text-decoration:none; font-weight:bold;}
     #recentArticle p a:hover{color:#d6000e; text-decoration:underline;}

/* logo styles */
.logoGrey,.logoOrange{text-transform:uppercase; font-weight:bold;font-family: Arial;}
.logoGrey{color:#999;}
.logoOrange{color:#fcb034;}

/* ---------------------------------
				NAVIGATION STYLES
-----------------------------------*/
#navigation{clear:both; overflow:hidden; padding: 10px 0px 10px 0px;}
#navigation li{display: block; list-style-image: none; margin: 60px 0px 0px 0px; padding: 20px 0px 10px 0; width:145px; float: left; text-align:center;}
#navigation li a{text-decoration:none; color:#d6000e; width:150px; font-weight:bold; }
#navigation li:hover a, #navigation li:hover{color:#fff; cursor:pointer; background-color:#d6000e;}
	#navigation li a img{display:block; width:100px; margin:0px auto; border-color:#fff; border-style:solid; border-width:2px;}

/* secondary Nav */
.secondaryNav{font-family:Arial, Helvetica, sans-serif;  margin:10px 0px 10px 12px; text-transform:uppercase; font-size:12px; font-weight:bold;}

/* Utility Nav */
#utilityNavigation {color:#CCC; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; font-size: 70%;}
#utilityNavigation ul{ display:inline; margin:0px 0px 0px 0px; text-indent:0px; padding:0px 0px 0px 0px;}
	#utilityNavigation a:visited, #utilityNavigation a:link, #utilityNavigation a:active{color:#9FB1FA;}
	#utilityNavigation a:hover{color:#00f; text-decoration: none;}
#utilityNavigation li{ list-style:none; display:inline; margin: 0; padding: 0;}


/* ---------------------------------
					BACKGROUNDS
-----------------------------------*/


/* I AM Backbround Images */
.iamMomQuote{background-image:url(../cssImages/iam_MomQuote.png); width:335px; height:600px; background-repeat:no-repeat; background-position:bottom left; background-color:#FFF; margin-right:100px;}

/* large Mastheads */
.robotMastHead{ background-image:url(../cssImages/iamNotaRobot.png); width:598px; height:130px; background-repeat:no-repeat;}
.devMastHead{ background-image:url(../cssImages/iamAdeveloper.png); width:598px; height:130px; background-repeat:no-repeat;}
.desMastHead{ background-image:url(../cssImages/iamAdesigner.png); width:598px; height:130px; background-repeat:no-repeat;}
.musMastHead{ background-image:url(../cssImages/iamAmusician.png); width:598px; height:130px; background-repeat:no-repeat;}
.eduMastHead{ background-image:url(../cssImages/iamAnEducator.png); width:598px; height:130px; background-repeat:no-repeat;}
.nerdMastHead{ background-image:url(../cssImages/iamAtypeNerd.png); width:598px; height:130px; background-repeat:no-repeat;}

/* Small Mastheads */
.samplesOfWorkMasthead{ background-image:url(../cssImages/Masthead-Samples.png); width:598px; height:66px; background-repeat:no-repeat;}

/* Content Columns */
.col1, .col2 {width:270px;float:left; margin:0px 10px 0px 12px;}