body {
	background:url(/images/stripe.png);
}

#bodywrap {
background:url(/images/gradient.png) repeat-x;
}

#wrapper {
	width: 821px;
	margin: 0 auto;
}

#header {
	height: 140px;
}

#mainWrap {
	background:url(/images/wall2.jpg);
}

#main {
	width: 777px;
	float: left;
	padding: 10px 5px 7px 15px;
	margin: 5px;
	font-family: "Georgia";
	line-height: 18px

}

#main a:visited {
        color: #9c4b4d;
}

#main h2 {
	font-size: 30px;
	padding:15px;
}

#main h2 a {
        text-decoration: none;
        color: white;
}

#main h2 a:hover {
        color: #5b5fd2;
}       

.contact {
margin-left: 60px;

}

/* nav */

#nav {
	background-color: #2F2E2E;
	height: 50px;
	font-size: 18px;
	letter-spacing: 2px;
	font-family: "Helvetica";
}

#nav ul {
	float: right;
}

#nav ul li {
	float: left;
        margin: 5px 10px;
	background:url(/images/blended_corners_bottom.png);
	color:#000;
	height: 26px;
	padding: 3px 0 0 0;

}

#nav ul li a {
	text-decoration: none;
        color: #fff;
	padding: 2px 8px 5px 10px;
	border: 2px solid #fff;
	border-top: 0;
}

#nav ul li a:first-child {}

#nav ul li a:visited {}

#nav ul li a:hover {color: #5b5fd2; 
       border: 2px solid #5b5fd2;
       border-top: 0;
       background:#fff;
}

/* mainsection - applies to home page and resume */

.mainsection {
	color: #ccc;
	margin: 10px;
	border: 1px solid black;
	background:url(/images/black-70.png);
        width: 400px;
        font-family: "Georgia";
}

.mainsection h2 {
	font-size: 24px;
	padding: 10px;
        text-align: center;
        color: white;

}

.mainsection h3 {
	font-size: 20px;
        padding: 8px 0 8px 18px;
}

.mainsection h3 a {
	color: #ccc;
}

.mainsection a {
	color:#ccc;
}

.mainsection p {
       line-height: 1.2em;
       padding: 0 10px 15px 15px;
}

.mainsection a:hover {
       color: #5b5fd2;
}

/* left and right - used for proficiency in resume  */

#left {
	float: left;
	width: 260px;
	padding: 10px 0px 15px 60px;
}

#right {
	padding: 10px 10px 15px 260px;
}

/* left and right 2 - used for contact info in resume  */

#left2 {
	float: left;
	width: 200px;
	padding: 10px 25px 0px 30px;
}

#left2 ul li {
padding-bottom: 35px;
}

#right2 {
	padding: 10px 10px 20px 0px;

}

/* resume photos */

.resumePhotos {
padding-top: 10px;
width: 250px;
float: right;
}

.resumePhotos img {
border: 1px solid black;
margin: 0px 0 30px 25px;
width: 230px;
}

/* blogsection  */

.blogsection {
        color: #ccc;
	margin: 10px;
	padding: 10px;
	border: 1px solid black;
	background:url(/images/black-70.png);
	width: 520px;
        overflow: auto;
}

.blogsection h3 {
	color: #ccc;
        font-family: "Palatino";
	font-size: 22px;
        padding: 15px 0px 40px 25px;
        margin-left: 45px;
}

.blogsection h3 a {
	color: #ccc;
}

.blogsection h4 {
	font-size: 18px;
        clear:both;
        padding: 10px;
}

.blogsection a {
	color:#3299CC;
}

.blogsection a:hover {
       color: #5b5fd2;
}
       
.blogsection p {
	color: #ccc;
        font-family: Verdana, sans-serif;
	font-size: .81em;
        padding: 8px 10px 10px 10px;
        clear: both;
}

.blogsection img {
        clear: left;
        margin: 1px 0 8px 109px;
        border: 2px solid #5b5fd2;
}

.sotm {
      clear: left;
}

