/*   
Theme Name: Social Communication Theme
Theme URI: http://logan.mccamon.org
Description: A blank framework licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
Author: McCamon, Foley, Medina
Author URI: http://logan.mccamon.org
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Tags: 
*/

/* Contents
 
 Global
 Header 
 Navigation
 Sidebar
 Post
 Meta
 Footer
 Misc
 Pagination
 Forms
 Comments 
 Typography
 
NOTICE:
Color scheme
Yellow R217 G149 B41
Red R137 G26 B28
Teal R0 G113 B127
Blue R46 G49 B146
The insides of the circles for the logo and navigation system are 75% tints of these colors

Warm Grey (accent color)- R68 G54 B56
(Background color of site is a 5% opacity tint of this color)

Typeface for intro page: Helvetica Neue regular, 10pt.
links for modules: Helvetica Neue Light 13pt.

Title: Helvetica Neue extra light 83pt.
Body text: Helvetica Neue regular 10pt and 11pt.
Intro sentence is 13pt.

Sidebar is 250px wide, and stationary as the user scrolls down.
Height of header is 115px. It contains the social comm logo and the title of the page ('welcome', 'introduction', etc.)
The line which delineates the bottom of the header bar is warm grey 75% and .5pt
Introduction blurb on welcome page is 215px by 227px, with 25% tint of warm grey.

*/

/* Global */
/* ---------------------------------------------------------- */

body {
		margin: 0px;
		padding: 0px;
		font-color: black;
}
html {
		padding: 0px;
		margin: 0px;
        width: 1250px;
        min-width: 1250px;
        height: 750px;
        min-height: 750px;
}
/* Flex Grid */
.outer_wrap {
		margin: 0 auto;
		width: 960px;
}
.inner_wrap {
		padding: 20px 0px 20px 0px;
}
.container-bubbles {
    height:40%;
    width:801px;
}
.post {
        height:100%; 
        width:100%;
}

.post-welcome {
        height:700px; 
        width:100%;
}
.flex_10,
.flex_20,
.flex_25,
.flex_33,
.flex_40,
.flex_50,
.flex_60,
.flex_66,
.flex_70,
.flex_75,
.flex_80,
.flex_90,
.flex_100 {
		display: inline;
		float: left;
		position: relative;
        height:100%;
}
.push {
		margin: 1px 0px 0px 0px;
}
.flex_10 {
		width: 10%;
}
.flex_20 {
		width: 20%;
}
.flex_25 {
		width: 25%;
}
.flex_33 {
		width: 33%;
}
.flex_40 {
		width: 40%;
}
.flex_45 {
		width: 45%;
}
.flex_50 {
		width: 50%;
}
.flex_60 {
		width: 60%;
}
.flex_66 {
		width: 66%;
}
.flex_70 {
        width: 70%;
        float: right;
        min-height: 700px;
}
.flex_75 {
		width: 75%;
}
.flex_80 {
		width: 80%;
}
.flex_90 {
		width: 90%;
}
.flex_100 {
		width: 100%;
}
.flex_pad {
		padding: 10px;
}
.flex_vert_pad {
		padding: 10px 0px 10px 0px;
}
.clear {
		clear: both;
}
/* Header */
/* ---------------------------------------------------------- */
#header {
		height: 165px;
        z-index: 50;
}

#top-black-line {
        z-index: 2;
        height: 2px;
}
/* Navigation */
/* ---------------------------------------------------------- */

nav a#pull {
		display: none;
}
/*changed default #nav*/
#navigation {
	width: 35%;
}

#navigation a {
		color: #222;
}
#navigation li li a {
		color: #434343;
}
#navigation ul {

		list-style: none;
}
#navigation li {
		padding: 10%;
		float: left;
		position: relative;
}
#navigation a {
		font-weight: bolder;
		text-align: center;
		display: block;
		line-height: 3.333em;
		padding: 0 1.2125em;
		text-decoration: none;
}
#navigation ul ul {
		-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 3.333em;
		left: 0;
		width: 188px;
		z-index: 99999;
}
#navigation ul ul ul {
		left: 100%;
		top: 0;
}
#navigation ul ul a {
		background: #f9f9f9;
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: auto;
		line-height: 1.4em;
		padding: 10px 10px;
		width: 168px;
}
#navigation li:hover > a,
#navigation ul ul :hover > a,
#navigation a:focus {
		background: #efefef;
}
#navigation li:hover > a,
#navigation a:focus {
		background: #f9f9f9; /* Show a solid color for older browsers */
		background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
		background: -o-linear-gradient(#f9f9f9, #e5e5e5);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
		background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
		color: #373737;
}
#navigation ul li:hover > ul {
		display: block;
}
#navigation .current_page_item > a,
#navigation .current_page_ancestor > a {
		font-weight: bold;
}

