/* 
-----------------------
Old Colors:
Yellow Magnolia: ECD078
Saffron: D95B43
Cornucopia: C02942
Claret: 542437
Faded Claret: 523d46
Plumage: 53777A
Parchment-ish: ebe5dc

-----------------------
*/

/* 
-----------------------
New Colors:
Blue: 748db8
Purple: 918bc3
Teal: 53bea5
Yellow: dedc8e
Orange: e3a45e
Red: 792d25
Dark Gray: 53545a
Concrete: acaca1
Ice Blue: dbe0ed
Light Cream: eae5db

-----------------------
*/


/* 
-----------------------
Standard
-----------------------
*/
ul {
padding-left: 30px;
}
body {
background-color: #eae5dc;
font-family: Shanti, Telex, Verdana, Arial, Sans-Serif;
color:#564b47;
}

a {color: #542437;}
a:visited {color:#523d46;}
a:hover {color: #792d25;}
a:active { color:#C02942;}

h1 {
font-size: xx-large;

/*background-color: #53777A;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
ebe5dc;
*/
padding:5px 15px;
margin:0 

}

h2 {
font-size:x-large;
font-weight: bold;
padding: 5px 10px;
margin:0;
margin-top: 20px;
}
h3 {
font-size:large;
font-weight: bold;
padding: 5px 10px;
margin:0;
margin-top: 20px;
}

h4 {
font-size:medium;
font-weight: bold;
padding: 5px 10px;
margin:0;
margin-top: 20px;
}

img.download {vertical-align:middle;}

a img {
background: #ebe5dc;
border: 0;
}
.borderless {
border: 0;
}

img {
max-height:100%;
max-width: 100%;
}
/*
-----------------------
Responsive Layout
www.responsivegridsystem.com
-----------------------
*/
.group {
text-align: center;
width: 100%;
}
.barRight {
	width: 100%;
}

.barLeft {
width: 45.2%;
padding-left: 10px;
text-align: left;
}
.side {
padding-top: 30px;
text-align: center;
}
.span_2_of_2 {
	width: 100%;

}

.span_1_of_2 {
	
text-align: right;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.barRight {
		width: 100%; 
	}
	.barLeft {
		width: 100%; 
	}
}
@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/* 
-----------------------
Page
-----------------------

#page{
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #ECD078; yellow magnolia
background-image:url('http://janellbaxter.com/media/support/background.png');
background-repeat:no-repeat;
background-position:center top;
}
*/

.projectImages {
text-align: center;
}
#frontpage-links {
padding-top: 10px;}
/* 
-----------------------
Head
-----------------------
*/
#head {
/*background-color: #53777A; plumage*/
text-align: center;
padding: 0px;
margin: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#head img {padding:0px 0px;} 

#siteTitle h1 {
padding-bottom: 0px;
margin-bottom: -10px;
	text-transform:uppercase;
	font-family: Telex, Shanti, Verdana, Arial, SunSans-Regular, Sans-Serif;
}
#siteTitle a {
		color: #53777A;
		text-decoration:none;
	}
	
	#siteTitle a:hover {
		color: #ECD078;
		background: #dedc8e;
	}
	
	#siteTitle a.active,
	#siteTitle a.active:hover {
		color: #C02942;
	}
/* 
-----------------------
Content
-----------------------
*/
#content {
background-color: #ebe5dc; /*parchment-ish*/
padding: 0px;
margin: 0 200px;
width: 500px;
}
div#content { 
min-height:600px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* 
-----------------------
sidebars
-----------------------

#sidebarLeft {
float: left;
width: 200px;
margin: 0;
padding: 0;
background-color: #53777A; plumage
}
#sidebarRight{
float: right;
width: 200px;
margin: 0;
padding: 0;
background-color: #53777A; plumage
}
*/
#navigation {
margin-top: -10px;
padding-top: 0px;
}
#navigation ul {
		/*width:100%;*/
		list-style:none;
		 text-align: center;
	}
	
	#navigation ul li {
		list-style:none;
		padding:0;
		display: inline;
	}
	
	#navigation ul li a {
		padding:0px 10px;
		text-decoration:none;
		line-height:1.3em;
	}
	
	#navigation ul li a:hover {
		color: #ECD078;
		background: #792d25;
	}
	
	#navigation ul li a.active,
	#navigation ul li a.active:hover {
		color: #ECD078;
		background: #C02942;
	}

/* 
-----------------------
Feed
-----------------------
*/
ul.feeder { list-style: none; 
padding-left: 10px;
}
ul.feeder li {
padding-top: 4px;
padding-bottom: 4px;
}
li:nth-child(1) p{ display: inline; }
li:nth-child(2) p{ display: inline; }
li:nth-child(3) p{ display: inline; }
li:nth-child(4) p{ display: inline; }
li:nth-child(5) p{ display: inline; }
li:nth-child(6) p{ display: inline; }
li:nth-child(7) p{ display: inline; }
li:nth-child(8) p{ display: inline; }
li:nth-child(9) p{ display: inline; }


/* 
-----------------------
Footer
-----------------------
*/
#foot {
clear: both;
margin: 0;
margin-top: 40px;
border-top: 1px solid #564b47;
border-right: 0;
border-left: 0;
border-bottom: 0;
font-size: x-small;
text-align: center; 
/*background-color: #53777A; plumage*/
}

#navigationFoot div {
text-align:center;
font-size: x-small;
}
	
	#navigationFoot a {
		padding:3px 10px;
		text-decoration:none;
		line-height:1.3em;
	}
	
	#navigationFoot a:hover {
		color: #ECD078;
		background: #D95B43;
	}
	
	#navigationFoot a.active,
	#navigationFoot a.active:hover {
		color: #ECD078;
		background: #C02942;
	}
	
.profile-picture {
	float: left;
	padding-right: 14px;
	}
	
	.twitter-feed {
	margin-top: 20px;
	}

.title {
font-style: italic;
font-weight: bold;

}
p {
margin-left: 10px;
}

#profile-image {
    text-align: left;
    
}

/* 
-----------------------
Colors:
Yellow Magnolia: ECD078
Saffron: D95B43
Cornucopia: C02942
Claret: 542437
Faded Claret: 523d46
Plumage: 53777A (dark teal)
Parchment-ish: ebe5dc

-----------------------
*/