/*
Theme Name: Silver Quantum
Author: Benjamin Lu
Description: This Silver Quantum has an easy fixed top navigation so that when users scrolls down, the navigation stays in its place. It also comes with custom sidebar and full width without no sidebar. Custom Background and Header is available. 
Version: 0.1.1
License: Silver Quantum is distributed under the terms of the GNU GPL.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: silver, one-column, two-columns, right-sidebar, custom-header, custom-menu, custom-background
Text Domain: silverquantum

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Google API for Ubuntu Font */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);

/* micro-clearfix by Niclas Gallagher */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* Basic Structure
-----------------------------------------------------------*/
body {
  background: #cccccc;	
  font-family: 'Ubuntu', 'sans-serif';
  font-size: 11pt;
  margin: 0;
  padding: 0;
}

a {
  color: #0195c5;
  text-decoration: none;
}

a:hover {
  color: #999999;
}

#height {
  height: 19px;
}

#container {
  background: #ffffff;
  border: 2px solid #E5056A;
  margin: 0 auto;
  width: 1000px
}

.site-header {

  height: 200px;
}

.site-title {
  background: #fff;
  font-size: 24pt;
  height: auto;
  margin: 20px 0 0 20px;
  padding: 10px 10px 22px 10px;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 0;
}

.site-description {
  background: #fff;
  font-size: 12pt;
  height: auto;
  margin: 65px 0 0 20px;
  padding: 0 10px 5px 10px;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 0;
}

.header-image {
  max-width: 100%;
  height: auto;
}

#main-content {
  float: left;
  margin: 10px 0 20px 10px;
  width: 680px;
}

#main-content table {
  margin-top: 20px;
}

#full-content {
	margin: 23px 10px 20px 10px;
}

#full-content table {
  margin-top: 20px;
}

.entry-title {
  border-bottom: 1px solid #cccccc;
  font-size: 12pt;
  margin-bottom: 0;
}

.entry-title a {
  color: #0195c5;
  text-decoration: none;
}

.entry-metadata {
  margin: 0 0 0 0;
}

.entry-meta {
  margin-top: 40px;
  margin-bottom: 40px;
}

#widget-area {
  float: right;
  margin: 10px 10px 20px 0;
  width: 220px;
}

#widget-area ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.widget-title {
  border-bottom: 1px solid #cccccc;
  font-size: 12pt;
}

#wp-calendar {
  text-align: center;
  width: 100%;
}

#wp-calendar caption {
  font-weight: bold;
}

#wp-calendar #today {
  font-weight: bold;
}

.alignleft {
  float: left;
  padding: 0 10px 0 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 10px 0;

}

.alignright {
  float: right;
  margin: 0 0 0 10px;
}

.wp-caption {

}

.wp-caption-text {

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

.site-footer {
  font-size: 10pt;
  margin: 0 auto;
  padding: 5px 0 30px 0;
  text-align: center;
  width: 960px;
}

.form-allowed-tags {
  font-size: 10pt;
}

/* Top Navigation Structure
-----------------------------------------------------------*/
#top-navigation {
  background: #E5056A;

  height: 30px;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.top-menu {
  color: #ffffff;
  font-size: 12pt;
  display: block;
  height: 29px;
  margin: 0 auto;
  width: 960px;
}

.top-menu ul {
  list-style-type: none;
  margin: 0;
}

.top-menu li {
  float: left;
  position: relative;
}

.top-menu a {
  color: #ffffff;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}

.top-menu ul ul {
  display: none;
  float: left;
  left: -40px;
  position: absolute;
  top: 28px;
  width: 100px;
}

.top-menu ul ul a {
  background: #999999;
  display: block;
  height: auto;
  line-height: 1em;
  padding: 10px;
  width: 250px;
}

.top-menu ul ul li {
  width: auto;
}

.top-menu ul ul ul {
  left: 230px;
  top: 0;
  width: 250px;
}

.top-menu li:hover > a, .top-menu ul ul :hover > a {
  background: #000;	
  color: #fff;
  display: block;

}

.top-menu ul li:hover > ul {
  display: block;	
}

.top-menu ul li.current_page_item > a,
.top-menu ul li.current-menu-ancestor > a,
.top-menu ul li.current-menu-item > a,
.top-menu ul li.current-menu-parent > a {
  background: #333;
  color: #fff;	
  cursor: default;
}

/* Images
--------------------------------------------------------*/
img {
  max-width: 100%;
}

/* =Comments
-------------------------------------------------------------- */
.comment-list {
  background: #cccccc;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 20px 0 10px 20px;
}

.comment-list li {
  list-style-type: none;
}

.comments-title {
	margin-bottom: 40px;
	font-size: 13pt;
	line-height: 1;
	font-weight: normal;
}

.comments-area article header {
	margin: 0 0 10px;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	margin-left: 55px;
}
.comments-area article header cite {
	font-size: 50pt;
}

.comments-area article header time {
	text-decoration: none;
	font-size: 9pt;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #0195c5;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #0195c5;
}
.comments-area article header cite a:hover {
	text-decoration: none;
}

.avatar {
  float: left;
  margin: 0 10px 0 0;
}

.reply {
  margin-bottom: 20px;
}
.comment-form-author label {
  display: block;
}

.comment-form-email label {
  display: block;
}

.comment-form-url label {
  display: block;
}
 
.comment-form-comment  label{
  display: block;
}