/*
Written by:Brandon Medina
Custom Static Navigation Bar
*/
#rmain {
    margin-left: 30%;   
    margin-top: 15%;
    font-size: 1.5em;
}

#tmain {
    margin-top: 15%;
    margin-left: -10%;
    font-size: .87em;
}
#ymain {
    position: absolute;
    top: -31%;
left: -21%;
    margin: auto;
}

.nav-bar {
	padding-left: 1%;
    position: fixed;
    height:600px;
    width:390px;
    z-index: 0;
}

#NTM {
    position: absolute;
    left: 3.5%;
    top: 40%;
}
#nt0{
	position: absolute;
	top: 34%;
	left: -2.7%;
	width: 28%;
}
#ntw0 {
	position: absolute;
	
}
#nt1 {
	position: absolute;
	top: 33%;
left: 18%;
width: 14%;
}
#ntw1 {
	position: absolute;
	display: none;
	top: 18%;
}
#nt2 {
	position: absolute;
	top: 40%;
left: 32%;
width: 20%;
}
#ntw2 {
	position: absolute;
	display: none;
	top: 18%;
}
#nt3 {
	position: absolute;
	top: 54%;
left: 29%;
width: 15%;
}
#ntw3 {
	position: absolute;
	display: none;
	top: 18%;
}
#nt4 {
	position: absolute;
	top: 59%;
left: 13%;
width: 20%;
}
#ntw4 {
	position: absolute;
	display: none;
	top: 18%;
}
#nt5 {
	position: absolute;
	top: 53%;
left: -2.7%;
width: 13%;
}
#ntw5 {
	position: absolute;
	display: none;
	top: 18%;
}
#NRM {
    position: absolute;
    top: 66%;
left: 25%;
}
#nr0{
	position: absolute;
	top: 62.5%;
left: 26%;
width: 20%;
}
#nrw0 {
	position: absolute;
	display: none;
}
#nr1 {
	position: absolute;
	top: 57%;
left: 47%;
width: 30%;
}
#nrw1 {
	position: absolute;
	display: none;
}
#nr2 {
	position: absolute;
	top: 69%;
left: 70%;
width: 15%;
}
#nrw2 {
	position: absolute;
	display: none;
}
#nr3 {
	position: absolute;
	top: 84%;
left: 74%;
width: 25%;
}
#nrw3 {
	position: absolute;
	display: none;
}
#nr4 {
	position: absolute;
	top: 97%;
left: 57%;
width: 15%;
}
#nrw4 {
	position: absolute;
	display: none;
}
#nr5 {
	position: absolute;
	top: 95%;
left: 24%;
width: 33%;
}
#nrw5 {
	position: absolute;
	display: none;
}
#nr6 {
	position: absolute;
	top: 78%;
left: 10%;
}
#nrw6 {
	position: absolute;
	display: none;
}
#NYM {
    position: absolute;
    left: 1%;
top: 106%;
font-size: small;
}
#ny0 {
	position: absolute;
	top: 103%;
left: -2%;
width: 12%;
}
#nyw0 {
	position: absolute;
	display: none;
}
#ny1 {
	position: absolute;
	top: 105%;
left: 19%;
width: 19%;
}
#nyw1 {
	position: absolute;
	display: none;
}
#ny2 {
	position: absolute;
	top: 118%;
