/*
Theme Name: B-Rhymes
Theme URI: http://B-Rhymes.com
Description: 
Version: 1.0
Author: Mike Lin
*/
/** reset **/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

img,body,html {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	margin-bottom: 0.5em;
}

h1 {
	font-size: 124%;
}

q:before,q:after {
	content: '';
}

em {
	font-style: italic;
}

/** Layout **/
html,body {
	height: 100%;
}

body {
	font-family: helvetica, arial, sans-serif;
	background: #efede3;
}

#page {
	position: relative;
	/* hack to get the page to extend to the bottom when content scrolls */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 962px;
	margin: 0 auto -34px;
	background: transparent url(images/app/page-bg.gif) repeat-y;
}

#footer,#push {
	height: 34px;
}

#footer {
	width: 962px;
	height: 34px;
	line-height: 29px;
	margin: 0 auto;
	background: #efede3 url(images/app/footer.png) no-repeat;
	position: relative;
	text-align: center;
	color: #fff;
}

#footer a {
	color: #fff;
}

#header {
	height: 87px;
	width: 100%;
	background: #efede3 url(images/app/header.png) no-repeat 0 5px;
}

#header .description {
	position: absolute;
	top: 61px;
	left: 68px;
	font-size: 20px;
	color: white;
}

.home #header .description {
	display: none;
}

#title {
	position: absolute;
	top: 6px;
	left: 68px;
	width: 254px;
	height: 61px;
	text-indent: -10000px;
	background: transparent url(images/app/title.gif);
}

.home #title {
	top: 15px;
}

#page-details {
	position: relative;
	height: 220px;
	width: 960px;
	background: transparent url(images/app/bricks.gif);
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
}

#page-details #tag-line {
	position: absolute;
	left: 98px;
	top: 46px;
	color: #fff;
}

#page-details #tag-line-1 {
	font-size: 24px;
}

#page-details #tag-line-2 {
	font-weight: bold;
	font-size: 30px;
	margin-top: -4px;
}

#page-details #screenshot {
	position: absolute;
	right: 94px;
	top: 9px;
	height: 197px;
	width: 263px;
	background: transparent url(images/app/screenshot.gif);
}

#search-bar {
	background: transparent url(images/app/search-bg.png);
	height: 26px;
	width: 880px;
	padding: 10px 80px 10px 0;
	margin: 0 1px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	color: #555;
}

#search-bar #query {
	width: 160px;
}

#small-bricks {
	height: 17px;
	background: transparent url(images/app/small-bricks.gif);
}

#content {
	margin: 0 1px;
}

.with-sidebar {
	padding-right: 295px;
}

#main-content {
	width: 100%;
	float: left;
	display: inline;
}

#main-content-inner {
	padding: 30px;
}

#sidebar {
	float: left;
	display: inline;
	width: 295px;
	margin-right: -295px;
}

.with-left-sidebar {
	padding-top: 30px;
	padding-left: 373px;
}

.with-left-sidebar #left-col {
	float: left;
	display: inline;
	position: relative;
	margin-left: -100%;
	 
	right: 373px;
	width: 295px;
	padding-left: 68px;
}

/** Forms **/
form.search span {
	font-weight: bold;
}

form.search input {
	float: left;
	display: inline;
	margin-top: 5px;
}

#sidebar form.search .search-field {
	width: 150px;
}

/** Nav **/
#nav {
	position: absolute;
	top: 21px;
	right: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 22px;
}

#nav ul {
	float: left;
	display: inline;
}

#nav li {
	text-decoration: none;
	color: #fff;
	float: left;
	display: inline;
	padding-right: 50px;
}

#nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Courier New", courier, monospace;
	letter-spacing: 1px;
	line-height: 53px;
}

#nav li a:hover {
	text-decoration: underline;
}

#nav form.search {
	float: right;
	display: inline;
	height: 33px;
	padding-top: 8px;
	padding-right: 56px;
}

/** content **/
#page-title {
	margin-bottom: 20px;
	font-size: 140%;
}

#intro {
	width: 290px;
	margin-left: 38px;
	float: left;
	display: inline;
	padding-top: 2px;
}

#left-col #intro {
	margin-left: 0;
}

