/*   
Theme Name: Portfolio
Theme URI: http://www.chrismonaccio.com
Description: Theme for use with my portfolio.
Author: Chris Monaccio
Author URI: http://www.chrismonaccio.com
Version: 1.0
*/

/*---------------------------------------------------
-------------- Generic Page Styles --------------
------------------------------------------------------*/

/*------------------- General ---------------------*/

*{
	margin:0;
}
html {
	height:100%;
}
body{
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	color:#515151;
	background:#252525 url(images/contentGradient.gif) bottom repeat-y;
}
p, span {
	padding:5px;
	line-height: 1.7em;
}
h2, h3 {
	padding:5px;
	font-weight:normal;
}
hr{
	margin:2px 15px 10px;
	border:none;
	border-top:medium dotted #515151;
}
a,#workPage #content a{
	text-decoration:none;
	border-bottom:1px solid #515151;
}
a img, :link img, :visited img {
	border: 0;
}
.portfolio a,.imgList a{
	border:0;
}
.breaker {
	clear:both;
}

/*------------------- pageHead ---------------------*/
#pageHead{
	padding-bottom:6px;
}
#pageHeadContent{
	width: 700px;
	margin: 0 auto;
}
#pageHeadContent h1{
	margin-right:33px;
	padding-top:28px;
	text-align:right;
	font-size:2.1em;
	font-weight:normal;
	font-family: "century gothic", verdana, sans-serif;
	color:white;
}
h1 a{
	border-bottom:0;
}
#nav{
	margin-right:33px;
}
#nav ul li{
	display:inline;
	list-style:none;
}
#nav ul a{
	height: 22px;
	border-bottom:none;
	float:right;
	text-indent:-9999em;
	overflow:hidden;
}
a#home{
	width:70px;
	background:url(images/navHome.gif) top left no-repeat;
}
a#archives {
	width:92px;
	background:url(images/navArchives.gif) top left no-repeat;
}
a#portfolio{
	width:94px;
	background:url(images/navPortfolio.gif) top left no-repeat;
}
a#about{
	width:79px;
	background:url(images/navAbout.gif) top left no-repeat;
}
a#contact{
	width:78px;
	background:url(images/navContact.gif) top left no-repeat;
}

/*---------------- nav --------------------*/

#homePage #nav ul a:hover{
	background-position:0 -22px;
}
#archivesPage #nav ul a:hover{
	background-position:0 -44px;
}
#portfolioPage #nav ul a:hover,#workPage #nav ul a:hover{
	background-position:0 -66px;
}
#aboutPage #nav ul a:hover{
	background-position:0 -88px;
}
#contactPage #nav ul a:hover{
	background-position:0 -110px;
}

/*-------------------- content ------------------------*/

#wrapper{
	width:100%;
	background:white;
}
#outerContentWrapper{
	width:701px;
	margin:0 auto;
	border:solid #606060;
	border-top-width:0;
	border-bottom-width:0;
	border-left-width:1px;
	border-right-width:1px;
	background:#cfcece url(images/contentGradient.gif) repeat-y top;
}
#innerContentWrapper{
	width:638px;
	margin-left:31px;
	background:#afafaf url(images/fauxColBG.gif) repeat-y top left;
}
#content{
	width:450px;
	float:left;
}
#welcome{
	height:103px;
	width:339px;
	margin:15px 0 0 15px;
	padding:0 5px 0 82px;
}
#welcome h2{
	font-size:large;
}
#welcome p{
	font-size:0.8em;
	line-height:1.3em;
	
}
.contentHeader{
	margin:13px 0 0 15px;
	padding:0;
	font-size:x-large;
}
.post{
	margin:0 0 17px 15px;
}
.post h3{
	font-size:large;
}
.post p{
	padding-right:15px;
	line-height:1.3em;
}
.post p, .post span {
	font-size:0.8em;
}
span.plinkAndComments{
	font-size:x-small;
}
.postDate{
	height:54px;
	width:54px;
	background:url(images/dateIcon.gif) no-repeat top left;
	margin:0 10px 0 0;
	float:left;
}
.postDate dt,.postDate dd{
	text-align:center;
}
.postDate dt{
	font-size:0.8em;
	padding-top:4px;
	color: white;
}
.postDate dd{
	margin-top:-4px;
	font-size:2em;
}
.portfolioPiece{
	margin:0 0 17px 0;
}
#workPage #content ul{
	list-style:none outside;
	margin: 5px 0 0 5px;
	padding: 0px;
	font-size:0.8em;
}
#workPage #content ul li{
	margin-bottom:2px;
}
#workPage #content ul li span{
	font-weight:bold;
	font-size:1em;
	margin:0px;
	padding:0px;
}
#content ul{
	list-style:none outside;
	margin: 0 10px 8px 20px;
	padding: 0px;
	font-size:0.8em;
}
#content ul li{
	margin-bottom:2px;
}
#aboutPage dl{
	margin:0 10px 8px 20px;
}
#aboutPage dd{
	margin:0 10px 2px 5px;
}
#aboutPage dt, #aboutPage dd{
	font-size:0.8em;
}