left: -2%;
width: 8%;
}
#nyw2 {
	position: absolute;
    top:3%;
	display: none;
}
.nav-circle-text div {
    float: left;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:black;
}
.nav-circle-text {
    width: 24%;
}
.nav-circle-text:after {
	content: "";
    display: block;
    height:0;
}
.nav-circle_90 div {
    width:180%;
    padding-top:80%;
}
.nav-circle_90:after {
    width: 180%;
    padding-bottom: 180%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.nav-circle_50 div {
    width:100%;
    padding-top: 31%;
	padding-left: 4%;
}
.nav-circle_50:after {
    width: 100%;
    padding-bottom: 100%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.nav-circle_30 div {
    padding-top: 31%;
	padding-left: 8%;
}
.nav-circle_30:after {
    width: 60%;
    padding-bottom: 60%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.nav-circle_25 div {
    width:50%;
    padding-top:25%;
}
.nav-circle_25:after {
    width: 50%;
    padding-bottom: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.nav-circle_15 div {
    width:30%;
    padding-top:15%;
}
.nav-circle_15:after {
    width: 30%;
    padding-bottom: 30%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
/* Search bar */
/* ---------------------------------------------------------- */
.bsearch {
		display: inline;
        width: 20%;
        text-align: right;
        height: 100%;
        position: absolute;
        left: 83%;

}
#gsearch {
	background-color: rgb(68,54,56);
    opacity: .31;
    border: 2px solid;
    border-radius: 20px;
}
#swhite {
	color: #fff;
	position: absolute;
	left: 20%;
	padding-top: 3.5%;
}

/* Sidebar */
/* ---------------------------------------------------------- */

#sidebar {
		margin: 0px 0px 0px 20px;
}
#sidebar img {
		max-width: 100%;
		height: auto;
}
#pages,
#archives,
#categories,
#feeds,
#sidebarmeta,
#blogroll {
		margin: 0px;
}
.sidebaritem {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px dotted #ccc;
}
/* Post */
/* ---------------------------------------------------------- */

#open-text {
    top:60%;
    left:-5%;
    width: 35%;
}

.circle-text-red {
    width:30%;
}

.circle-text-teal {
    width:15%;
}

.circle-text-yellow {
    width:10%;
}

.circle-text-red:after {
    content: "";
    display: block;
    height:0;
}

.circle-text-red div {
    position: absolute;
    float:left;
    top: -30%;
    left: 7%;
    font-size: 2em;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:#4F4F4F;
}

#attitudes {
    font-size: 1.5em;
    top:49%;
    left:-7%;
}

#asp {
    font-size: 2.7em;
    top:50%;
    left:130%;
}

#emotions {
    font-size: 1.4em;
    top:70%;
}

.circle-text-teal:after {
    content: "";
    display: block;
    height:0;
}
.circle-text-teal div {
    position: absolute;
    float:left;
    top: -5%;
    left: 12%;
    font-size: 1.3em;
    line-height:1em;
    text-align:center;
    color:#4F4F4F;
}

#social {
    font-size:150%;
    top:55%;
}

#dimensions {
    top: 85%;
    font-size: .9em;   
}

.circle-text-yellow:after {
    content: "";
    display: block;
    height:0;
}

.circle-text-yellow div {
    position: absolute;
    float:left;
    top: 40%;
    left: 7%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:#4F4F4F;
}

.circle_75:after {
    width: 97%;
    padding-bottom: 100%;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
}

.circle_75 div {
    width:50%;
    padding-top:75%;
}

.circle_50:after {
    width: 97%;
    padding-bottom: 100%;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
}

.circle_50 div {
    width:10%;
    padding-top:30%;
}

.circle_25:after {
    width: 90%;
    padding-bottom: 100%;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
}

.circle_25 div {
    width:10%;
    padding-top:10%;
}

#teal {
    position:absolute;
    top:20%;  
    left:13%;
}

#red {
    position:absolute;
    top: 40%;
    left: 55%;
}

#yellow {
    position: absolute;
    top: 7%;
    left: 90%;
}

.yellow:after{
    border: 4px solid rgb(216,149,41);
    background-color: rgb(240,170,60);
}

.red:after{
    border: 4px solid rgb(137,26,28);
    background-color: rgb(220,70,70);
}

.teal:after{
    border: 4px solid rgb(0,113,127);
    background-color: rgb(0,170,170);
}

.blue:after{
    border: 4px solid rgb(46,49,146);
    background-color: rgba(46,49,146,.75);
}

