/******************************************************************
Theme Name: Church Girl Custom
Theme URI: http://iminlovewithachurchgirl.com
Description: Custom Theme for http://iminlovewithachurchgirl.com
Author: Rook & Co.
Author URI: http://rook.is
Version: 0.1
******************************************************************/
  .ten{

	width: 10%;

}

.twenty{

	width: 20%;

}

.twentyfive{

	width: 25%;

}

.thirty{

	width: 30%;

}

.forty{

	width: 40%;

}

.fifty{

	width: 50%;

}

.sixty{

	width: 60%;

}

.seventy{

	width: 70%;

}

.eighty{

	width: 80%;

}

.ninety{

	width: 90%;

}

.hundred{

	width: 100%;

}

.btn{  
background: rgb(77,111,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(77,111,137,1) 0%, rgba(11,35,62,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,111,137,1)), color-stop(100%,rgba(11,35,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6f89', endColorstr='#0b233e',GradientType=0 ); /* IE6-9 */

  background-position:initial initial;
  background-repeat:initial initial;
  border: 1px solid rgba(109,134,153,1);
  font-family:'Sorts Mill Goudy', serif;
  padding:0.4em 1em 0.35em;
  text-shadow:rgba(0, 0, 0, 0.498039) 1px 1px 3px;
  text-transform:uppercase;
  vertical-align:top;
  border-radius: 2px
}
a.btn { color:#fff;}

.btn:hover {background: #4D6F89;}
.btn:active {
	box-shadow: inset 0px 0px 10px 7px #0B233E;
}


	table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:100%;
		margin:5% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	
	th, td {padding:8px 18px 8px; text-align:center; }
	
	th {background: rgb(77,111,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(77,111,137,1) 0%, rgba(11,35,62,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,111,137,1)), color-stop(100%,rgba(11,35,62,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(77,111,137,1) 0%,rgba(11,35,62,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6f89', endColorstr='#0b233e',GradientType=0 ); /* IE6-9 */
color:#fff;
text-shadow: 1px 1px 1px black;}
	
	td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	tr:nth-child(odd) {background-color: #f1f1f1;}
	
	td.first, th.first {text-align:left}
	
	td.last {border-right:none;}

	
	/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
	
	tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}
	
	
	.red-alert{
background:#d20000;
color:#FFFFFF;
font-weight:bold;
padding:4px;
line-height: 20px;
}