/*
base.css: The base CSS document for both the FRC and FTC websites.
This is loaded directly from mercury3944.com, so if its path changes, 3944's header.php must also be modified to reflect the changes.

Theme Name: Mercury2013
Theme URI: http://wordpress.org/
Description: Team Mercury's 2013 site
Author: Nick Sahler             Timothy Aveni
Author URI: edenotw.com/nick    timothyaveni.com
Version: 1.0

*/

* {
	margin: 0;
	padding: 0;
	/*list-style-type: disc;*/
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	
	font-family: Verdana, sans-serif;
}

html, body {
	height: 100%;
	min-height: 100% !important;
}

#wrapper {
	margin: 0px auto;
	width: 960px;
	height: 100%;
}

#header {
	width: calc(100% - 20px);
	height: 96px;
	padding: 2px 10px;
	border-bottom: 1px solid;
	table-layout: auto;
}

#header .table-cell.centered {
	vertical-align: middle;
}

#header #title {
	padding: 0px 10px;
}

#header #nav {
	text-align: right;
	padding: 10px;
}

#title img {
	float: left;
}

#title h1 {
	float: left;
	font-size: 30px;
	line-height: 90px;
	text-transform: uppercase;
	margin-left: 20px;
}

#topLinks {
	display: inline-block;
	list-style: none;
	vertical-align: middle;
}

#topLinks li {
	float: right;
	display: block;
	text-align: center;
	position: relative;
	border: none;
	font-weight: bold;
}

#topLinks li+li {
	margin-right: 2px;
}

.dropdown_inner {
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#topLinks a.navParent {
	display: block;
	padding: 12px 16px 12px 16px;	/* if changing this, also change :hover */
	text-transform: uppercase;
	font-size: 10pt;
}

#topLinks li:hover a.navParent {
	border-width: 1px;
	border-style: solid;
	padding: 11px 15px 11px 15px; /* padding-1, to compensate for border */
	
	text-decoration: none;
}

#topLinks li:hover a.hasDropdown {
	border-bottom: none;
	padding: 11px 15px 12px 15px;
}

.dropdown {
	position: absolute;
	z-index: 10;
	text-align: left;
	font-weight: normal;
	text-transform: normal;
	
	display: none;

	border-width: 1px;
	border-style: solid;
	border-top: none;
}

.dropdown .dropdownColumn {
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

.dropdown .dropdownColumn .dropdownHeader {
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
}

#topLinks li .dropdown .dropdownColumn .dropdownLink {
	display: block;
	border: none;
	padding: 5px 5px 5px 0;
	text-transform: none;
}

#topLinks table {
	border-spacing: 0;
}

/* Home-Page Slider */
.iosSlider {
	/* required */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 960px;
	height: 299px;

	float: left;
	
	border-bottom: 6px solid;
}

.iosSlider .slider  {
	/* required */
	width: 100%;
	height: 100%;

}

.iosSlider .slider .slide {
	/* required */
	float: left;
	width: 960px;
	height: 299px;
}

/* Slider frame nav */
.selector  {
    display: inline-block;
	float: right;
	margin: 15px 10px 20px;
}

.circle {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #555;
}

.circle+.circle {
	margin-left: 10px;
}

.circle:hover, .selected {
	background-color: #DDD;
}

/* Slider Content */
.sliderBox {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px;
	padding-right: 30px;
	background: url(/wp-content/themes/mercury2013/images/sliderBG.png);
	background: rgba(200, 200, 200, .85);
	
	width: 400px;
}

.sliderBox a {
	color: black;
	font-weight: bolder;
}

.sliderBox a:before {
	content: "\00bb ";
}

#content {
	display: inline-block;
	background: white;
	width: 100%;
}

/* Table stuff */
div.table {
	display: table;
  table-layout: fixed;
}

div.table-row {
	display: table-row;
}

div.table-cell {
  display: table-cell;
  vertical-align: top;
}

.columns {
	margin: 0px auto;
	width: 942px;
}

.col {
	width: 280px;
	margin: 0px 15px 15px 15px;
	display: inline-block;
	float:left;
}

/* Home Content */
div#home-content { 
	width: calc(100% - 40px);
	margin: 20px;
}

div#home-content div.table-cell {
	padding: 0 10px;
}

div#home-content div.table-cell h2, 
div#home-content div.table-cell h3 {
	text-transform: uppercase;
	margin: 0.7em 0;
	line-height: 1em;
}

div#home-content div.table-cell p {
	line-height: 1.4em;
	text-align: justify;
}

div#home-content div.table-cell ul {
	font-size: 10px;
	line-height: 1.4em;
	margin-left: 3em;
}

/* Preview stuff? */
#preview li {
	font-weight: bold;
}