.band    {
       font-style: italic;
       margin-left: 30px;
       float: left;
}   

.break {
      margin-right: 120px;
      float: left;
}

.song {
        margin-left: 240px;
}


/* all of these apply to the date tag in the top-right corner  of blog posts */

.posted {
 text-align: center;
 float: left;
 margin: 0 10px 0 0;
 padding: 3px;
 text-transform: lowercase;
 font-family: "Verdana";
 background:url(/images/date_bg.jpg);
 border: 1px solid black;
}

.posted ul li {
 line-height: 20px;
}

.weekday {
 line-height: 22px;
 color: #fff;

}

.year {
 color: #fff;
}

.month {
 color: #000;
}

.day {
 padding: 1px 0 1px 0;
 color: #000;
}


/*  sectionFront - applies to recent blog entries on front page */

#sectionFront hr {
	clear:both;
        margin: 3px;
}

#sectionFront {
       float: left;
       width: 410px;
       background-color: #2F2E2E;
       color: #ccc;
}

#sectionFront h2 {
       text-align: center;
       font-family: "Verdana";
       font-size: 18px;
       padding: 5px 0 10px 0;
}

#sectionFront p {
       font-family: "Lucida Grande";
       color: #ccc;
       padding: 5px 0 8px 10px;
       font-size: 14px;
}

#sectionFront h3 {
       color: #ccc;
       font-size: 12px;
       font-family: "Verdana";
       padding: 4px 0 5px 10px;
}


#sectionFront h3 a {
       color: #fff;
       font-size: 15px;
       padding-right: 10px;
}

#sectionFront a {
       color: #ccc;
}

#sectionFront a:hover {
	color: #5b5fd2; 
}

#sectionFront img {
       float: left;
       padding: 8px 5px 2px 10px;
}

/*  delicious */

#delicious {
       float: right;
       width: 400px;
       background-color: #2F2E2E;
       color: #ccc;
       padding: 5px 0px 0px 10px;
       border-left: 1px solid #ccc;
       font-family: "Verdana";
}

#delicious a {
       color: #fff;

       padding: 10px 0 10px 0;
       font-size: 12px;    
       text-decoration: none; 
}

#delicious a:hover {
       color: #5b5fd2; 
}

#delicious h2 {
       text-align: center;

       padding: 0px 0 10px 0;
}

#delicious hr {
	clear: both;
        margin: 3px 7px 6px 0px;
}

#delicious h2 a {
      font-size: 18px;
      color: #ccc;
      text-decoration: underline; 
}

#delicious ul li {
      padding-bottom: 11px;
}

#delicious .delicious-tag {
      color: #151515;

}

/* links - wrapper for sectionFront and delicious */

#links {
      background-color: #2f2e2e;
}

/* findme - replaces sidebar, at bottom of all pages */

#findme {
	background-color: #2f2e2e;
	color: #ccc;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 24px;
}

#findme h2 {
	float: left;
	padding: 0px 0 7px 20px;
	font-size: 20px;
	color: #ccc;
	font-family: "Georgia";
	font-variant: small-caps;
	letter-spacing: .2em;
}


#findme ul {
	padding: 1px 20px 0 0;

}

#findme ul li {
	float: right;
}

#findme ul li a {
	text-decoration: none;
	padding: 0px 30px 0 30px;
	color: #fff;
	font-family: "Verdana";
	font-size: 14px;
}

#findme ul li a:hover {
	color: #5b5fd2; 
}

#findme img {
	margin: 0 0px -6px 0;
}


/* sidebar - applies to  blog page  */

#sidebar {
	background-color:#7d1313;
	width: 200px;
	float: right;
	padding: 10px 0 10px 0;
        margin-top: 10px;
}
	
#sidebar h2 {
	line-height: 18px;
	font-size: 18px;
        text-align: center;
	font-family: "Georgia";
	color: #000;
	padding: 3px 0px 8px 0px;
}

#sidebar h2 a {
        color: #000;
        text-decoration: none;
}