#start-here {
	float: left;
	display: inline;
	width: 218px;
	height: 139px;
	margin-left: 59px;
	background: transparent url(images/app/start-here.gif);
}

.sb-item {
	padding: 20px 15px 10px 15px;
}

.sb-item .sb-item-title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.sb-item .sb-item-body {
	font-size: 14px;
	padding-left: 15px;
}

.clear {
	clear: both;
}

/** Sidebar **/
#sidebar #sidebar-items {
	padding: 20px 0 0 0;
	margin: 10px 0;
	list-style-type: none;
}

#sidebar .widget {
	font-weight: bold;
	padding: 0 30px 0 20px;
	margin-bottom: 20px;
}

#sidebar .widget small {
	font-weight: normal;
}

#sidebar #text-3 {
	color: #fff;
	padding: 20px 45px 30px 17px;
	background: transparent url(images/blue-box.png) no-repeat;
	letter-spacing: 0.05em;
	font-size: 18px;
	margin-bottom: 15px;
}

#sidebar #text-3 .textwidget {
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
	margin-top: 10px;
	line-height: 1.3em;
	letter-spacing: 0;
}

#sidebar .recent_with_excerpt .feed-link {
	margin-left: 5px;
}

#sidebar .recent_with_excerpt ul {
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#sidebar .recent_with_excerpt h3 {
	font-size: 16px;
	margin-top: 10px;
}

#sidebar .recent_with_excerpt p {
	margin-bottom: 0.5em;
}

#sidebar .recent_with_excerpt ul li {
	margin-bottom: 20px;
}

#sidebar .recent_with_excerpt ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #40264D;
	text-decoration: none;
}

#sidebar .recent_with_excerpt ul li a.comments-link {
	font-size: 12px;
}

#sidebar .recent_with_excerpt ul li.older {
	margin-bottom: 5px;
	padding-left: 3px;
	list-style: circle;
	list-style-position: inside;
	line-height: 110%;
}

#sidebar .recent_with_excerpt ul li.older a {
	font-size: 12px;
}

#sidebar .recent_with_excerpt ul li.older a.comments-link {
	font-size: 10px;
	margin-left: 13px;
}

#sidebar .recent_with_excerpt ul li a:hover {
	border-bottom: 1px solid #888;
}

#sidebar .recent_with_excerpt ul li li {
	margin: 10px 0;
	padding-left: 0;
}

#sidebar .recent_with_excerpt ul .info {
	font-size: 10px;
	text-transform: uppercase;
	color: #888;
	margin: 2px 0 2px;
}

.adsense-leader {
	margin-left: 30px;
}

.adsense-side {
	margin-top: 20px;
}

/** rhyme table**/
.rhyme-table {
	margin: auto;
	margin-bottom: 20px;
	font-size: 14px;
	width: 100%;
}

.rhyme-table td,.rhyme-table th {
	line-height: 16px;
	padding: 5px;
	vertical-align: baseline;
	background: #fff none repeat scroll 0%;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.rhyme-table .last-row td {
	border-bottom: 1px solid #ccc;
}

.rhyme-table td {
	vertical-align: middle;
}

.rhyme-table th.blank-spacer {
	border-top: none;
}

.rhyme-table td.blank-spacer {
	background: transparent;
}

.rhyme-table td.rank {
	font-size: 12px;
	text-align: center;
	color: #999;
	border-left: 1px solid #ccc;
}

.rhyme-table td.word {
	padding-right: 20px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	border-right: none;
}

.rhyme-table td.word a {
	text-decoration: none;
	color: #40264D;
}

.rhyme-table td.word a:hover {
	text-decoration: underline;
}

.rhyme-table td.p11n {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}

.rhyme-table tr.row-over .word,.rhyme-table tr.row-over .p11n,.rhyme-table tr.row-over .score
	{
	color: #fff;
	background: transparent url(images/row-selected.gif) repeat-x;
	cursor: pointer;
}

.rhyme-table .expanded {
	
}

.rhyme-table .rhyme-details-row .score-map {
	border-top: none;
}

.rhyme-table .expanded .word span {
	background: transparent url(images/arrow-down.gif) 0% 50% no-repeat;
	padding-left: 20px;
}

.rhyme-table .expanded tr.row-over td.word span {
	background-image: url(images/row-selected-down.gif);
}

