/*This gives the page a nice rounded corner and drop shadow.*/
#canvasWrapper {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: 1px 3px 11px #444;
	-webkit-box-shadow: 1px 3px 11px #444;
	box-shadow: 1px 3px 11px #444;
}
.myBanner: {
	width: 100% ! important; 
	padding: 0; 
	margin: 0;
	display:inline-block;
}
.bannerLogo {
	margin-bottom: 10px;
	float: left;
}
h1.logoImage a {
	width: 300px; height: 69px;
	background: url("http://www.phrasemix.com/storage/phrasemix_logo_300px.png") ! important;
	text-indent: -9999px;
	display: block;
}
.bannerText {
	padding-top: 18px;
	margin: 0px;
	float: right;

} 


/*--------This COULD be used to style out the navigation items at top.

This selects the bar:
.content-navigation { } 

This selects the individual words:
.content-navigation li a span { } 

---------------------------------------------------------------------*/


/*This is to style an explanation of the phrases that goes in the header, although it's not being used yet.*/
/*------------------------------------------------------------
#phrases_explanation {}
*/



/* LINK STYLING SECTION
-------------------------------------------------------------
These lines keep links in the green h3 headings green, and keep the hover color blue.*/

.body .understand h3 a {
	color: #4FB22B ! important;
	font-size: 1 em;
}

.body .understand h3 a:hover {
	color: #04B4FF ! important;
	font-size: 1 em;
}

.journal-entry-date-break {
	width: 200px ! important;
	background-color: #332D2F ! important;
	color: #FFF ! important;
	padding: 1px 0 0 21px;
	border-right: 18px solid #DADADA;
	text-transform:uppercase ! important;
}

/* MEMORIZE card styling
------------------------------------------------------------*/
.memorize {
	
}

/* BLOCKQUOTE card styling
------------------------------------------------------------*/
blockquote p {
	padding-bottom: 0px ! important;
}


/*THESE ARE FOR THE COMMENTS SECTION ON THE POSTS.*/
/*------------------------------------------------------------*/
/* PHRASEMIX */
/* comment body text */

.comment-wrapper.authored-by-phrasemix .body{
	
	min-height: 60px;
	padding-left: 80px;
	background: url(http://www.phrasemix.com/storage/AaronCommentIcon.png) no-repeat 0 0; 
}

/*These get rid of the lines on the journal article pages that display "Printer Friendly Version" and "Email to a Friend". I thought those parts were cluttery.*/

p.printerFriendlyLinkBlock {
	display:none;
}
p.emailArticleLinkBlock {
	display:none;
}

.journal-comment-area .caption { display:none; }
.journal-comment-area .text { display:none; }
.journal-add-comment-area-wrapper { display:none; }
.journal-comment-area {
	margin-top: 0px;
	padding-top: 0px;
}


/*DISQUS commwnts.*/
/*------------------------------------------------------------*/

.dsq-post-area { 
	margin-left: 18px ! important;
	padding-bottom: 50px ! important;
}

.dsq-post-area h3 {
	font-size: 15.3px ! important;	
}

.dsq-login-buttons {
	background-image: none ! important;
	border-bottom: 1px solid #CCC ! important;
}

.dsq-request-user-info {
	padding: 10px 10px ! important;
	margin-bottom: 8px ! important;
	border-top: 2px solid #DADADA ! important;
	border-bottom: 2px solid #DADADA ! important;
	border-left: 2px solid #DADADA ! important;
	border-right: 2px solid #DADADA ! important;
	background-color: #F9F9F8 ! important;
	background-image: none ! important;
}

.dsq-comment-header a {
	color: #659FBC;
}

.dsq-options {
	margin-left: 18px ! important;
	background-image: none ! important;
	margin-bottom: 5px ! important;
}

#dsq-comments, #dsq-reactions {
	margin-left: 18px ! important;
}

.dsq-comment {
	background-color: #F4F4F4 ! important;
	margin-bottom: 10px ! important;
	padding-bottom: 2px ! important;
	border-bottom: 1px solid #EEE ! important;
	-moz-box-shadow: 0px 2px 5px #BBB;
	-webkit-box-shadow: 0px 2px 5px #BBB;
	box-shadow: 0px 2px 5px #BBB;
}

.dsq-comment-header {
	padding-left: 5px ! important;
	background-color: #332D2F ! important;
	background-image: none ! important;
	color: #FFF;
	border-bottom: 1px solid #EEE ! important;
}

#dsq-comments-title h3, .dsq-h3-reactions {
	padding-top: 10px ! important;
	font-size: 15.3px ! important;
	margin-left: 18px ! important;
}

.dsq-h3-reactions {
	background-image: none ! important;
	border-top: 1px solid #CCC ! important;
}

.dsq-comment-body {
	padding-left: 10px ! important;
}

.dsq-comment-footer {
	margin-left: 10px ! important;
	margin-right: 10px ! important;
	margin-bottom: 5px ! important;
	border-top: 1px solid #DADADA ! important;
	padding-top: 5px ! important;
}

.dsq-reaction-header {
	background-color: #F3FCFF ! important;	
	border-bottom: 1px solid #EEE ! important;
}

.dsq-like .dsq-button-small {

}

.dsq-sharing-options {
	background-color: #F9F9F8 ! important;
}

#dsq-pagination.dsq-pagination {
	border-top: none ! important!;
	background-image: none ! important;
	margin-left: 18px ! important;
}

.dsq-dislike-thread {
	display:none;
}

.dsq-logo {
	display:none ! important;
}
.dsq-by { 
	display:none; 
}
#dsq-realtime-options {
display:none ! important;
}
.dsq-item-trackback {
	display:none ! important;
}

/*THESE ARE FOR THE SIDEBAR WIDGETS.*/
/*------------------------------------------------------------*/
/*This just gets rid of the line on top of the "Recent Comments" tracker (I disabled it because I've replaced this with the Disqus sidebar instead)
ul.change-list-pt {
	border: 0px;
	margin-top: 3px;
}

ul.change-list-pt li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

*/

/*This makes the RSS link bigger on "Recent Blog Posts" and "Recent Phrases" links.*/
.feed-list-inline .feed-link {
	background: url("http://www.phrasemix.com/storage/rss.png") no-repeat 0 5px;
	padding-left: 45px;
	padding-bottom: 0px;
	padding-top: 2px;
	height: 35px;
	display: block;
}



/*TWITTER sidebar---------*/
.twtr-tweet-wrap {
	margin-left: 7px ! important;
}
.twtr-tweet-text {
	margin-left: 42px ! important;	
}


/*DISQUS RECENT COMMENTS sidebar---------*/
.dsq-widget-item {
	margin-bottom: 10px ! important;
	margin-top: 5px ! important;
}
.dsq-widget-comment {
	display: block;
	margin-left: 42px;	
	font-size: .875em;
}
.dsq-widget-meta {
	display: block;
	margin-left: 42px ! important;	
}
.dsq-widget-user {
	padding-left: 9px;
}
.dsq-widget-avatar {
	padding-top: 3px ! important;	
}