@charset "utf-8";
/* CSS Document */

/* COLOR PALETTE
Red: #C1272D;
Light Blue: #006f9A
Green: #8FC73E
Darkest Gray: #464646;
Dark Gray: #7D7D7D
Light Gray: #EBEBEB
*/

/* START OF CSS RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: none;
}
/* END OF CSS RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */


/* ##################### STYLES FOR ELEMENTS ##################### */
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
background-image: url(background.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
}

/*h1 {
background-image: url(images/headerbg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #7D7D7D;
padding: 15px;
color: #EBEBEB;
margin: 0px;
text-transform: lowercase;
display: inline-block;
font-size: 20px;
}*/

h2 {
color: #C1272D;
font-size: 18px;
margin-bottom: 5px;
font-weight: bold;
}

h4 {
margin-top: 10px;
color: #C1272D;
font-weight: bold;
}

a {
text-decoration: none;
}

p {
margin-bottom: 10px;
}

/* ##################### STYLES FOR DIVS/IDs ##################### */

#container {
position: relative;
height: auto !important;
height: 100%;
min-height:100%;
/*margin-bottom: -21.5em;*/
}

#main {
width: 750px;
font-size: 13px;
line-height: 18px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
color:#7D7D7D;
}

#footer {
background-color: #464646;
color: #EBEBEB;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
clear: both;
height: 200px;
line-height: 1.25;
}

#footerinside {
width: 750px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}

#follow {
float: left;
width: 240px;
margin-right: 15px;
}

#inspire {
float: left;
width: 240px;
margin-right: 15px;
}

#contact {
float: left;
width: 750px;
font-size: 16px;
margin-bottom: 40px;
}

#facts {
width: 360px;
background-image: url(images/factbg.gif);
background-repeat: no-repeat;
/*margin-bottom: 20px;*/
}

#quote {
display: block;
width: 115px;
font-size: 13px;
line-height: 17px;
float: right;
margin-top: 0px;
padding-right: 15px;
}

#experience {
width: 500px;
float: left;
margin-bottom: 20px;
}

#skills {
margin: 0px;
margin-left: 40px;
padding: 0px 10px 10px 10px;
width: 180px;
float: left;
background-image: url(images/skillsbg.gif);
background-repeat: no-repeat;
min-height: 350px;
}

#category {
background-image: url(images/catbg.gif);
width: 155px;
margin-bottom: 40px;
padding: 10px;
float: left;
margin-right: 20px;
min-height: 375px;
background-repeat: no-repeat;
}

#clips {
width: 550px;
float: left;
padding-bottom: 40px;
}

#thumbnails {
display: block;
clear: both;
margin-top: 10px;
overflow: visible;
}

/* ##################### OTHER STYLES ##################### */
#main a:hover {
color: #8FC73E;
}

#menu a {
color: #8FC73E;
margin-top: 40px;
padding-top: 10px;
}

#menu a:hover {
color: #7D7D7D;
background-image: url(images/activedot.gif);
background-position: top center;
background-repeat: no-repeat;
}

ul#menu{ 
	display: block;
	list-style-type:none;
	padding-top: 40px;
	width: 100%;
	text-align: left;
	margin-bottom: 60px;
	}

ul#menu li{ 
	display: block;
	font-size: 18px;
	text-transform: lowercase;
	font-weight: bold;
	float: left;
	width: 25%;
	text-align: center;
	/*	border-bottom: solid 1px #EBEBEB;*/
	}
	
ul#facts {
padding: 10px 10px 20px 10px;
}

#footer h3 {
font-family: Arial, Helvetica, sans-serif;
color: #8FC73E;
font-size: 16px;
font-weight: bolder;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #8FC73E;
}

#experience ul {
margin: 5px 0px 20px 15px;
padding: 0px;
list-style-type: disc;
}
#category ul li {
display: block;
margin-bottom: 10px;
/*padding-bottom: 10px;*/
/*border-bottom: solid white 1pt;*/
}