.rhyme-table td.score {
	font-size: 12px;
	text-align: center;
}

.rhyme-table .expanded td.score {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

.rhyme-table .word-actions {
	font-size: 10px;
	min-width: 44px;
}

.rhyme-table .syll {
	color: #333;
	line-height: 16px;
	font-family: Verdana;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 2px;
	border: 1px solid #ddd;
}

.rhyme-table .phon-2,.rhyme-table .phon-1,.rhyme-table .phon-0 {
	padding: 3px;
	color: #fff;
	/*margin-right: -3px;*/
}

.rhyme-table .phon-1 {
	background-color: #882;
}

.rhyme-table .phon-2 {
	background-color: #482;
}

.rhyme-table .phon-1 {
	background-color: #882;
}

.rhyme-table .phon-0 {
	background-color: #842;
}

/** Word not found **/
body.word-not-found h1 {
	margin-bottom: 30px;
}

#spelling-suggestions {
	margin-left: 50px;
	margin-top: 20px;
}

/** about */
#about p {
	margin: 1em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
}

#about {
	margin: 0 24px;
}

/** Wordpress **/
.info {
	font-size: 12px;
	line-height: 150%;
}

/** Post **/
.post {
	margin: 0 24px 20px;
}

.post .post-title {
	line-height: 150%;
}

.post .post-title {
	font-size: 24px;
}

.post-title a {
	color: #40264D;
	text-decoration: none;
}

.post .post-info {
	font-size: 12px;
	line-height: 130%;
	color: #888;
}

.post .post-content {
	line-height: 150%;
	margin: 5px 0;
}

.post .post-content h5 {
	margin-top: 1.5em;
}

.post .post-content p {
	margin: 0.5em 0;
}

.post .post-meta {
	font-size: 12px;
}

.post-content li {
	list-style: disc;
	font-size: 90%;
	margin-left: 20px;
}

.post-content ol li {
	list-style: decimal;
}

.post-content strong {
	font-weight: bold;
}

.post-content em {
	font-style: italic;
	font-weight: bold;
}

.wp-caption-text {
	color: #888;
	font-size: 12px;
}

.post-content .rhyme-table .word {
	border-left: 1px solid #ccc;
}

/** Commments **/
ol.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

ol.commentlist li {
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 1%;
	margin: 0 0 10px;
	padding: 5px 7px 5px 70px;
	position: relative;
}

ol.commentlist li.alt {
	
}

ol.commentlist li.bypostauthor {
	background-color: #c2e2fF !important;
	border: 1px solid #888;
}

ol.commentlist li.byuser {
	
}

ol.commentlist li.comment-author-admin {
	
}

ol.commentlist li.comment {
	
}

ol.commentlist li .comment-author {
	padding: 0 170px 0 0;
}

ol.commentlist li .vcard {
	font: bold 18px/1.4 helvetica, arial, sans-serif;
}

ol.commentlist li .vcard cite.fn {
	font-style: normal;
}

ol.commentlist li .vcard cite.fn a.url {
	color: #c00;
	text-decoration: none;
}

ol.commentlist li .vcard cite.fn a.url:hover {
	color: #000;
}

ol.commentlist li .avatar {
	border: 5px solid #d5d5d5;
	left: 7px;
	position: absolute;
	top: 7px;
}

ol.commentlist li.bypostauthor .avatar {
	border: 5px solid #fff;
}

ol.commentlist li .vcard img.avatar-32 {
	
}

ol.commentlist li .vcard img.photo {
	
}

ol.commentlist li .vcard span.says {
	
}

ol.commentlist li .commentmetadata {
	
}

ol.commentlist li .comment-meta {
	font: bold 12px/1.4 helvetica, arial, sans-serif;
	position: absolute;
	right: 10px;
	text-align: right;
	top: 5px;
}

ol.commentlist li .comment-meta a {
	color: #333;
	text-decoration: none;
}

ol.commentlist li .comment-meta a:hover {
	color: #000;
}

ol.commentlist li p {
	font: normal 14px/1.4 helvetica, arial, sans-serif;
	margin: 0 0 1em;
}

ol.commentlist li ul {
	font: normal 14px/1.4 helvetica, arial, sans-serif;
	list-style: square;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
}