.line {
    position: absolute; /* allows to position it anywhere */
    width: 3px; /* your chosen line width */
    background-color: #06a; /* line color */
    z-index: 1000; /* make sure this is above your other elements */
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    /* transform-origin sets rotation around top left (instead of the geometrical center) */   
}

.item-teal {
    position:absolute;
    height:auto;
    width:auto;
    color:#443638;
    font-size:100%;
    border-bottom: 2px teal solid;
}

.item-teal a:visited,
.item-teal a:hover,
.item-teal a:link,
.item-teal a:active {
    text-decoration: none;
    color:#443638;
}

#t0 {
    top:16%;
    left:35%;
    font-size: 100%;
}

#t1 {
    top:28%;
    left:35%;
}

#t2 {
    top:10%;
    left:20%;
}

#t3 {
    top:13%;
    left:0%;
}

#t4 {
    top:40%;
    left:0%;
}

#t5 {
    top:35%;
    left:32%;
}

#t6 {
    top:45%;
    left:28%;
}

#t7 {
    top:30%;
    left:0%;
}

.item-red {
    position:absolute;
    height:auto;
    width:auto;
    color:#443638;
    font-size:100%;
    border-bottom: 2px red solid;
}

.item-red a:visited,
.item-red a:hover,
.item-red a:link,
.item-red a:active {
    text-decoration: none;
    color:#443638;
}

#r0 {
    top:25%;
    left:50%;
}

#r1 {
    top:30%;
    left:75%;
}

#r2 {
    top:40%;
    left:85%;
}

#r3 {
    top:60%;
    left:95%;
}

#r4 {
    top:70%;
    left:40%;
}

#r5 {
    top:57%;
    left:30%;
}

#r6 {
    top:44%;
    left:42%;
}

#r7 {
    top:75%;
    left:90%;
}

#r8 {
    top:80%;
    left:77%;
}

#r9 {
    top:85%;
    left:53%;
}

.item-yellow {
    position:absolute;
    height:auto;
    width:auto;
    color:#443638;
    font-size:100%;
    border-bottom: 2px gold solid;
}

.item-yellow a:visited,
.item-yellow a:hover,
.item-yellow a:link,
.item-yellow a:active {
    text-decoration: none;
    color:#443638;
}

#y0 {
    top:8%;
    left:80%;
}

#y1 {
    top:5%;
    left:105%;
}

#y2 {
    top:20%;
    left:103%;
}

#y3 {
    top:17%;
    left:82%;
}

.postmetadata {
		padding: 0px 0px 5px 0px;
		color: #777777;
		font-size: 12px;
		line-height: 18px;
		text-transform: capitalize;
		clear: both;
}
.entry {
    height:100%;
    min-height: 700px;
    width:100%;
    padding-bottom: 40px;
}
.meta {
		padding: 0px 0px 10px 0px;
}
object,
video {
		max-width: 100%;
		width: 100%;
}
.wp-caption {
		max-width: 95%;
		height: auto;
}
img {
		max-width: 100%;
		height: auto;
}
.wp-caption img,
.gallery-icon img {
		max-width: 98%;
		height: auto;
}
.content {
		padding: 35px;

}
.archive .post,
.blog .post {
		padding: 0px 0px 50px 0px;
}
.post,
.type-post,
.type-page {
		padding: 0px 0px 10px 0px;
}
.textcenter {
		text-align: center;
}
.textleft {
		text-align: left;
}
.textright {
		text-align: right;
}
.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
}
.alignleft {
		float: left;
		margin: 0px 20px 20px 0px;
		clear: both;
}
.alignright {
		float: right;
		margin: 0px 0px 20px 20px;
		clear: both;
}
.attachment-post-thumbnail {
		float: left;
		min-width: inherit;
		border: 5px solid #fff;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px #888;
		box-shadow: 0 0 2px #888;
		overflow: hidden;
		margin: 0px 20px 20px 0px;
}
/* Meta */
/* ---------------------------------------------------------- */

