@charset "utf-8";

/* * * * * * * * * * *

brendancoyle.com

CSS Document 

* * * * * * * * * * */



/* * * * * * * * * * *

	SITE STRUCTURE
	
* * * * * * * * * * */

html, body {
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-color: #B0B1BA;
	
	margin:0;
	padding:0;
}

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


#header {
	width: 1069px; /*960px;*/
	height: 145px;
	margin: 0 auto 35px auto;	
}

#content {
	margin: 0 auto;
	width: 920px;
}

#project {
	margin: 0 auto 20px auto;
}


#footer {
	margin: 11px auto 10px auto;
	background-image:url(../images/footer_background.gif);
	width: 920px;
	height: 31px;

}


/* * * * * * * * * * *

	HEADER 
	
* * * * * * * * * * */

#logo {
	float:left;
	margin:16px 0 0 20px;
}

#navigation {
	height:130px;
	width: 740px;
	float:right;
}

#index #navigation {
	background-image:url(../images/navigation_background2.gif);
}

#about #navigation {
	background-image:url(../images/navigation_background_about2.gif);
}


#blog #navigation {
	background-image:url(../images/navigation_background_blog2.gif);
}	


#navigation ul {
	margin: 105px 0 0 190px;
	padding: 0;
}

#navigation li {
	float: left;
	list-style: none;
}

#navigation li a {
	color: #C81E6B;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;

}

#navigation li a:hover {
	color:#5D5D63;

}

#navigation ul #projects {
	margin-right:95px;
}

#navigation ul #blog {
	margin-right:120px;
}

#navigation ul #about {
	margin-right:115px;
}


/* * * * * * * * * * *

	PROJECT
	
* * * * * * * * * * */

#project #title {
	background-image:url(../images/project_title_background.gif);
	background-color: #FFDE00;
	width: 909px;
	height: 27px;
	padding: 8px 0 0 11px;
}

#project #title img {
	border:none;
}

#project #title h1 {
	float:left;
}

#project #title a:hover {
	color:#C81E6B;

}

#project #title #arrowMore {
	float:right;
	margin: 6px 12px 0 0;
}

#project #details {
	background-color: #FFDE00;
	width: 920px;
	margin-top: -4px;
	padding-top: 5px;
}

#project #details #leftCol {
	float: left;
	width: 290px;
	padding: 5px 0 10px 10px;	
}

#project #details #rightCol {
	float: right;
	width: 600px;
	margin: 0 10px 1px 0;
}

#project #details #leftCol p {
	margin: 5px 0 0 0;
	line-height:14px;
}

#project #details #leftCol #description {
	float: left;
	width: 289px;
	margin: 0 0 20px 0;
}

#project #details #leftCol #tools {
	float:left;
	width: 130px;
	margin: 0 15px 0 0;
}

#project #details #leftCol #role {
	float: left;
	width: 130px;
}

#project #details #leftCol #list {
	background-image:url(../images/checker.gif);
	background-repeat:repeat-y;	
	padding: 0 0 0 8px;
	vertical-align:top;
}

#project #details #rightCol img {
	margin: 5px 0 5px 0;
}


/* * * * * * * * * * *

	CONTENT NON-INDEX
	
* * * * * * * * * * */

#about #content, #contact #content, #blog #content {
	background-color:#FFDE00;
	/*height: 0 0 10px 15px;*/
}

#about #content {
	position:relative;
	}

#contactHeader {
	margin: 15px 0 0 8px;
}

#aboutHeader {
	margin: 11px 0 0 8px;
}

#map {
	margin: 15px 10px 0 10px;
}

#contactInfo {
	margin:25px 0 100px 10px;
}

#bio {
	margin:10px 0 0 10px;
	width: 580px;
	float: left;
}

#bio p {
	margin: 5px 0 15px 0;

}

#facts {
	margin:10px 10px 0 0;
	float: right;
	width:290px;
}

#about #content #facts #list {
	background-image:url(../images/checker.gif);
	background-repeat:repeat-y;	
	padding-left: 8px;
}

#download_resume {
	float:left;

}

.resume {
    left: 10px;
    bottom: 0;
    position: absolute;
}


/* * * * * * * * * * *

	FOOTER
	
* * * * * * * * * * */


#footer p {
	font-size: 10px;
	color: #5D5D63;
	padding: 9px 10px 0 10px;
}

#footer a:link, 
#footer a:visited, 
#footer a:active {
	text-decoration:none;
	color:#5D5D63;
}

#footer a:hover {
	color:#FFDE00;
}

#footer #contact {
	float: right;
}

#footer #copy {
	float: left;
}



/* * * * * * * * * * *

	GLOBAL FONT STYLES
	
* * * * * * * * * * */
p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#333;/*#8A8B93;*/
	line-height:15px;

}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	
	margin: 0;

}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #C81E6B;
	font-size: 18px;
	font-weight: bold;
	
	margin: 0;

}




/* * * * * * * * * * *

	GLOBAL LINK STYLES
	
* * * * * * * * * * */

a:link, a:visited, a:active {
	color:#5D5D63;
	text-decoration:none;
}

a:hover {
	color:#BF2837;
}

h1 a:link, a:visited, a:active {
	color:#000;
}

h1 a:hover {
	color:#C81E6B;
}

#facts a:visited {
	color:#5D5D63;


}