/*	Alternative Styles
	------------------------
	This sheet adjusts classes from core.css 
	to create the 'blue gray' alternate theme.
*/


/* M A I N
----------------------------------------------- */
body {
background:#e7ecee url(../img/bg-body-alt.png);
color:#fff;
}

/* T Y P E
----------------------------------------------- */
h1#logo a {color:#584453;}
h2#newschool a {background:url(../img/txt-newschooldesigner-alt.png) bottom left no-repeat;width:447px;}
h2#newschool a:hover {background-position:top left;}
h2#delve {display:none;}
h2.portfolio {background:url(../img/txt-portfolio-alt.png) top left no-repeat;height:125px;width:763px;}

/* G E N E R I C
----------------------------------------------- */

a{color:#bc3c19;}
a:hover {color:#584453;}

/* M I X  N'  M A T C H  C L A S S E S
----------------------------------------------- */
.white {
color:#202020;
}

.x-gutters {
padding:20px 0;
}

.lightgrid {
background:#fff url(../img/bg-darkgrid.png);
}

.dark-shadow {
text-shadow: #eaf6fc 0 2px 0;
color:#584453;
}

.light-shadow {
text-shadow: #000 0 2px 0;
}

.dashed {
border-bottom:3px solid #cad5da;
border-top:1px solid #a4b8c3;
}

.black, .black a {
color:#fff;
}

/* H E A D E R
----------------------------------------------- */
div#header {
background:#e7ecee url(../img/bg-header-alt.png) repeat-x bottom left;
border-bottom:5px solid #98abb5;
}

/* M A I N - N A V
----------------------------------------------- */
ul#mainnav a {color:#505050}
ul#mainnav a:hover {border-bottom:3px solid #bc3c19;}
ul#mainnav li {background:url(../img/ul-dot-alt.png) no-repeat top left;}

/* I N T R O D U C T I O N
----------------------------------------------- */
div#introduction {min-height:340px;}

div#welcome {margin-left:200px;}

div#welcome p {color:#fff;}

span#me {
background:url(../img/photo-sketch-alt2.png) bottom left no-repeat;
height:400px;
width:200px;
}

#tweetiebird a {
background:url(../img/photo-tweetiebird-alt.png) no-repeat left top;
display:block;
height:49px;
margin:86px 0 0 110px;
position:absolute;
text-indent:-9999px;
width:65px;
z-index:10;
}

span#wireframe {display:none;}

/* S U B - N A V
----------------------------------------------- */
ul.subnav a {
background:#98abb5 url(../img/ul-whitearrow-alt.png) no-repeat center left;
border:none;
border-radius:8px;
color:#e7ecee;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
}

ul.subnav a:hover {
border:none;
color:#e7ecee;
text-shadow: #606e7f 0 2px 3px;
}

ul.subnav a.active {
background:#98abb5 url(../img/ul-tealarrow-alt.png) no-repeat center left;
border:none;
color:#e7ecee;
text-shadow: #606e7f 0 2px 3px;
}

/* E X T R A S
----------------------------------------------- */
ul#styleswitch li.handdrawn {
background:url(../img/ul-checkbox-empty.png) no-repeat top left;
}

ul#styleswitch li.primproper {
background:url(../img/ul-checkbox-filled.png) no-repeat top left;
}

ul#styleswitch a {color:#cad5da;}

/* S I D E B A R S
----------------------------------------------- */
ul.toolbox a {color:#494139;}
ul.toolbox a:hover {color:#5e7886;}

ul.portfolio a strong {
color:#96d6d8;
}

ul.portfolio a:hover strong {
color:#ffb100;
}

/* C O P Y
----------------------------------------------- */
.copy a {
color:#bc3c19;
}

.copy a:hover {color:#584453;}

span.linkedin {
background:url(../img/icon-linkedin-alt.png) no-repeat left top;
}

span.linkedin a {
color:#bc3c19;
}

span.linkedin a:hover {
color:#fff;
}

/* F O O T E R
----------------------------------------------- */
#footer {
border-top:5px solid #98abb5;
}

.long {background:#d3d9dc url(../img/bg-footer-alt.png) repeat-x bottom left;}

ul#footernav a {color:#505050}
ul#footernav a:hover {border-bottom:2px solid #bc3c19;}
ul#footernav li {background:url(../img/ul-dot-alt.png) no-repeat top left;}