/*
Site Design (HTML & CSS): Brett Dunnam
If you take this, link to me or send me cookies...the edible kind.
*/

/*general presets*/
html {
	margin: 0;
	padding: 0;
	color: #555;
	background: #f1f1f1;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	overflow: scroll;
	}
	
body {
	margin : 0;
	padding : 0;
	}
	
#container {
	width : 800px;
	height : auto;
	margin : 0 auto;
	padding : 0;
	border-top: 8px solid #555;
	}

/*next part controls header*/
#header {
	width: 800px;
	height: auto;
	}
	
#header h1 {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 77pt;
	font-weight: 900;
	text-align: center;
	text-shadow: 1px 1px #fff;
	line-height: .25em;
	}
	
#header p {
	margin:25px 75px;
	font-size: 18pt;
	font-weight: 900;
	color: #a1a1a1;
	text-align: center;
	text-shadow: 1px 1px #fff;
	line-height: normal;
	}
	
#header a {
	text-decoration: none;
	color: #555;
	}

/*next part controls the main link boxes*/
a.nav {
	text-decoration: none;
	}
	
a.nav :hover {
	background: #ac0;
	}

a.nav :hover h2 {
	border: none;
	}

.info {
	width: 300px;
	height: 175px;
	float: left;
	margin-left: 75px;
	color: #fff;
	background: #555;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}

.info h2 {
	margin: 120px 25px 0 0;
	font-size: 24pt;
	text-align: right;
	color: #fff;
	}

.portfolio {
	width: 300px;
	height: 175px;
	float: left;
	margin-left: 50px;
	color: #fff;
	background: #555;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}
	
.portfolio h2 {
	margin: 120px 25px 0 0;
	font-size: 24pt;
	text-align: right;
	}
	
.photos {
	width: 300px;
	height: 175px;
	float: left;
	margin: 50px 0 0 75px;
	color: #fff;
	background: #555;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}

.photos h2 {
	margin: 120px 25px 0 0;
	font-size: 24pt;
	text-align: right;
	}
	
.links {
	width: 300px;
	height: 175px;
	float: left;
	margin: 50px 0 0 50px;
	color: #fff;
	background: #555;
	border-radius: 20px;
	-moz-border-radius: 20px;
	}
	
.links h2 {
	margin: 120px 25px 0 0;
	font-size: 24pt;
	text-align: right;
	}
	
/*next part controls content div*/
#content {
	margin: 0 75px;
	}
	
#content h2 {
	color: #555;
	font-size: 36pt;
	text-align: right;
	text-shadow: 1px 1px #fff;
	line-height: .5em;
	}
	
h3 {
	color: #ac0;
	font-size: 18pt;
	}
	
h4 {
	margin-bottom: 8px;
	font-size: 12pt;
	}
	
p { 
	padding: -10px 0 20px;
	line-height: .5em;
	font-size: 12pt;
	}
	
#content ul {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	list-style: none;
	}
	
#content a {
	color: #555;
	text-decoration: none;
	}
	
#content a:hover {
	color: #ac0;
	}
	
/*next part controls gdgt widget*/
#widget {
	float: right;
	background: transparent;
	border: none !important;
	}

#widget .gdgt-gadget-list-widget {
	background: #f1f1f1;
	}
	
#widget .gdgt-gadget-list-widget {
	color: #ac0 !important;
	}

	
#widget .gdgt-gadget-list-widget .gdgt-widget-header a {
	color: #555 !important;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-header a:hover {
	color: #aacc00 !important;
	}

#widget .gdgt-gadget-list-widget .gdgt-widget-header .tabs a {
	background: #f1f1f1;
	color: #555 !important;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-header .tabs a:hover {
	background: #f1f1f1;
	color: #ac0 !important;
	}

#widget .gdgt-gadget-list-widget .gdgt-widget-header .tabs li.have.selected a.have {
	background: #555 !important;
	color: #ac0 !important;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-header .tabs li.want.selected a.want {
	background: #555 !important;
	color: #ac0 !important;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-header .tabs li.had.selected a.had {
	background: #555 !important;
	color: #ac0 !important;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-list {
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
	}
	
#widget .gdgt-gadget-list-widget .gdgt-widget-footer a {
	color: #ac0 !important;
	}


/*next part controls the photo galleries*/	
#gallery {
	width : 650px;
	margin: 0;
	padding: 0;
	}
	
#gallery h3 { 
	clear: left;
	}

#gallery p {
	clear: left;
	margin: 0 0 20px;
	padding: 0;
	line-height: normal;
	}
	
#gallery li {
	margin : 0;
	padding : 0;
	}
	
#gallery ul {
	margin : 0;
	padding : 0;
	}
	
#gallery ul.gallery {
	margin : 0;
	padding: 0;
	}
	
#gallery ul.gallery h3{
	padding-top: 20px;
	}
	
#gallery ul.gallery li a {
	float : left;
	padding-bottom: 15px;
	}

#gallery ul.gallery li a:hover {
	text-decoration: none;
	background: #ac0;
	}
	
#gallery p.caption {
	margin: 0;
	padding: 0 0 4px 8px;
	font-family: Helvetica;
	font-size : 12pt;
	font-weight: 900;
	text-align : left;
	color: #fff;
	background: #555;
	}
	
#gallery .img {
	display : inline;
	margin : 0;
	padding: 0;
	}

#gallery .img a {
	width: 200px;
	max-height: 115px;
	margin : 0 15px 15px 0;
	overflow: hidden;
	border-top: 4px solid #555;
	border-radius: 10px;
	}
	
#gallery .img a img {
	float: left;
	margin-left: -2px !important;
	width : 202px;
	overflow: hidden;
	padding : 0;
	margin: 0;
	}
	
#gallery .img a:hover {
	border-top: 4px solid #ac0;
	}
	
#gallery .img a:hover p.caption {
	background: #ac0;
	}
	
/*next part controls footer*/
#footer {
	width: 800px;
	float: left;
	margin-top: 30px;
	}
	
#footer p { 
	margin-right: 75px;
	color: #a1a1a1;
	font-size: 12pt;
	font-weight: 900;
	text-align: right;
	}