#preview p {
	margin-left: 15px;
	margin-bottom: 10px;
}

#twitter {
	width: 250px;
	/*height: 93px;*/
	height: 105px;
	padding: 15px;
	overflow: hidden;
}

#twitter li {
	list-style: none;
	margin: 0;
	font-size: 11px;
	/*text-overflow: ellipsis;*/
	/*word-break: hyphenate;*/
	/*word-wrap:break-word;*/
	/*white-space: nowrap;*/
	
	width: 250px;
	
}

#twitter li a {
	float: right;
}

#twitter li span a {
	float: none;
}

#footer  {
	width: calc(100% - 40px);
	padding: 20px;
}

#footer p  {
	clear: both;
	font-size: 10px;
}

.noBorder {
	border: none;
}

img.sponsor {
	margin-bottom: 10px;
}

img.icon {
	float: left;
	display: block;
	margin-right: 5px;
}

img.social {
	margin-right: 5px;
}

#footer h1 {
	font-size: 18px;
}

#footer address  {
	font-style: normal;
	font-size: 12px;
	display: block;
	clear: right;
	margin: 12px 0;
}

#footer div#social-links {
  display: inline-block;
	margin: 10px 10px 10px 0px;
}

#footer ul {
	/* margin-top: 20px; */
	font-size: 13px;
	float: left;
}

#footer li {
	display: block;
	font-size: 11px;
}

#footer .table-cell.centered {
	text-align: center;
}

#footer .table-cell.float-right {
	float: right;
}

/* SINGLE */

.navigation {
	width: 100%;
}

.single {
	padding: 50px;
}

.post {
	margin: 20px;
}

/* CONTENT */

#content .contentTitle {
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

#content .contentPadding {
	padding: 10px;
}

#content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.post-edit-link {
	float: right;
	margin-right: 20px;
}

/* TWO COLUMNS */

.twoColumns img {
	border: none;
}

.twoColumns .leftColumn, .twoColumns .rightColumn {
	float: left;
}

.twoColumns .leftColumn {
	width: 330px;	/* left images look best at 310px wide. tall images look great */
}

.twoColumns .leftColumnPadding {
	padding: 10px;
	padding-top: 0;
}

.twoColumns .rightColumn {
	width: 580px;
}

.twoColumns .contentTitleInnerContainer {
	width: 580px;
}

/*.twoColumns .headerTable .tdLeft {
	width: 310px;
}

.twoColumns .headerTable .tdRight {
	width: 580px;
}*/

.twoColumns .leftColumn ul {
	padding: 15px;
}

.twoColumns .leftColumn ul li {
	list-style-type: none;
}

.twoColumns .leftColumn ul li a:before {
	padding-right: 5px;
	text-decoration: none;
	content: "\00bb ";
}

.twoColumns .leftColumn a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.twoColumns .leftColumn a:hover {
	color: #555;
}

/* GALLERY HOME */

.galleryHome .yearHeader {
	background-color: #ddd;
}

.galleryHome .galleryContents {
	display: inline-block;
}

.galleryHome .galleryColumn {
	float: left;
	width: 205px;
	padding: 10px;
	text-align: center;
}

.galleryHome .galleryColumn .galleryThumb {
	border: none;
}

.galleryHome .galleryColumn .galleryName {
	margin-top: 10px;
	height: 20px;
}

/* GALLERY PAGE */

.galleryPage .galleryHomeLink {
	font-size: 10pt;
	
	float: left;
	position: relative;			/* My face is the face of an evil CSS-eating monster. */
	top: 0px;
}


/* GAME PAGE */

.prettyTable {
	padding: 0;
	border: none;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-spacing: 0;
}

.prettyTable tr, .prettyTable tr td {
	padding: 3px;
	border: none;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-spacing: 0;
}

/* SPONSOR PAGE */

div#content.sponsorPage .sponsorTier {
	margin-bottom: 10px;
}

div#content.sponsorPage .sponsorBlock {
	display: block;
	float: left;
	width: 225px;
	height: 120px;

	margin: 0;
	padding: 0;

	background-color: #0f0;
}

div#content.sponsorPage .sponsorName {
	width: 225px;
	margin-top: 15px;
	text-align: center;

	line-height: normal;

	font-size: 24px;
}

div#content.sponsorPage .sponsorContent {
	display: none;
}

.columns #preview {
	overflow-x: auto;
}

.linksUl {
	margin-top: 10px;
}

.linksUl li a {
	display: block;
	padding: 10px;
}

.linksUl li .linkDescription {
	margin-left: 50px;
}


/* ARCHIVES (like the robot listing) */
.archive ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.archive li a {
	display: block;
	padding: 10px;
}