/* ============================= */
/* = HOW TO CUSTOMIZE PLATFORM = */
/* ============================= */

/*

Edit this style sheet to create your own custom theme based on the Base Platform theme. 

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black – the CSS looks like this:

		#footer {
			clear:both;
			font-size:1em;
			overflow:hidden;
			text-align: left;
			background: #000;
			color: #999;
			position: relative;
		}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp

ON UPDATING - 	Base shouldn't be replaced in your install with every release. It defeats the purpose of using a child theme.
				Use updates to this Platform Child Theme, as a reference to help you improve your own customizations.
*/

/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */
 
/*
	@ CSS corresponding to the hook used in functions.php; adds a stumbleupon icon to branding section
*/
.icons .stumbleupon {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px 0;}
.icons .stumbleupon:hover {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px -22px;}

/*
	@ Pullquote Section
*/
#pullquote.copy{
	background: #f7f7f7 url(images/pullquote.png) no-repeat 15px 15px;
	padding: 15px 20px 15px 45px;
	margin-bottom: 1.5em;
}

	#pullquote .thepullquote{font-size: 1.5em;margin-bottom: 5px;line-height: 1.3em;}
	#pullquote .thecitation{color: #AAA; font-style: italic;padding-left: 15px;}
	

/* 2the9 */


.submissions{

	width: 920px;
	text-align: center;
	padding: 30px 14px 14px 14px;
	border: 1px solid grey;
}


a.postThumbnail {
	border:1px solid #fff;
	padding:4px;
	display:block;
	border-color: #f5f5f5;
}

a.postThumbnail:hover {
	border: 1px solid #eee;
	border-color:black;
}

#branding .content-pad {
    padding: 25px 0 0 15px;
}

.sortorder-header {
	padding: 25px;
	font-size: .7em;
}
.orderby {
	padding: 25px;

}

select {
	font-size: .7em;
}


/* Pagination styles */
.paginate {
	font-size: .7em;
}
 
a.paginate {
	border: 1px solid black;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: black;
}
 
 
a.paginate:hover {
	background-color: black;
	color: #FFF;
	text-decoration: none;
}
 
a.current {
	border: 1px solid black;
	font: bold .7em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:black;
	color: #FFF;
	text-decoration: none;
}
 
span.inactive {
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: black;
	cursor: default;
}
 
#pagenav-background {
	/* border: 1px grey solid; */
	background: #F5F5F5;
}




/* display blocks */


img {border: none;}
a {color: #423b35;}
* {margin: 0; padding: 0;}
h1,h2{ font-weight: normal; margin: 10px 0; padding: 10px 0;}
h1 {
	font-size: 4em;
	padding: 15px 5%;
	margin: 0 auto;
	background: #2b221b;
	line-height: 1em;
	color: #e3e1d5;
	border-bottom: 1px solid #1b140e;
}
.container {
	padding: 10px 5%;
}
ul.column{
	width: 100%;
	padding: 0px 0px 0px 25px;
	margin: 10px 0 50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 300px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block:hover {
	background: #A8A8A8;
}
.block {
	height: 250px;
	font-size: 1em;
	margin-right: 10px;
	padding: 20px;
	background: #F5F5F5;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.block h2 {
	font-size: 1.3em;
}
.block img {
	width: 89%;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.icons .facebooklink,
.icons .twitterlink {
	background-size: cover;
	background-position: center;
	width: 44px;
	height:44px;
}

.icons .facebooklink:hover,
.icons .twitterlink:hover {
	background-position:center;
}

.icons .facebooklink {
	background-image: url(/assets/facebook.png);
}

.icons .twitterlink {
	background-image: url(/assets/twitter.png);
}

#gform_submit_button_1{
	padding:12px;
}