/*

Theme Name: Madelin Woods 
Description: simple, professional
Version: April 2010

*/


/* ----- GLOBAL ----- */

html {  }
body { padding: 0px; margin:0px; font: 12px/16px 'Aller', 'Trebuchet MS', Helvetica, sans-serif; color: #000000; background-color:#FFFFFF; }
img { behavior: url(framework/iepngfix.htc); }
.clear {clear:both;}

/* ----- ARCHITECTURE ----- */
#wrapper { width:960px; margin: 50px auto; }
#leftcol { /* position: fixed; left: 20px; top:20px;*/ float:left; width:230px; }
#rightcol { /*position: relative; left:270px; top:50px; padding:0px; margin:50px 0px;*/ margin-top:60px; float:right; width:700px;}

#content { margin: 0 auto; padding:0; position:absolute;}
section { clear:both; padding:20px 10px 80px;}

#nav { position:fixed; top:0px; text-align:right; width:100%; height:25px; padding:5px 10px 0px 0px; color:#000000; background-color:#ffffff; z-index:99;}

/* ----- HEADER ----- */

#name a:link, #name a:visited {display:block;font-family: 'Reenie Beanie', arial, serif; font-size:48px;font-weight:normal;line-height:45px;color:#ffde00;}
#name a:hover, #name a:active {border:none; color:#666;}
#name-sub {font: 12px/16px 'Aller', 'Trebuchet MS', Helvetica, sans-serif;font-weight:normal; color:#666;}


#header {font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; margin:0 auto;padding:10px 0 20px;position:relative;}
#title { margin:50px 0px 0px 190px; font-size:27px;line-height:30px;font-weight:bold;}


/* ----- NAVIGATION ----- */


/* ----- TYPOGRAPHY ----- */

h1, h2, h3, h4, h5 { }
h1 { color: #212121; font-size: 30px; font-weight:normal; line-height:36px; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif;margin:0px;}
h2 { color: #212121; font-size: 20px; font-weight:normal; line-height:26px; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif;margin:0px;}
h3 { color: #666666; font-size: 14px; font-weight:normal; font-style:italic; line-height:18px; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif;margin:0px;}
h4 { color: #000000; font-size: 16px; font-weight: bold; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; line-height:20px; margin:0; text-transform:uppercase;}
h5 { color: #000000; font-size: 16px; font-weight: normal; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; line-height:20px; margin:0; }
h6 { color: #777777; font-size: 11px; font-weight: normal; font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; font-style:italic; line-height:14px; margin:0; }

h2 a:link, h2 a:active, h2 a:hover, h2 a:visited {font-weight:normal;}

hr { color: #fff; background-color: #fff; border: 1px #e0e0e0; border-style: none none dotted;  margin: 10px 0px 10px 0px; }
em { font-style: italic; }
p { font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; margin: 0 0 18px 0; text-align: left; font: 12px/16px;}
strong { font-weight: bold; }

.super { vertical-align:super;font-size:xx-small;line-height:5px;}
.footnotes p { color:#777777; font:10px/12px "Trebuchet MS", Trebuchet, Helvetica, sans-serif;margin:0;padding-top:10px;}


/* ----- CONTENT ----- */

.one_col1 {width:700px;}

.two_col1 {width:340px;float:left;padding-right:20px;}
.two_col2 {width:340px;float:left;}

.three_col1 {width:220px;float:left;padding-right:20px;}
.three_col2 {width:220px;float:left;padding-right:20px;}
.three_col3 {width:220px;float:left;}
.clear {clear:both;}


.description { font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif;line-height:1.5em;font-size: 12px;color:#4e4e4e; }

.project {float:left; margin: 10px; padding:0px; border: none; }
.project a:hover {border:none;}
.project-desc { padding:5px;}
.project-img {text-align:center; margin:0 auto;border:none;}

.online-title {font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; font-weight:bold;font-size:16px;text-transform:uppercase;color:#444444;}
.online-desc {font-family: 'Aller', 'Trebuchet MS', Helvetica, sans-serif; font-style:italic;font-size:10px;color:#777777;}


/* ----- SIDEBAR ----- */

#pages {padding:0px;}
ul#pages{ list-style:none;}
ul#pages li {display:inline; font-size:20px;font-weight:normal;line-height:26px;letter-spacing:0em;}
ul#pages {color: #212121; font-size: 14px; font-weight:normal; line-height:26px; letter-spacing:2px;margin:0px;}
ul#pages li a:link, ul#pages li a:active, ul#pages li a:hover, ul#pages li a:visited {font-weight:normal;}


#socialmedia img {opacity:0.5;filter:alpha(opacity=50);}

/* ----- PAGE SPECIFIC ----- */
img {border:0px;}

.carousel-gallery  { max-height:600px;}
/*.jcarousel-container { float:left; }
.carousel-controls  {left:630px; margin:0px; position:absolute; top:100px;float:right; width:100px; }
.carousel-controls span {display:none;}
*/
.jcarousel-skin-neat .jcarousel-clip-horizontal { overflow: visible;}

/* twitter */
.twtr-hd, .twtr-ft { display:none; }
.twtr-tweet-text p {font-size:12px;}
.twtr-tweet-wrap { border:none; background-color: rgb(246, 246, 246); -webkit-border-radius: 5px 5px;}

.css-arrow-up {
border-color:transparent transparent rgb(246, 246, 246);
border-style:solid;
border-width:0 10px 15px;
float:right;
height:0;
margin:0 32px;
width:0;
}

img.bio-soc-icon { width:20px; height:20px; margin:5px 0px -5px;} 

/* ----- FOOTER ----- */


/* ----- LINKS ----- */
a:link, a:visited { color: #777777; font-weight: bold; text-decoration: none;}
a:active, a:hover { font-weight: bold; color: #00a0f0;border-bottom:1px dotted #000000; text-decoration: none;}

/*#rightcol a:link, #rightcol a:visited { color: #ff9933; font-weight: bold; text-decoration: none;}
#rightcol a:active, #rightcol a:hover { font-weight: bold; color: #777777; text-decoration: none;}
*/