#category ul li a {
font-weight: bold;
color: #C1272D;
text-transform: uppercase;
}

#cliplink {
float: right;
z-index: 1000;
display: none;
}


#senderinfo {
	float: left;
	width: 250px;
	margin-right: 40px;
	margin-top: 10px;
	line-height: 1.75;
}

#sendermessage {
	float: left;
	width: 400px;
	margin-top: 10px;
	line-height: 1.75;
}

#sendermessage textarea p {
	padding-bottom: 10px;
}

#sendermessage ul {
	list-style-type: none;
	line-height: 1.5;
	margin: 0 0 15px 0;
}

#error {
	padding: 20px;
	background-image: url(images/background.jpg);
	background-position: 0% 90%;
	background-color: white;
	margin: 15px 0 15px 0;
	border: solid 1px #D6D6D6;
}

#error ul {
	list-style-type: disc;
	list-style-position: inside;
	color: #C1272D;
}

#error h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
}

#clips img {
	margin-bottom: 10px;
	/*width: 550px;*/
}

#thumbnails img:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.thumbselected {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.thumbsunselected {
opacity:.40;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* ##################### STYLES FOR CLASSES #####################  */
.mainbg {
background-image: url(images/illustratedme.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

.clear {
clear: both;
}

.gartist {
font-size: 78px;
font-weight: 100;
color: #7D7D7D;
text-transform: uppercase;
letter-spacing: -1px;
display: block;
}

.iam {
font-size: 40px;
font-weight: normal;
color: #7D7D7D;
display: block;
margin-bottom: 5px;
}

.smallhd {
font-weight: normal;
font-size: 10px;
color: white;
}

.intro {
width: 380px;
padding-bottom: 10px;
}

.company {
width: 300px;
}

.bold {
font-weight: bold;
color: #C1272D;
}

.selected {
background-image: url(images/activedot.gif);
background-position: top center;
background-repeat: no-repeat;
}

.copyright {
text-align: center;
font-size: 8pt;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 5px;
color:#7D7D7D;
}

.link {
text-decoration: none;
border-bottom: dotted 1.5px;
border-bottom-color: #8FC73E;
font-weight: bold;
color:#7D7D7D;
}

.textright {
text-align: right;
}

.textleft {
text-align: left;
}

.textcenter {
text-align: center;
}

.graytext {
	color: #7D7D7D;
}

.thumb {
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

.thumb2 {
float: left;
margin-right: 0px;
margin-bottom: 10px;
}

.menublog {
margin-bottom: 0px;
padding-bottom: 0px;
}

.formfield {
	height: 25px;
	width: 240px;
	margin: 5px 0 10px 0;
	padding: 5px;
	font-size: 18px;
	background-color: #D6D6D6;
	color: #464646;
	border: none;
}

.formfield:focus {
	background-color: #D9D9D9;	
}

.textfield {
	height: 200px;
	width: 390px;
	margin: 5px 0 10px 0;
	padding: 5px;
	font-size: 18px;
	background-color: #D6D6D6;
	color: #464646;
	border: none;
}

.textfield:focus {
	background-color: #D9D9D9;		
}

.submit {
	color: white;
	background-color: #8FC73E;
	padding: 5px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.submit:hover {
	background-color: #C1272D;
}

.radiomargin {
margin-right: 8px;
}

.jobinfo {
	font-size: 12px;
}

.imgfull {
	width: 550px;
}

.imghalf {
	width: 270px; !important
}

.categoryborder {
	display: block;
	padding-top: 10px;
	border-top: solid white 1pt;
}

.red {
	color: #C1272D;
}

.green {
	color: #8FC73E;
}

/* WORDPRESS SPECIFIC STYLES */
#wplogo {
position: relative;
top: 30px;
width: 680px;
clear: both;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#wplogo a {
font-weight: bold;
color: #7D7D7D;
}

.wpback {
background-image: url(images/wplogo-clipped.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

#comments {
float: left;
width: 500px;
clear: both;
margin-top: 20px;
margin-right: 50px;
}

#respond {
width: 200px;
margin-top: 20px;
float: left;
}

#respond h3 {
margin-top: 0px;
margin-bottom: 10px;
color: #7D7D7D;
text-transform: uppercase;
font-size: 14px;
}

#comments h3 {
margin-top: 0px;
margin-bottom: 10px;
color: #7D7D7D;
text-transform: uppercase;
font-size: 14px;
}

#comments ol li {
border-top: solid #7D7D7D 1px;
margin-top: 0px;
padding-top: 0px;
}