ol.commentlist li div.reply a:hover {
	background: #c30;
	border: 1px solid #c00;
}

ol.commentlist li div.reply a {
	padding: 5px 10px 3px;
	display: block;
	width: 34px;
	font-size: 11px;
	font-weight: bold;
	line-height: 140%;
	background: #999;
	border: 1px solid #666;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ol.commentlist li ul.children {
	list-style: none;
	margin: 1em 0 0;
	text-indent: 0;
}

ol.commentlist li ul.children li {
	
}

ol.commentlist li ul.children li.alt {
	
}

ol.commentlist li ul.children li.bypostauthor {
	
}

ol.commentlist li ul.children li.byuser {
	
}

ol.commentlist li ul.children li.comment {
	
}

ol.commentlist li ul.children li.comment-author-admin {
	
}

ol.commentlist li ul.children li.depth-2 {
	margin: 0 0 .25em;
}

ol.commentlist li ul.children li.depth-3 {
	margin: 0 0 .25em;
}

ol.commentlist li ul.children li.depth-4 {
	margin: 0 0 .25em;
}

ol.commentlist li ul.children li.depth-5 {
	
}

ol.commentlist li ul.children li.odd {
	
}

ol.commentlist li.even {
	background: #fff;
}

ol.commentlist li.odd {
	background: #f6f6f6;
}

ol.commentlist li.parent {
	
}

ol.commentlist li.pingback {
	
}

ol.commentlist li.pingback.parent {
	
}

ol.commentlist li.pingback div.vcard {
	padding: 0 170px 0 0;
}

ol.commentlist li.thread-alt {
	
}

ol.commentlist li.thread-even {
	
}

ol.commentlist li.thread-odd {
	
}

/**  
 * pagination
 **/
.pagination {
	text-align: center;
	padding-bottom: 10px;
}

.pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
	display: inline;
}

.pagination a {
	border-right: solid 1px #DEDEDE;
}

.pagination .previous-off,.pagination .next-off {
	color: #888888;
	font-weight: bold;
	padding: 3px 4px;
}

.pagination .next a,.pagination previous a {
	border: none;
	font-weight: bold;
}

.pagination .active {
	color: #000000;
	font-weight: bold;
	padding: 4px 6px; /* savers */
	border-right: solid 1px #DEDEDE;
}

.pagination a:link,.pagination a:visited {
	color: #0e509e;
	padding: 3px 6px;
	text-decoration: underline;
}

.pagination a:hover {
	text-decoration: none;
}

/**  
 * Social
 **/
#bottom-social {
	clear: both;
	margin: 40px 0 30px 0;
}

.social-button {
	float: left;
	margin-right: 20px;
}

#bottom-social a {
	display: block;
	height: 0;
	padding: 32px 0 20px 0;
	overflow: hidden;
	float: left;
	display: inline;
	width: 32px;
	margin: 5px 5px 5px 0;
	background: transparent url(images/social/sprites_32.png) no-repeat;
}

#side-social .delicious-link {
	background-position: 0px -168px;
}

#side-social .stumble-link {
	background-position: 0px -126px;
}

#side-social .reddit-link {
	background-position: 0px -84px;
}

#side-social .twitter-link {
	background-position: 0px -210px;
}

#side-social .facebook-link {
	background-position: 0px 0px;
}

#side-social .digg-link {
	background-position: 0px -42px;
}

#side-social {
	padding-bottom: 10px;
}

#side-social a {
	display: block;
	height: 0;
	padding: 32px 0 0 0;
	overflow: hidden;
	float: right;
	display: inline;
	width: 32px;
	margin: 5px 0 5px 5px;
	background: transparent url(images/social/sprites_32.png) no-repeat;
}

/** Home Bottom */
.home #main-content-inner {
	padding-right: 5px;
}

#home-bottom {
	clear: both;
	padding-top: 15px;
	margin-left: 14px;
}

#home-bottom #get-recent-comments {
	font-weight: bold;
}

#home-bottom #get-recent-comments li {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 11px;
	width: 143px;
	float: left;
}

#home-bottom #get-recent-comments a {
	color: #40264D;
}