#sidebar h2 a:hover {
        color: #5b5fd2; 
}

#sidebar ul {
	font-family: "Georgia";
	font-size: 14px;
	line-height: 20px;
}

#sidebar ul li a {
	color: #dedede;
        text-decoration: none;
}


#sidebar ul li {
	color: #dedede;
	padding: 6px 0 6px 15px;
}

#sidebar ul li a:hover {
	color: #5b5fd2; 
}

/* footer */

#footer {
	background:url(/images/blended_corners_bottom.png);
	clear: both;
	height: 30px;
	line-height: 30px;
	font-family: "Verdana";
	font-size: 14px;
}

#footer p {
	float: left;
	padding: 0 0 0 25px;
	color: #fff;
}

#footernav {
	float: right;
	color: #5b5fd2;
}


#footernav a {
	text-decoration: none;
	padding: 0 15px 0 10px;
	color: #fff;
}

#footernav a:hover {
	color: #5b5fd2;
}

#footernav a:last-child {
	padding: 0 25px 0 5px;
}

/* portfolio */

#portfolio_nav {
	background: none;
	font-size: 16px;
	letter-spacing: 2px;
	font-family: "Helvetica";
	width: 532px;
        color: #5b5fd2;
}

#portfolio_nav ul {
	float: right;
	padding-right: 15px;

}

#portfolio_nav ul li {
	float: left;
        margin: 5px 5px 0px 4px;
	height: 24px;
	padding: 2px 0 0 0px;
}

#portfolio_nav ul li a {
	background: url(/images/black-70.png);
	text-decoration: none;
	padding: 6px 12px 6px 12px;
        border: 1px solid black;
        border-bottom: none;
}

#portfolio_nav ul li a:visited {
        color: #5b5fd2;
}

#portfolio_nav ul li a:hover {color: #5b5fd2; 
       color:#fff;
       border: 1px solid white;
       border-bottom: none;
}

#subportfolio_nav {
       background: url(/images/black-70.png);
       height: 20px;
       clear: both;
       width: 530px;
       padding: none;
       border-left: 1px solid black;
       border-right: 1px solid black;

}

.project {
	clear: left;
        padding: 5px;
	background: url(/images/black-70.png);
	border: 1px solid black;
        border-bottom: 0;
	min-height: 160px;
        color: #dedede;
        width: 520px;
}

.project h3 {
	font-size: 22px;
        line-height:20px;
	padding: 10px;
}

.lastProject {
	border-bottom: 1px solid black;
}

.firstProject {
	border-top: none;
padding-top: 20px;

}

.project img {
	border: 1px solid #5b5fd2;
	margin: 3px 10px;
        float: left;
}

.project a {
       color: #fff;
}

.project a:hover {
       color: #5b5fd2;
}

.project p {
       font-size: 15px;
}

.project ul {
       font-size: 22px;
       padding: 10px 0px 5px 25px;
}

.project ul li {
       padding-bottom: 15px;
}

.project ul li a {
       text-decoration: none;
}

.other p {
	font-size: 14px;
	line-height: 19px;
}

.pbg h4 {
       text-align: center;
       font-size: 22px;
       padding: 10px;
}

.cover img {
       display: block;
       margin-left: 210px;
}

.alligator {
      border-bottom: 1px solid black;
}

.PBG_title {
background: #ccc;
width: 532px;
}

.radio_ad {
border: 1px solid gray;
border-bottom: none;
margin-left: 112px;
width: 288px;

}

.last_radio_ad {
border: 1px solid gray;
margin-left: 112px;
width: 288px;
}

/* classes */

.clear {
	clear: both;
	display: block;
}

.sitename {
	visibility: hidden;
}

/* panels */


a:focus {
	outline: none;
}

#panel {
	background: #754c24;
        width: 239px;
	height: 192px;
	display: none;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(/images/btn-slide.gif) no-repeat center top;
}

.btn-slide {
	background: url(/images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.active {
	background-position: right 12px;
}