.time {
		background: url(images/swpf_icons.png) no-repeat left -88px;
		margin: 0px;
		padding: 0px 0px 0px 23px;
}
.post-comments {
		background: url(images/swpf_icons.png) no-repeat left -66px;
		margin: 0px;
		padding: 0px 0px 0px 23px;
}
.categories {
		background: url(images/swpf_icons.png) no-repeat left -108px;
		margin: 0px;
		padding: 0px 0px 0px 23px;
}
.tags {
		background: url(images/swpf_icons.png) no-repeat left -24px;
		margin: 0px;
		padding: 0px 0px 0px 23px;
}
.meta_author {
		background: url(images/swpf_icons.png) no-repeat left -45px;
		margin: 0px;
		padding: 0px 0px 0px 25px;
}
.author {
		background: #f3f3f3;
		padding: 20px 20px 0px 0px;
		margin: 0px 0px 20px 0px;
}
.author img {
		float: left;
		margin: 0px 20px 10px 0px;
}
.authorinfo h3 {
		margin: 0px 0px 10px 0px;
		padding: 0px;
}
.authorinfo p {
		margin: 0px;
		padding: 0px 0px 20px 20px;
		font-size: 12px;
}
/* Footer */
/* ---------------------------------------------------------- */

#footer {
		border-top: solid 8px #000;
		margin: 0px 0px 0px 0px;
		text-align: center;
		padding: 20px;
		color: #848484;
}
/* Misc */
/* ---------------------------------------------------------- */

.sticky {
		background: url(images/must-read.png) no-repeat right top;
		background-color: #fff;
}
.gallery-caption {
		width: 90%;
		padding: 0px;
		margin: 0 auto;
}
.bypostauthor {
}
.wp-caption-text {
		font-size: 10px;
		color: #777;
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding: 0px;
		margin: 0px 0px 20px 0px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
}
.wp-caption-dd {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
}
/* Pagination */
/* ---------------------------------------------------------- */

.pagenavi {
		margin: 0 auto 20px auto;
		width: 400px;
		padding: 5px;
		background: #f3f3f3;
		border: 1px solid #ccc;
		-moz-box-shadow: inset 0 0 5px #fff;
		-webkit-box-shadow: inset 0 0 5px #fff;
		box-shadow: inset 0 0 5px #fff;
}
.pagenavi a {
		padding: 5px 6px 4px 6px;
		margin: 3px;
		text-decoration: none;
		color: #666;
		background-color: inherit;
}
.pagenavi a:hover {
		color: #000;
}
.pagenavi span.pages {
		padding: 5px 6px 4px 6px;
		margin: 3px;
		color: #333;
		font-weight: bold;
		background-color: inherit;
}
.pagenavi span.current {
		padding: 5px 6px 4px 6px;
		margin: 3px;
		font-weight: bold;
		color: #fff;
		background-color: #ccc;
}
/* Comments */
/* ---------------------------------------------------------- */
h3#reply-title {
		padding: 0px;
		margin: 0px;
}
.logged-in-as {
		padding: 0px;
		margin: 0px;
}
#comments-title:before {
		content: "Comments: ";
		color: #777;
}
#comments-title {
		padding: 30px 0px 0px 0px;
		margin: 0px;
		text-align: center!important;
}
.comment-author {
		font-weight: bolder;
		font-size: 14px;
		font-style: italic;
		text-transform: capitalize;
		margin: 40px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
}
.comment-author .avatar {
		display: block;
		float: left;
		margin: -5px 12px 0px 0px;
		padding: 0px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		border: solid 5px #f3f3f3;
}
#comment-block {
		padding: 0px;
		overflow: hidden;
}
.comment-body p {
		margin: 10px 0px 10px 0px;
		padding: 10px 10px;
		background-color: #f3f3f3;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}
#comment-block .children {
		margin: -50px 0px 0px 0px;
}
#comment-block ol,
#comment-block .children li {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		list-style-type: none;
}
#comment-block a {
		color: #006699;
}
.commentmetadata {
		font-size: 10px;
		padding: 0px;
		margin: 0px;
}
#respond {
		margin: 40px 0px 0px 0px;
}
/* Navigation 2 */
/* ---------------------------------------------------------- */