#home-bottom #get-recent-comments li p {
	font-size: 12px;
	margin-top: 4px;
	padding-left: 8px;
	border-left: 1px solid #ccc;
}

/** iPhone bump */
#iphone {
	display: none;
	height: 60px;
	color: #fff;
	font-size: 50px;
	padding: 10px;
	text-align: center;
}

#iphone a {
	color: #fff;
	text-decoration: none;
}

#iphone a:visited {
	color: #fff;
}

#iphone-close,#iphone-close:visited {
	color: #ccc;
}

#iphone-close {
	float: right;
	text-decoration: none;
}

#iphone-close:hover {
	float: right;
	color: #fff;
	cursor: pointer;
}

/** iphone app page */

#features {
	border-collapse: collapse;
	background-color: #FFFFBB;
}

#features td {
	border-collapse: collapse;
	border: 1px solid #aaa;
	padding: 8px 15px 8px 15px;
}

#features .title-row {
	background-color: #FFFFFF;
	text-align: center;
}

#features th {
	font-weight: bold;
	padding: 8px;
}

#features .app-point {
	width: 400px;
}

#features td.check-yes {
	width: 40px;
	height: 40px;
	padding: 8px;
	background: transparent url(images/iphone/check.png) center center no-repeat;
}

#features .total-row td{
	background-color: #ffffff;
	border: none;
	font-weight: bold;	
}

#features .total-row {
	background-color: #ffffff;
	
}

#features .total-row .total-name{
	text-align: right;
	font-weight: normal;
	
}

#now-for-iphone {
	font-size: 22px;
	font-weight: bold;
	padding-left: 68px;
	padding-top: 30px;
}

.iphone-feature {
	font-size: 26px;
	font-weight: bold;
	color: white;
	position: absolute;
	top: 143px;
	left: 100px;
}

.iphone-screenshot {
	display: block;
	width: 270px;
	height: 502px;
}

.ss-step {
	float: left;
	margin-left: -8px;
	background: transparent url(images/iphone/screenshot-step.png) no-repeat;
}

.ss-orange {
	position: absolute;
	top: 20px;
	right: 96px;
	background: transparent url(images/iphone/screenshot-orange.png)
		no-repeat;
}

.ss-pro {
	position: absolute;
	width: 485px;
	height: 477px;
	top: 20px;
	right: -30px;
	background: transparent url(images/iphone/screenshot-pro.png) no-repeat;
}

.ss-android {
	position: absolute;
	width: 260px;
	height: 480px;
	top: 20px;
	right: 100px;
	background: transparent url(images/android-app.png) no-repeat;
}

.iphone-support-ss {
	background: transparent url(images/iphone/screenshot-orange.png)
		no-repeat;
	float: right;
	margin-right: 126px;
}

.badge {
	width: 98px;
	height: 99px;
	position: absolute;
	right: 76px;
	top: 5px;
}

#free-badge {
	background: transparent url(images/iphone/free.png) no-repeat;
}

#price-badge {
	background: transparent url(images/iphone/price.png) no-repeat;
	right: -33px;
}

#app-more {
	float: left;
	margin: 50px 40px;
}

#app-more.android {
	margin-top: 10px;
}

.android-qr {
	display: block;
	background: transparent url(images/android-qr.png) no-repeat;
	margin: 0 20px;
	width: 132px;
	height: 132px;
}


#app-store {
	float: left;
	width: 150px;
	height: 0;
	padding-top: 55px;
	overflow: hidden;
	background: transparent url(images/iphone/app-store.png) no-repeat;
}

#app-market {
	width: 140px;
	height: 50px;
	padding-top: 10px;
	padding-left: 54px;
	background: transparent url(images/android-app-market-icon.png)
		no-repeat;
}

#app-brain {
	display: block;
	clear: both;
	font-size: 12px;
	margin: 10px 10px;
}

/** Contact Form */
.wpcf7-form {
	font-size: 13px;
	font-weight: bold;
}

/** My Twitter */



#xmt_title {
	display: block;
	background: transparent url(images/brhymes_twitter.png) top left no-repeat;
	width: 146;
	height: 0;
	padding-top: 28px;
	margin: 8px 0;
	text-indent: -10000px;
}

#xmt_Primary_wid {
	font-size: 13px;
	font-weight: normal;
}