/*-------------------- sidebar ------------------------*/

#sidebar{
	width:188px;
	float:right;
}
#sidebar h2{
	margin:15px 0 0 15px;
	padding:0;
	font-size:medium;
	font-weight:normal;
}
.imgList{
	margin:0 0 0 18px;
	padding:0;
	list-style-type:none;
}
.imgList li{
	padding:4px;
	float:left;
}
.imgList img{
	width:38px;
	height:38px;
}
.textList{
	margin:0 0 0 26px;
	padding:0;
	list-style:circle inside;
}
.textList li{
	padding:4px 0 0 0;
	font-size:small;
}
.imgList li a:link img,.imgList li a:visited img{
	border:3px solid #707070;
}
.imgList li a:hover img{
	border:3px solid white;
}
/*-------------------- footer ------------------------*/

#outerFooterWrapper{
	width:700px;
	height:67px;
	margin:0 auto;
	padding-top:6px;
	background:url(images/stripGrey.jpg) repeat-x top left;
}
#innerFooterWrapper{
	width:638px;
	margin:5px auto 0 auto;
}
#innerFooterWrapper span{
	padding:0 8px;
	font-size:0.6em;
}
#innerFooterWrapper span img{
	padding-right:2px;
}
/*---------------------------------------------------
---------- homePage Specific Styles -----------
------------------------------------------------------*/

#homePage h2,#homePage h3{
	color:#4d36e8;
}
#homePage #pageHead{
	background:#252525 url(images/stripBlue.jpg) repeat-x bottom left;
}
#homePage #welcome{
	background: url(images/homeWelcomeBox.gif) no-repeat;
}
#homePage #welcome h2,#homePage  #welcome p{
	color:white;
}
#homePage #footer{
	background:url(images/stripBlue.jpg) repeat-x top left;
}
#homePage #sidebar h2{
	color:#3423a6;
}
#homePage #content a:hover,#homePage #innerFooterWrapper a:hover{
	border-bottom:2px solid #4d36e8;
}
#homePage a:link,#homePage a:visited{
	color:#422fc3;
}

/*---------------------------------------------------
-------- archivesPage Specific Styles ---------
------------------------------------------------------*/

#archivesPage h2,#archivesPage h3{
	color:#528910;
}
#archivesPage #pageHead{
	background: #252525 url(images/stripGreen.gif) repeat-x bottom left;
}
#archivesPage #welcome{
	background: url(images/archiveWelcomeBox.gif) no-repeat;
}
#archivesPage #welcome h2,#archivesPage #welcome p{
	color:#404040;
}
#archivesPage #footer{
	background:url(images/stripGreen.gif) repeat-x top left;
}
#archivesPage #sidebar h2,#archivesPage #sidebar a:link{
	color:#436a14;
}
#archivesPage #content a:hover,#archivesPage #innerFooterWrapper a:hover,#archivesPage .textList a:hover{
	border-bottom:2px solid #528910;
}
#archivesPage a:link,#archivesPage a:visited{
	color:#47760e;
}
/*---------------------------------------------------
-------- portfolioPage Specific Styles --------
------------------------------------------------------*/