.navigation {

}
.navigation a {
		color: #555555;
}
.navigation a:hover {
		color: #000;
		padding: 5px 6px 4px 6px;
		margin: 3px;
		font-weight: bold;
		background-color: #dfdfdf;
}
.navigation span.pages {
		padding: 5px 6px 4px 6px;
		margin: 3px;
		color: #333;
		font-weight: bold;
		background-color: inherit;
		display: none;
}
.navigation span.current {
		padding: 5px 6px 4px 6px;
		margin: 3px;
		font-weight: bold;
		color: #fff;
		text-shadow: 0px 1px 0px #333;
		background-color: #888;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}
/* Typography Framework */
/* ---------------------------------------------------------- */


body {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        min-width: 1250px;
}
#header h1 {
		font-weight: 600;
		margin: 0px;
		padding: 30px 0px 0px 0px;
}
#header h1 a {
		color: black;
		font-size: 36px;
		letter-spacing: -.5px;
		text-decoration: none;
}
#header h1 a:hover {
		color: #333;
		text-decoration: none;
}
.description {
		color: #777777;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
.bread-crumb {
		color: #777777;
		font-size: 12px;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 10px;
}
.postdate {
		text-align: right;
		padding: 30px 20px 0px 0px;
}
.postmonth {
		color: #ccc;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bolder;
		padding: 0px;
		margin: 2px 0px 0px 0px;
}
.postyear {
		color: #ccc;
		font-weight: bolder;
		font-size: 22px;
		padding: 0px;
		margin: -2px 0px 0px 0px;
}
.content-format-aside .entry,
.content-format-gallery .entry,
.content-format-link .entry,
.content-format-image .entry,
.content-format-quote .entry,
.content-format-status .entry,
.content-format-video .entry,
.content-format-audio .entry,
.content-format-chat .entry {
		padding: 15px 0px 0px 0px;
}
.content-format-aside .entry {
		padding: 10px 0px 0px 0px;
}
.content-format-link p {
		font-size: 22px;
		padding: 0px 0px 0px 0px;
}
.content-format-link p:before {
		content: 'Link: ';
		margin: 0px;
		font-weight: 600;
}
.content-format-quote blockquote {
		font-size: 22px;
		padding: 20px 10px 20px 90px;
		margin: 0px;
        height:auto;
		background: url("images/quotes.png") 10px 10px no-repeat #f3f3f3;
}
.content-format-status p:before {
		content: 'Status: ';
		margin: 0px;
		font-weight: 600;
}
.content-format-status p {
		font-size: 26px;
		margin: 0px;
		line-height: 32px;
}
.content-format-status .entry p {
		margin: 0px;
		padding: 0px 0px 0px 20px;
		text-align: left;
}
.content-format-status .entry img {
		float: left;
		text-align: center;
}
a,
a:visited {
		text-decoration: underline;
		color: #1B86D2;
}
a:hover {
		text-decoration: none;
		color: #006699;
}
thead {
		display: table-header-group;
}
tr,
img {
		page-break-inside: avoid;
}
img {
		max-width: 100% !important;
}
h2,
h3 {
		page-break-after: avoid;
}
p,
h2,
h3 {
		orphans: 3;
		widows: 3;
}
p {
		margin: 0 0 10px;
		line-height: 20px;
		font-size: 14px;
}
small {
		font-size: 85%;
}
strong {
		font-weight: bold;
}
em {
		font-style: italic;
}
.left {
		text-align: left;
}
.right {
		text-align: right;
}
.center {
		text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
		margin: 10px 0;
		font-family: inherit;
		font-weight: normal;
		line-height: 20px;
		color: inherit;
		text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
		line-height: 40px;
}
h1 {
		font-size: 42px;
}
h2 {
		font-size: 31.5px;
}
h3 {
		font-size: 24.5px;
}
h4 {
		font-size: 17.5px;
}
h5 {
		font-size: 14px;
}
h6 {
		font-size: 11.9px;
}
h1 small {
		font-size: 24.5px;
}
h2 small {
		font-size: 17.5px;
}
h3 small {
		font-size: 14px;
}
h4 small {
		font-size: 14px;
}
h1 a {
		text-decoration: none;
}
.headline {
		padding-bottom: 9px;
		margin: 20px 0 30px;
		border-bottom: 1px solid #eeeeee;
}

.page-title {
	padding-left: 18%;
	font-size: 500%;
	font-weight: 100;
	padding-bottom: 50px;
	margin-top: -70px; 
}
ul,
ol {
		font-size: 14px;
		color: #222222;
		padding: 0;
		margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
		margin-bottom: 0;
}
li {
		line-height: 20px;
}
dl {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 20px;
}
dt,
dd {
		line-height: 20px;
}
dt {
		font-weight: bold;
		margin-top: 10px;
}
dd {
		margin: 5px 0px 0px 20px;
}
hr {
		margin: 20px 0;
		border: 0;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
		cursor: help;
		border-bottom: 1px dotted #999999;
}
blockquote {
		font-size: 14px;
		line-height: 22px;
		/*background: #f9f9f9;*/
		background: rgb(217,207,207);
		border-left: 5px solid #000;
		margin: 20px;
        position: relative;
		/*quotes: "\201C""\201D""\2018""\2019";*/
		padding: 0px 10px 0px 10px;
		/*background: url("images/quotes.png") 10px 10px no-repeat #f3f3f3;*/
}
address {
		display: block;
		margin-bottom: 0px;
		font-style: normal;
		line-height: 20px;
}
code,
pre {
		padding: 0 3px 2px;
		font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
		font-size: 12px;
		color: #333333;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
}
code {
		padding: 2px 4px;
		color: #d14;
		background-color: #f7f7f9;
		border: 1px solid #e1e1e8;
}
pre {
		display: block;
		padding: 9.5px;
		margin: 0 0 10px;
		font-size: 13px;
		line-height: 20px;
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre-wrap;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
}
pre.prettyprint {
		margin-bottom: 20px;
}
pre code {
		padding: 0;
		color: inherit;
		white-space: pre;
		white-space: pre-wrap;
		background-color: transparent;
		border: 0;
}
.pre-scrollable {
		max-height: 340px;
		overflow-y: scroll;
}
table {
		max-width: 100%;
		background-color: transparent;
		border-collapse: collapse;
		border-spacing: 0;
		border: 1px solid #ccc;
}
tr,
td {
		border: 1px solid #ccc;
		padding: 5px;
}
th {
		padding: 5px;
		background-color: #f3f3f3;
		border: 1px solid #ccc;
}
form {
		margin: 0 0 20px;
}
fieldset {
		padding: 0;
		margin: 0;
		border: 0;
}
legend {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 40px;
		color: #333333;
		border: 0;
		border-bottom: 1px solid #e5e5e5;
}
legend small {
		font-size: 15px;
		color: #999999;
}
label,
input,
button,
select,
textarea {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
}
input,
button,
select,
textarea {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
		display: block;
		margin-bottom: 5px;
}
select,
textarea,
input[type="text"] {
		display: inline-block;
		height: 20px;
		padding: 4px 6px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
		color: #555555;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		vertical-align: middle;
}
input[type="text"] {
		display: inline-block;
		height: 20px;
		padding: 3px;
		margin-bottom: 3%;
		margin-top: 2%;
		margin-right: 6%;
		font-size: 14px;
		line-height: 20px;
		color: #555555;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		vertical-align: middle;
}
textarea {
		height: auto;
		width: 80%;
}
radio,
checkbox {
		min-height: 20px;
		padding-left: 20px;
}
radio input[type="radio"],
checkbox input[type="checkbox"] {
		float: left;
		margin-left: -20px;
}
textarea,
input[type="text"] {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear .2s, box-shadow linear .2s;
		-moz-transition: border linear .2s, box-shadow linear .2s;
		-o-transition: border linear .2s, box-shadow linear .2s;
		transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus {
		border-color: rgba(82, 168, 236, 0.8);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
}
select {
		height: 30px;
		line-height: 30px;
		width: 220px;
		border: 1px solid #cccccc;
		background-color: #ffffff;
}
select:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
}
.button,
input[type="submit"] {
		display: inline-block;
		padding: 7px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		color: #777777;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border: 1px solid #cccccc;
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
		color: #333333;
		background-color: #e6e6e6;
		border: 1px solid #777777;
}
.button:hover,
.button:focus {
		color: #333333;
		text-decoration: none;
}
.button:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
}

/* COLUMNS */

.left-border{
  border-left-width:thin;
  border-left-style:solid;
  border-left-color:rgb(68,54,56);
}
w


#search-post {
    min-height: 700px;
}