#logo {
background-image: url(/images/blogheader.png);
height: 95px;
background-repeat: no-repeat;
position: relative; 
top: -25px;
margin-bottom: 0px;
}

#logonav {
position: absolute;
top: 15px;
}

#logonav a {
color: #ACACAC;
}

#logonav a:hover {
color: #C1272D;
}

#logonav b {
color: #58595b;
}

#postdate {
position: absolute;
top: 11px;
left: 120px;
width: 250px;
text-transform: uppercase;
color: #58595b;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content {
margin-top: -10px;
font-size: 14px;
}

.arrow {
font-size: 36pt;
}

.pdate {
color: #C1272D;
font-size: 18px;
}

#prev {
width: 60px;
float: left;
}

#next {
float: left;
text-align: right;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 42px;
margin-bottom: 20px;
color: #7D7D7D;
}

#article p {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 16px;
line-height: 21px;
margin-top: 10px;
margin-bottom: 15px;
}

#article h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
margin-bottom: 10px;
margin-top: 20px;
color: #C1272D;
}

#submit {
background: none;
text-align: right;
padding: 0px;
margin: 0px;
float: left;
font-size: 14px;
}

#submit:hover {
color: black;
}

#commentshow {
clear: both;
margin-top: 40px;
padding-bottom: 15px;
color: #C1272D;
text-align: left;
font-weight: bold;
font-size: 12px;
border-bottom: solid 6px #EBEBEB;
}
/* Forms */

/*input, textarea, button { background: #e1e1e1; border-color: #aaa #ddd #ddd #aaa; border-style: none; color: #444; font-size: 14px; }

input, textarea, button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; }

button { font-size: 12px; padding: 2px 10px; cursor: pointer; }

input:focus, textarea:focus, button:hover { background: #7D7D7D; color: #FFFFFF;}*/



/* bugfix */

.safari input { padding: 0px 3px; }

.chrome input { padding: 1px 3px; }



/* Comments */

#author, #email, #url, #comment {
width: 200px;
}

.comment-list, .comment-list .children { list-style: none; }

.comment-list { margin-left: 0px; }

.comment { margin-bottom: 40px; }

.comment-list .children { margin-top: 40px; }

.comment-meta { margin-left: 0px; margin-bottom: 10px; }

.commenter { font-size: 12px; font-weight: bold; color: black; }

.commenter a { color: black; }

.avatar { float: left; margin-top: 8px;}

.comment-text {padding-top: 15px; margin-left: 65px; padding-left: 15px; border-left: solid #8FC73E 5px; }

.avatar-default {background-image: url(http://www.brandonguidry.com/images/commentbubble.png); background-repeat: no-repeat;}


/* Comment Reply */

#comment-form .form-section input { margin-right: 10px; }

.form-section { margin-bottom: 10px; }

.form-section label { cursor: pointer; }

#commenter-details input { margin-right: 10px; }

#allowed-tags { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }

/*#smashing {
position: relative;
}

#smashinglinks {
background-color: #FFFFFF;
width: 300px;
margin: 0px;
padding: 10px;
display:none;
position: absolute;
top: 0px;
left: 200px;
}

#smashinglinks a {
color: #002B42;
font-weight: bold;
}

#smashinglinks {
color: #002B42;
}*/

/*#smashing:hover #smashinglinks {
display: block;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}*/