@charset "UTF-8";
/* CSS Document */
/* Design by CarlKingCreative */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
}

h1 {
display: none;
}

h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 14pt;
font-weight: bold;
color: #515151;
}

h3 {
margin-bottom: 0px;
font-size: 10pt;
font-weight: bold;
}

p {
margin-top: 0px;
}

A:link,A:visited,A:active,A:hover {font-weight: bold;}

A:link {text-decoration: none; color: #ff1f8d;}
A:visited {text-decoration: none; color:#ff1f8d;}
A:active {text-decoration: none;  color:#ff1f8d;}
A:hover {text-decoration: underline; color:#ff1f8d;}

/* This centers the entire page in the middle of the window and contains everything. */

#wrapper {
width: 1000px;
margin-left: auto;
margin-right: auto;
background-image: url(images/Watermark.png);
position: relative;
}

#header {
background-image: url(images/Header_2.png);
height: 300px;
width: 1000px;
margin-right: auto;
margin-left: auto;
clear-both;
}

#footer {
background-image: url(images/Footer.png);
height: 56px;
width: 975px;
margin-right: auto;
margin-left: auto;
clear: both;
padding-top: 34px;
padding-left: 25px;
}

.footer_text {
color: #FFFFFF;
}

#content {
width: 825px;
float: right;
margin-top: 25px;
}

.news {
height: 80px;
width: 825px;
padding: 10px 0 10px 0;
float: right;
margin-bottom: 25px;
background-color: #e6e6e6;
background-image: url(images/PhysicsInTheKitchen.png);
text-align: center;
}

.news2 {
height: 100px;
width: 825px;
padding: 0;
float: right;
margin-bottom: 25px;
background-color: #e6e6e6;
text-align: center;
}

.news3 {
/*height: 100px;*/
height: 125px;
width: 805px;
padding: 10px;
float: right;
/*margin-bottom: 25px;*/
margin-bottom: 5px;
background-color: #e6e6e6;
/*text-align: center;*/
text-align: justify;
}

#quarks_award {
height: 100px;
width: 425px;
float: left;
margin-right: 10px;
background-image:url(images/3QuarksBanner.png);
}

#quarks_text {
margin: 10px;
}

#oz {
height: 100px;
width: 100px;
margin-left: 10px;
margin-right: 10px;
background-image:url(images/Oz.png);
float: left;
}

#video_style1 {
width: 480px;
height: 308px;
float: left;
}

/* Each new video added will need its own unique video_description_style. This adds the graphics and everything. */

#video_description_style1 {
background:url(images/VideoDescription01.png) #E6E6E6;
/*background-image: url(images/VideoDescription01.png);*/
background-repeat: no-repeat;
width: 290px;
min-height: 325px;
float: right;
padding-top: 105px;
padding-left: 15px;
padding-right: 15px;
padding-bottom:10px;
}

.video_description_heading {
font-size: 14pt;
font-weight: bold;
color: #515151;
}

.video_description_subheading {
font-size: 14pt;
font-weight: bold;
font-style: italic;
color: #515151;
}

.video_description_body {
font-size: 10pt;
line-height: 11pt;

}

#didyouknow {
background-image: url(images/DidYouKnow.png);
height: 92px;
width: 335px;
float: left;
margin-top: 15px;
padding-top: 15px;
padding-right: 15px;
padding-left: 130px;
}

.didyouknow_heading {
font-size: 14pt;
font-weight: bold;
color: #515151;
}

.didyouknow_body {
font-size: 10pt;
line-height: 11pt;
}

#twitter_div {
width: 150px;
float: left;
margin-top: 10px;
text-align: left;
}

#twitter_div ul {
list-style: none;
padding: 0;
margin: 0;
}

#twitter_div li {
background-color: #e6e6e6;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
}

#twitter-link {
font-size: 7pt;
}

#twitter_button {
height: 50px;
width: 150px;
background-image:url(images/Twitter_Button.png);
background-repeat:no-repeat;
float: left;
padding-bottom: 10px;
}

#twitter_button span {
display: none;
}

/* This is for the navigation and buttons, which are text links hidden and converted into graphics. */

#navigation {
height: 430px;
width: 150px;
float: left;
margin-top: 25px;
}

.navigation-button {
height: 35px;
width: 150px;
float: left;
background-image:url(images/Navigation.png);
}
#home-button {
background-position: 0px 0px;
}

#home-button:hover {
background-position: 150px 0px;
}

#video-button {
background-position: 0px 0px;
}

#video-button:hover {
background-position: 150px 0px;
}

#bio-button {
background-position: 0px -35px;
}

#bio-button:hover {
background-position: 150px -35px;
}

#show-button {
background-position: 0px -70px;
}

#show-button:hover {
background-position: 150px -70px;
}

#press-button {
background-position: 0px -105px;
}

#press-button:hover {
background-position: 150px -105px;
}

#resources-button {
background-position: 0px -140px;
}

#resources-button:hover {
background-position: 150px -140px;
}

#contact-button {
background-position: 0px -175px;
}

#contact-button:hover {
background-position: 150px -175px;
}

#blog-button {
background-position: 0px -210px;
}

#blog-button:hover {
background-position: 150px -210px;
}

#home-button span, #video-button span, #bio-button span, #show-button span, #press-button span, #resources-button span, #contact-button span, #blog-button span {
display: none;
}

.blackbar {
height: 35px;
width: 1000px;
background-color: #000000;
margin-right: auto;
margin-left: auto;
clear: both;
}

/*old facebook code that ssits on the bottom of the page, regardless of how long it is */

#facebook {
position: absolute;
bottom: 90px;
left: 0px;
background-image: url(images/Facebook.png);
height: 75px;
width: 150px;
background-position: top;
}


/* facebook code that puts the button back in the flow

#facebook {
background-image: url(images/Facebook.png);
height: 75px;
width: 150px;
background-position: top;
float: left;
}

*/

#facebook:hover {
background-position: bottom;
}

#facebook span {
display: none;
}

.photo_left {
float: left;
margin: 0 25px 5px 0;
}

.photo_right {
float: right;
margin: 0 0 1px 25px;
}