/* 
McMahon French Palette
#f30 red
#ccc light grey (borders)
#666 grey
#999 mid grey (footer)
#333 dark grey (text)

Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #f30; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 69% arial,helvetica,sans-serif; color: #333; background-color: #fff; text-align: center; }

/* Headings,text
================================================================*/
ul, ul li { list-style: none; }
#main p, #main ul, #main ol, #main dl { clear: left; margin: 0 0 1.2em;  }
h1 { font-size: 1em; font-weight: bold; }
h2 { margin-bottom: 1em; font-size: 1em; text-transform: uppercase; font-weight: normal; }
h2 em { font-style: normal; color: #f30; }
address { font-style: normal; }
dt { float: left; margin-right: 7px; font-weight: bold; }

/* Forms
================================================================*/
form { padding: 1.5em 0; }
label { float: left; display: inline; width: 155px; }
form em.error { display: block; color: #f30; font-style: normal; font-weight: bold; }
button, input, textarea, select { font: 1em Arial, Helvetica, sans-serif; color: #333; }
textarea, input { width: 230px; }
select { width: 235px; }
textarea { height: 180px; }
button { width: 76px; height: 18px; padding: 0 0 2px 5px; margin-top: 2.5em; border: 0; background: #fff url(../images/buttons/submit.gif) top left no-repeat; text-align: left; color: #f30; cursor: pointer; }
.folaigh { display: none; }

/* Structure
================================================================*/
#wrapper { position: relative; width: 839px; margin: 15px auto 0; padding-bottom: 30px; text-align: left; }
#pageHome #wrapper { padding-bottom: 20px; }
#columns, .column { float: left; display: inline; width: 409px; }
#columns { width: 839px; }
.french { margin-right: 21px; }

.branding { padding-bottom: 21px; }
.nav ul, .nav .subnav { padding-bottom: 12px; margin-bottom: 11px; border-bottom: 1px solid #ccc; }
.nav .subnav { float: left; display: inline; width: 409px; }

.nav a, .nav a:visited { color: #666; }
.french .nav a, .french .nav a:visited { color: #f30; }
.nav a:hover, .english .nav .current a, .english .nav .current a:visited, .english .nav a.current, .english .nav a.current:visited,
.sectionProfile .english .navProfile a, .sectionProfile .english .navProfile a:visited,
.sectionNews .english .navNews a, .sectionNews .english .navNews a:visited,
.sectionProjects .english .navProjects a, .sectionProjects .english .navProjects a:visited,
.sectionLinks .english .navLinks a, .sectionLinks .english .navLinks a:visited,
.sectionContact .english .navContact a, .sectionContact .english .navContact a:visited { text-decoration: none; color: #f30; }
.french .nav a:hover, .french .nav .current a, .french .nav .current a:visited,  .french .nav a.current, .french .nav a.current:visited,
.sectionProfile .french .navProfile a, .sectionProfile .french .navProfile a:visited,
.sectionNews .french .navNews a, .sectionNews .french .navNews a:visited,
.sectionProjects .french .navProjects a, .sectionProjects .french .navProjects a:visited,
.sectionLinks .french .navLinks a, .sectionLinks .french .navLinks a:visited,
.sectionContact .french .navContact a, .sectionContact .french .navContact a:visited { color: #666; }

/*NB IE7 adds space to left of each li if display inline added*/
.nav .subnav ul { float: left; width: 131px; border: 0; margin: 0; padding: 0; }

#main { float: left; display: inline; width: 839px; margin-bottom: 30px; line-height: 1.4em; min-height: 300px; height: auto; }
* html #main { height: 300px; }
#pageProjects #main { min-height: 120px; }
* html #pageProjects #main { height: 120px; }

img.banner, .sectionNews #main .item img { display: block; margin-bottom: 1em; padding-top: 4px; }

#footer { clear: both; padding: 9px 0 11px; height: 8px; border: 1px solid #ccc; border-width: 1px 0; color: #999; }
#pageHome #footer { height: 41px; padding: 10px 0 12px; }
#footer address { margin-right: 10px; }
#footer li { float: left; margin: 0 18px 0 10px; }
#pageHome #footer li { margin: 15px 55px 0 0; }
#pageHome #footer li.first { margin-top: 0; }
#footer a, #footer a:visited { color: #999; }
#footer a:hover { text-decoration: none; color: #f30; }
#footer a#credit, #footer a#credit:visited { color: #ccc; text-transform: lowercase; }

#logo { position: absolute; bottom: 0; right: 20px; width: 85px; height: 92px; }
#pageHome #logo { bottom: 6px; }

/* Special cases
================================================================*/

#pageHome #main p { margin-right: 15px; margin-bottom: 1.5em; }

/*home animation*/
#showcase { clear: both; width: 839px; height: 266px; overflow: hidden; }

div.highlightEn, label span { color: #787878; }
p.alert { color: #f30; font-weight: bold; }

#pageContact iframe { margin: 1em 0 0.5em; }

a.subtle, a.subtle:visited { color: #333; }
a.minor, a.minor a:visited { color: #787878; text-decoration: underline; }

.item { float: left; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.sectionNews #main .last { border: 0 !important; margin-bottom: 3em !important; }

.nophoto { margin-top: 1em; padding-top: 113px; } 

.sectionProjects #main { padding-top: 4px; }

/*gallery / jquery galleria styling*/
/*ie7 needs height on ul to get spacing right*/
#main ul.gallery { float: left; display: inline; width: 409px; margin-bottom: 11px; }
#pageProject #main ul.gallery { height: 273px;  }
#pageProject #main .french { width: 410px; margin-right: 20px; }
#pageProject #main .french ul.gallery { width: 410px; }
.gallery img { display: block; }
.gallery li { float: left; display: inline; width: 131px; height: 83px; margin-bottom: 8px; overflow: hidden; }
#pageProject .gallery li { width: 98px; height: 84px; margin: 0px 6px 6px 0; }
.gallery li.middle { margin-left: 8px; margin-right: 8px; }
#pageProject .gallery li.last { margin-right: 0; }
.jsgallery li img.thumb { display: block; cursor: pointer; }
#photo { width: 409px; height: 284px; }
/*if resized photo is too deep, hide part of it*/
#photo .galleria_wrapper { width: 409px; height: 265px; overflow: hidden; }
#photo img { display: block; }
#photo .caption { display: none; color: #f30; }

#pageProject h1 { margin-bottom: 1.2em; font-size: 1.1em; }

#pageProject iframe { width: 839px; }