/*
You can add your own CSS here.

Click the help icon above to learn more.

Use this field to test small chunks of CSS code. For important CSS customizations, it is recommended to modify the style.css file of a child theme.
http//codex.wordpress.org/Child_Themes
*/

/* Header Appearance Customization BEGIN
*/
.tc-header {
	background: #000;
	border-bottom: 5px solid #08c;
}

.navbar .brand, .navbar .nav > li > a {
	text-shadow: none;
	color: #08c;
}

.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter, 
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color:         #08c;
text-shadow:    none;
}

.dropdown-menu > li > a {
color:          #fff;
background:     #000;
border-bottom:  1px solid #08c;
}

.navbar-inner {
		background: #000;
}

.nav
.dropdown-menu a {
	color: #08c;
}

.dropdown-menu {
	background-color: #000;
}

/* END Header Appearance Customization
*/

/* Extra Header Appearance Customization
*/

.my-extra-widget {
	background-color: #000;
	border-bottom: 5px solid #08c;
	text-align: center;
	padding: 10px;
	}

/* END Extra Header Appearance Customization
*/

/* BEGIN Footer Appearance Customization
*/

footer#footer {
	border-top: 5px solid #08c;
        background-color: #000
}

footer#footer .colophon {
	background-color: #000;
}

footer#footer .colophon a, footer#footer .colophon p {
	color: #08c;
}

footer#footer .colophon .credits a[class*=icon-], footer#footer .colophon .social-block a {
	color: #08c;
}

/* END Footer Appearance Customization
*/

/* Periodic Table Custom CSS */
.PTTextOnly {
	border: 1px solid #FFF;
}

.PTColumn {
	color: #900;
	vertical-align: bottom;
	text-align: center;
	font-size: 75%;
	border: 1px solid #FFF;
}

.PTCellText {
	font-size: 50%;
}

.PTSymbol {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

.PTAlkMetal {
	background-color: #FF5151;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #F00;
	font-size: 75%;
}

.PTTextOnly {
	border: 1px solid #FFF;
}

.PTAlkEarth {
	background-color: #FFA733;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FD6E06;
	font-size: 75%;
}

.PTTransMetal {
	background-color: #FFEC24;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #FFFC00;
	font-size: 75%;
}

.PTBasicMetal {
	background-color: #53FF37;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #0CC200;
	font-size: 75%;
}

.PTSemiMetal {
	background-color: #25FFCD;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #22B5FF;
	font-size: 75%;
}

.PTNonMetal {
	background-color: #2CDFFF;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #4696E5;
	font-size: 75%;
}

.PTHalogen {
	background-color: #B2ADFF;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #582AFF;
	font-size: 75%;
}

.PTNobleGas {
	background-color: #D87BFF;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #780ADF;
	font-size: 75%;
}

.PTActinide {
	background-color: #EF4ACD;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #E506C9;
	font-size: 75%;
}

.PTLanthanide {
	background-color: #B5EF29;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #74EA06;
	font-size: 75%;
}

.PTFont {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 50%;
}