#portfolioPage h2,#workPage h2,#workPage h3{
	color:#bd7309;
}
#portfolioPage h3{
	color:white;
	font-size:0.7em;
	margin-left:5px;
}
#portfolioPage #pageHead,#workPage #pageHead{
	background: #252525 url(images/stripYellow.gif) repeat-x bottom left;
}
#portfolioPage #welcome,#workPage #welcome{
	background: url(images/portfolioWelcomeBox.gif) no-repeat;
}
#portfolioPage #welcome h2,#portfolioPage #welcome p,#workPage #welcome h2,#workPage #welcome p{
	color:#404040;
}
#portfolioPage #footer,#workPage #footer{
	background:url(images/stripYellow.gif) repeat-x top left;
}
#portfolioPage #sidebar h2,#workPage #sidebar h2{
	color:#7f4d06;
}
#portfolioPage .portfolio,#workPage .portfolio{
	margin:0 0 15px 14px;
	padding:0 0 1px;
}
#portfolioPage .work{
	height:137px;
	width:137px;
	margin:0 4px 14px 0;
	float:left;
}
#portfolioPage .threeD{
	background:url(images/projFrame_3d.gif) center no-repeat;
}
#portfolioPage .web{
	background:url(images/projFrame_web.gif) center no-repeat;
}
#portfolioPage .motion{
	background:url(images/projFrame_motion.gif) center no-repeat;
}
#portfolioPage .print{
	background:url(images/projFrame_print.gif) center no-repeat;
}
#portfolioPage .identity{
	background:url(images/projFrame_identity.gif) center no-repeat;
}
#portfolioPage .artwork{
	background:url(images/projFrame_artwork.gif) center no-repeat;
}
#portfolioPage .work img{
	height:64px;
	width:110px;
	margin:32px 0 0 13px;
	border:0;
}
#portfolioPage .work img:hover{
	margin:27px 0 -5px 8px;
	border-color:#7f4d06;
	border:5px solid;
}
#portfolioPage .textList a:link,#workPage .textList a:link{
	color:#7f4d06;
}
#portfolioPage #innerFooterWrapper a:hover,#workPage #innerFooterWrapper a:hover, #workPage #content a:hover{
	border-bottom:2px solid #a16207;
}
#portfolioPage a:link,#portfolioPage a:visited,#workPage a:link,#workPage a:visited{
	color:#a16207;
}
#workPage #innerContentWrapper{
	width:638px;
	margin-left:31px;
	background:#afafaf url(images/contentBGPattern.gif) repeat top left;
}
#workPage #content{
	width:638px;
	float:left;
}
.portfolioPiece p{
	padding-right:15px;
	line-height:1.3em;
}
.portfolioPiece p, .portfolioPiece span {
	font-size:0.8em;
}
/*---------------------------------------------------
---------- aboutPage Specific Styles ----------
------------------------------------------------------*/

#aboutPage h2,#aboutPage h3{
	color:#9a1408;
}
#aboutPage h3{
	margin:0 15px 0 10px;
	font-size:1.1em;
}
#aboutPage #pageHead{
	background: #252525 url(images/stripOrange.gif) repeat-x bottom left;
}
#aboutPage #welcome{
	height:546px;
	width:339px;
}
#aboutPage #welcome{
	background: url(images/aboutWelcomeBox.gif) no-repeat;
}
#aboutPage #welcome h2,#aboutPage #welcome p{
	color:white;
}
#aboutPage #footer{
	background:url(images/stripOrange.gif) repeat-x top left;
}
#aboutPage #sidebar h2{
	color:#9a1408;
}
#aboutPage #sidebar a:link{
	color:#9a1408;
}
#aboutPage #content a:hover,#aboutPage #innerFooterWrapper a:hover,#aboutPage .textList a:hover{
	border-bottom:2px solid #9a1408;
}
#aboutPage a:link,#aboutPage a:visited{
	color:#9a1408;
}
#aboutPage #content p, .resume p{
	padding-right:15px;
	line-height:1.3em;
}
.resume p{
	margin:0 0 17px 15px;
	font-size: 0.8em;
}

/*---------------------------------------------------
---------- contactPage Specific Styles ----------
------------------------------------------------------*/

#contactPage h2,#contactPage h3{
	color:#671aa1;
}
#contactPage #pageHead{
	background: #252525 url(images/stripPurple.gif) repeat-x bottom left;
}
#contactPage #welcome{
	background: url(images/contactWelcomeBox.gif) no-repeat;
}
#contactPage #welcome h2 ,#contactPage #welcome p{
	color:white;
}
#contactPage #footer{
	background:url(images/stripPurple.gif) repeat-x top left;
}
#contactPage #sidebar h2{
	color:#671aa1;
}
#contactPage #sidebar a:link,#contactPage a:link,#contactPage a:visited{
	color:#671aa1;
}
#contactPage #content a:hover,#contactPage #innerFooterWrapper a:hover,#contactPage .textList a:hover{
	border-bottom:2px solid #671aa1;
}
#contactPage #sidebar ul.imgList a:link{
	border:none;
}