@charset "UTF-8";
/*
Theme Name:     K&D PLLC
Theme URI:      http://thegpfirm.com/
Description:    Your legal eyes and ears in a variety of matters including real estate, family law disputes, and estate planning
Version:        1.0
Last Updated:	September 30, 2011
Copyright:		(c) 2011 Joe Nyaggah. All rights reserved.
Author:         Joe Nyaggah.
Author URI:     http://danjoedesign.com/
*/
@import url('css/resets.css');
@import url('css/colorbox.css');
@import url('css/nivo-slider.css');
@import url('css/custom-nivo-slider.css');


/*
============================================== 	
my sexy body							
============================================== 
*/
body {
	font: 12px "HelveticaNeue-Light", HelveticaNeue, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #2F3234/*636467*/;
}
/*
============================================== 	
wrapper and its classes							
============================================== 
*/
.everything {
	background: #FFF;
}
.wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 1000px;
}
.header {
	background: #3CB1CF/*A8DEF1*/;
}
.topSection {
	background: #3CB1CF/*A8DEF1*/;
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	border-bottom: 1px solid #FFF;
}
.midSection {
}
.content {
}
.secContent {
	padding: 20px 0;
}
.footer {
}
/*
============================================== 	
structure (IDs named for wrapper classes)							
============================================== 
*/
#header,
#topSection,
#mainSection,
#midSection,
#content,
#secContent, 
#footer {
	display: table;
	width: 960px;
	margin: 0 auto;
	
	position: relative;
}
#header,
#topSection {
	padding: 10px 0;
}
#topSection {
	padding-bottom: 30px;
}
#content {
	padding-top: 20px;
}
#secContent {
	padding: 10px 0;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
#footer {
	padding: 20px 0;
}
/*
============================================== 	
main nav							
============================================== 
*/
.mainNav {
	float: right;
}
.mainNav ul {
	float: right;
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	margin: 25px 0 0;
	padding-bottom: 0;
	display: table;
	width: auto;
	height: 15px;
}
.mainNav ul li{
	display: table;
	float: left;
	font-size: 12px;
	margin-right: 23px;
	vertical-align: middle;
	position: relative;
}
.mainNav ul li a {
	color: #152F55;
	display: block;
	padding-bottom: 5px;
	text-transform: capitalize;
	text-decoration: none;
	vertical-align: middle;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
.mainNav ul li a:hover,
.mainNav ul li a.active,
.mainNav ul li.current_page_item a  {
	-webkit-transition-timing-function: ease-out;
	border-bottom: 2px solid #152F55;
}
.mainNav ul li ul.children {
	display: table;
	visibility: hidden;
	clear: both;
	float: none;
	margin-top: 0;
	position: relative;
	z-index: 3;
	position: absolute;

	width: 175px;	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.mainNav ul li ul.children li {
	display: block;
	float: none;
	margin: 0 auto;
	background: #152F55;
}
.mainNav ul li ul.children li a {
	color: #FFF;
	padding: 2px 5px;
}
/*
============================================== 	
log in and out link
============================================== 
*/
ul.loginRegisterLinks {
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	float: right;
	margin: 19px 0 0;
}
li.signinLink a {
	font-size: 13px;
	background: #FFE100/* url(images/layout/asterisk.png) right center no-repeat*/;
	display: table;
	float: left;
	padding: 5px 8px 5px 8px;
	text-shadow: #FFF 1px 1px 0;

	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
li.signinLink a:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #152F55;
	color: #FFF;
	text-shadow: none;
}
/*
============================================== 	
schedule link						
============================================== 
*/
/*li.signinLink a.scheduleLink {
	color: #152F55;
	background: none;
	display: block;
	padding-bottom: 5px;
	text-transform: capitalize;
	text-decoration: none;
	text-shadow: none!important;
	vertical-align: middle;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
*/
/*
============================================== 	
chat link
============================================== 
*/
a[href*="google"],
a.chatLink,
li.signinLink a.scheduleLink {
	background: #152F55!important;
	color: #FFF!important;
	margin-right: 5px;
	text-shadow: none!important;
}
a[href*="google"]:hover,
a.chatLink:hover,
li.signinLink a.scheduleLink:hover {
	background: #FFE100!important/* url(images/layout/asterisk.png) right center no-repeat*/;
	color: #F48020!important;
	text-shadow: #FFF 1px 1px 0!important;
}
/*
============================================== 	
TESTIMONIALS							
============================================== 
*/
/*
hide the second and 3rd testimonials
at first
*/
.testimonialCycle #testimonial-2,
.testimonialCycle #testimonial-3 {
	display: none;
}



.topSloganContact {
	display: table;
	width: 100%;
	padding: 0 0 10px 0;
}
.topSloganContact blockquote.testimonial {
	float: left;
	width: 50%;
}
.topSloganContact .bigContact {
	float: right;
	width: 40%;
	margin: 10px 0;
}

.topSloganContact .bigContact a.bigPhone {
	background: url(images/layout/bigPhone.png) left center no-repeat;
	color: #FFF;
	font-size: 45px;
	padding: 0 0 0 70px;
}
.topSloganContact .bigContact a.bigEmail,
.topSloganContact .bigContact a.bigAddress {
	color: #FFF;
	font-size: 20px;
	margin: 0 0 0 70px;
}
.topSloganContact .bigContact a.bigAddress {
	display: block;
	font-size: 18px;
	margin: 20px 0 0 70px;
	padding-top: 10px;
	border-top: 1px solid #B8E3F5;
}

.directContact h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
}

/*
============================================== 	
FOOTER main nav							
============================================== 
*/
#footer .mainNav {
	float: left!important;
}
#footer .mainNav ul li a {
	color: #595959;	
	font-weight: lighter;
	padding: 0;
}
#footer .mainNav ul li a:hover,
#footer .mainNav ul li a.active,
#footer .mainNav ul li.current_page_item a  {
	color: #000;	
	border: none;
}
/*footer logo*/
#footer a img {
	float: left;
	margin-right: 30px;
}


/*
============================================== 	
MAIN FEATURES LIST							
============================================== 
*/
ul.mainFeatures {
	background: url(images/layout/mainFeatures1.png) 20px center no-repeat;
	display: table;
	margin: 10px 0;
	width: 100%;
}
ul.mainFeatures li {
	float: left;
	width: 300px;
	padding: 6px;
}
.sidebar ul.mainFeatures {
	background: none;
}
.sidebar ul.mainFeatures li {
	width: auto;
	margin: 1px 4px;
	border-bottom: 1px dashed #3A3A3A;
}
.sidebar ul.mainFeatures li:last-child {
	border-bottom: none;
}
ul.mainFeatures li.middleFeature {
	margin: 0 10px;
}
ul.mainFeatures li h3,
ul.mainFeatures li p {
	color: #777777!important;
	display: table;
	/*text-shadow: #FFF 1px 1px 0;*/
}
ul.mainFeatures li h3  {
	color: #D1D3D4!important;
	font-weight: normal;
	text-transform:capitalize;
	/*text-shadow: #FFF 1px 1px 0;*/
}
ul.mainFeatures li img {
	float: left;
	margin: 20px 7px 0 0;
}
/*
============================================== 	
SECONDARY FEATURES LIST							
============================================== 
*/
ul.secondaryFeatures {
	display: table;
	margin: 0;
	width: 100%;
}
ul.secondaryFeatures li {
	background: url(images/layout/check.png) left 40px no-repeat;
	float: left;
	width: 410px;
	min-height: 115px;
	padding: 10px 10px 10px 50px;
}
ul.secondaryFeatures li:nth-child(2),
ul.secondaryFeatures li:last-child,
ul.secondaryFeatures li.evenFeature {
    float: right;
}
ul.secondaryFeatures li h3 {
	font-weight: lighter;
}
ul.secondaryFeatures li p {
	/*color: #96999B;*/
	/*color: #585B5D;*/
	color: #2F3234;
}
ul.secondaryFeatures li img {
	float: left;
	margin: 20px 7px 0 0;
}
/*
============================================== 	
TOP NODE AND PAPER CLIP						
============================================== 
*/
.topNode {
	display: table;
	margin-top: -30px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.topNode img {
	float: left;
	margin: -5px 0 -10px -10px;
}
.topNode span {
	font: 12px ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	color: #91D7EE;
	display: block;
	float: left;
	padding: 10px 20px 0 5px;
}
/*
============================================== 	
SECONDARY CONTENT
============================================== 
*/
.secContent {
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	color: #231F20;
}
.secContent p span {
	display: table;
	padding: 5px 0 0 0;
}
a.logInLink {
	font-size: 13px;
	background: #FFE100/* url(images/layout/asterisk.png) right center no-repeat*/;
	display: table;
	float: left;
	margin-right: 40px;
	padding: 5px 8px 5px 8px;
	text-shadow: #FFF 1px 1px 0;

	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
a.logInLink:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #152F55;
	color: #FFF!important;
	text-shadow: none!important;
}
/*
============================================== 	
CONTENT						
============================================== 
*/
.infoSection {
	display: block;
}
.mainContent .infoSection {
	margin-bottom: 10px;
	padding: 20px 0;
	
}
.infoSection p {
	text-shadow: #FFF 1px 1px 0;
}
/*
============================================== 	
vCard						
============================================== 
*/
#footer ul.vCard {
	float: right;
	margin-top: 25px;
}
#footer ul.vCard li {
	display: inline!important;
}
#footer ul.vCard li.address {
	display: none!important;
	visibility: hidden!important;
}
#footer ul.vCard li:first-child {
	border-right: 1px solid #CCC;
}
#footer ul.vCard li:last-child {
	border-left: 1px solid #CCC;
}

ul.vCard {
	margin-top: 10px;
}
ul.vCard li {
	color: #595959;
	min-height: 15px;
	padding: 5px 0 5px 30px;
}
/*vCard icons*/
.address {
	background: url(images/layout/icons/address.png) left top no-repeat;
}
.directContact .address {
	color: #ADADAD!important;
	padding: 5px 0 5px 40px!important;
	margin-left: -4px;
}

.phone {
	background: url(images/layout/icons/phone.png) left top no-repeat;
}
.fax {
	background: url(images/layout/icons/fax.png) left top no-repeat;
}
.email {
	background: url(images/layout/icons/email.png) left top no-repeat;
}
.website {
	background: url(images/layout/icons/website.png) left top no-repeat;
}
ul.vCard a{
	color: #595959!important;
}
ul.vCard a:hover{
	color: #262626!important;
}


/* ------ */
.greyBg h3,
.greyBg ul.vCard a {
	color: #ADADAD!important;
	font-weight: normal;
}

a.personalContact {
	font: 13px ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	background: #F48020;
	color: #FFF!important;
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 5px;
	border: 2px solid #E1761E;
}
a.personalContact:hover {
	background: #E1761E
}

.directContact {
	padding: 10px!important;
}

/*
============================================== 	
SIDEBAR					
============================================== 
*/
.sidebar {
	float: right;
	width: 300px;
	margin:  0;
	padding: 0;
}
/*
============================================== 	
MAINCONTENT					
============================================== 
*/
.mainContent {
	width: 600px;
	float: left;
	margin: 0 ;
	padding: 0;
	clear: right;
}
.mainContent p {
	text-shadow: #FFF 1px 1px 0;
	margin-bottom: 10px;
}

/*
============================================== 	
infoBlock				
============================================== 
*/
.infoBlock {
	background: #FFF;
	margin-bottom: 5px;
	padding: 5px;
	text-align:left;
}

/*
============================================== 	
chat box			
============================================== 
*/
.chatBox {
	display: table;
}


/*
============================================== 	
FOOTER						
============================================== 
*/
#footer {
	color: #000!important;
}
#footer img.logo {
	margin-top: -45px;
}
.footer p a:hover {
	color: #4F2B1B;	
}
/*
============================================== 	
SEARCH FORM						
============================================== 
*/

form.searchForm {
}
form.searchForm input.input {
	background: #FFF;
	color: #626366;
	float: left;
	font-size: 18px;
	font-weight: 100;
	font-style: italic;
	min-height: 40px;
	width: 348px;
	margin: -5px -128px 0 0;
	padding: 8px 130px 0 5px;
	
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
	border: 3px solid #CACECF;
}
form.searchForm .submit {
	background: #00A89C;
	color: #FFF;
	float: left;
	font-size: 22px;
	font-weight: normal;
	width: 120px;
	height: 40px;
	cursor: pointer;

	margin: 2px 20px 0 0;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
	border: 3px solid #00968B;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
form.searchForm .submit:hover {
	-webkit-transition-timing-function: ease-out;
	background: #00968B;
}
/*
============================================== 	
LOGIN AND REGISTER							
============================================== 
*/

/*
hidden login form styles
*/
#loginform,
#retrievePassword {
	text-align: left;
}

#singupFormage form.loginForm,
#retrievePassword form.passwordForm  {
	background: #EDF5F6;
	color: #636467!important;
	padding: 20px;
	width: 295px;
	height: 320px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
}
#retrievePassword form.passwordForm input {
	height: 35px;
}

#singupFormage form.loginForm input,
#retrievePassword form.passwordForm input {
	background: #FFF;
	display: table;
	width: 280px;
	margin-bottom: 0!important;
	border: 1px solid #CCC;
}
#singupFormage form.loginForm p,
#retrievePassword form.passwordForm p {
	margin-bottom: 10px;
}
#singupFormage form.loginForm label,
#retrievePassword form.passwordForm label {
	color: #636467!important;
	display: block;
	margin: 0;
	padding-bottom: 5px;
}

#singupFormage form.loginForm input.signIn,
#retrievePassword form.passwordForm input.signIn,
a.retrieve_password  {
	background: #5B1E00;
	color: #9E4122!important;
	display: block;
	font-size: 16px;
	border: 3px solid #9E4122;
	text-align: center;
	text-indent: 0;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}

a.retrieve_password {
	font-size: 16px;
	padding: 15px 0 0 0;
	height: 35px;
}
#retrievePassword form.passwordForm input.signIn {
	height: 55px;
}
#loginform form.loginForm input.signIn:hover,
#retrievePassword form.passwordForm input.signIn:hover,
a.retrieve_password:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #9E4122;
	color: #5B1E00!important;
}

#loginform form.loginForm .asterisk,
#retrievePassword form.passwordForm .asterisk {
	color: #F26622;
}


/*...............login and register forms..............*/

.asterisk {
	font-size: 21px;
	font-weight: bold;
	padding-left: 8px;
	text-transform: uppercase;
}
.loginRegister {
	display: table;
	margin: 0 auto;
}

div.login {
	float: left;
	width: 415px;
	margin-right: -10px;
}
div.register {
	float: left;
	background: url(images/layout/register_bg.png) left top no-repeat;
	width: 555px;
	margin-left: -10px;
}


.loginRegister  h1 {
	float: none!important;
	display: block!important;
	padding-left: 0px;
}
div.register h1,
div.register h3 {
	margin-left: 50px;
}
.loginRegister label {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

form.loginForm {
	background: #5B1E00;
	padding: 20px 0 20px 25px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:5px;
}

form.loginForm p label{ 
	display: block;
	color: #EDF5F6;
}

form.registerForm p label {
	color: #A7A9AC;
	display: block;
}
form.loginForm p label.remember, 
form.registerForm p label.terms {
	display: inline;
	color: #EDF5F6;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 12px;
	font-weight: 200;
}
form.registerForm p label.terms {
	color: #A7A9AC;
}

form.loginForm input[type="text"], 
form.loginForm input[type="password"], 
form.registerForm input[type="text"], 
form.registerForm input[type="password"] {	
	width: 355px;
	height: 35px;
	background: #FFF!important;
	border: none;
	color: #939598;
	font-weight: 100;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 25px;
	padding: 8px 5px 0px 5px;
}

.content input[type="text"]:focus,	
.content input[type="password"]:focus {	
	border-color: #838384!important;
}

form.registerForm input[type="text"], 
form.registerForm input[type="password"] {	
	width: 490px;
	border: 1px solid #D1D3D4;
	background: none;
}

form.registerForm {
	padding: 20px 0 20px 55px;
}

input.signIn {
	background: #5B1E00;
	color: #9E4122!important;
	font-size: 16px;
	border: 3px solid #9E4122;
	text-align: center;
	text-indent: 0;
	/*width: 140px;
	height: 55px;*/
	overflow: hidden;
	cursor: pointer;
	margin-right: 30px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
input.signIn:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #9E4122;
	color: #5B1E00!important;
}

input.register {
	background: #2D9E8E url(images/layout/whiteStripes.png);
	color: #FFF;
	display: block;
	font-size: 25px;
	margin: 10px 0 20px 0;
	padding: 20px 10px;
	width: 100%;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;	
	border: 3px solid #03978C;
	
	box-shadow: 1px 1px 5px #383939;
	-moz-box-shadow: 1px 1px 5px #383939;
	-webkit-box-shadow: 1px 1px 5px #383939;
}
	
input.register:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #03978C;
}
/*
============================================== 	
general contact form styles							
============================================== 
*/
/*  validation error styles */
label.error { 
	color: #E96422!important; 
	font-size: 12px!important;
	font-weight: normal!important;
	text-transform: none!important;
}
textarea.error, 
input.error {
	border: 1px solid #E96422!important;
}
/*end validation error styles */
form.genContact {
	width: 399px;
}
form.genContact p {
	display: table;
	padding-bottom: 20px;
	width: 100%;
}
form.genContact input[type="text"], 
form.genContact textarea {
	border: 1px solid #D1D3D4;
	width:100%;
	max-width:100%!important;
	min-height: 43px;
	color: #636467;
	line-height: 18px;
	background: #FFF;
	/*margin-bottom: 20px;*/
	padding: 0 5px;
}
form.genContact input:focus, 
form.genContact textarea:focus  {
	border: 1px solid #636467;
}
form.genContact textarea {
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	color: #636467;
	font-weight: lighter;
	min-height: 100px!important;
	padding-top: 5px!important;
}
form.genContact input[type="submit"] {
	background: #152F55;
	color: #FFF;
	display: block;
	font-size: 25px;
	margin: 10px 0 20px 0;
	padding: 20px 10px;
	width: 100%;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;	
	border: 3px solid #03978C;
	
	box-shadow: 1px 1px 5px #383939;
	-moz-box-shadow: 1px 1px 5px #383939;
	-webkit-box-shadow: 1px 1px 5px #383939;
}
	
form.genContact input[type="submit"]:hover {
	-webkit-transition-timing-function: ease-out;
	background-color: #03978C;
}
form.genContact select {
	margin-bottom: 20px;
	width: 100%;
}
form.genContact label {
	color: #A7A9AC;
	display: block;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/*------------------firefox specific hack - hacks are wack
/*========================================================
for some reason the input, textarea and submit elements 
don't line up in firefox so we hack em up a bit to match
==========================================================
--------------------------------------------------------*/
@-moz-document url-prefix() { 
	form.genContact input[type="submit"],
	form.propForm input[type="submit"] {
		width: 100%;  
		margin: 0;
	}
	form.genContact input[type="text"], 
	form.genContact textarea  {
		width:100%;
		max-width:100%!important;
		padding-top: 11px!important;
		min-height: 33px;
	}
	form.genContact textarea {
		padding-top: 5px!important;
	}
}
/*-------------------------end of firefox specific hack*/



/*error classes*/
label.error {
	color:#FF0000!important;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
input.required.error,
textarea.required.error {
	border-color:#FF0000!important;
}


/*
============================================== 	
login and register forms							
============================================== 
*/
.loginPage .leftCol,
.loginPage .rightCol {
	width: 48%;
}
.loginPage .leftCol {
	border-right: 5px solid #DCE4E6;
}
.loginPage .infoBlock {
	padding-left: 50px;
	border: none;
}
.asterisk {
	color:#F26622!important;
	font-size: 21px;
	font-weight: bold;
	padding-left: 8px;
	text-transform: uppercase;
}

form.loginForm p label, 
form.registerForm p label,
form.torrentUploadForm p label {
	display: block;
}
form.torrentUploadForm p label {
	font-weight: bold;
}
form.loginForm p label.remember, 
form.registerForm p label.terms {
	display: inline;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 12px;
	font-weight: 200;
}

form.loginForm input[type="text"], 
form.loginForm input[type="password"], 
form.registerForm input[type="text"], 
form.registerForm input[type="password"],
form.torrentUploadForm input[type="text"],
textarea.torrentDesc {	
	width: 320px;
	/*height: 35px;*/
	border: 1px solid #D1D3D4;
	background: #FFF;
	color: #939598;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 8px 5px 0px 5px;
}

.loginPage input[type="text"]:focus,	
.loginPage input[type="password"]:focus {	
	border-color: #838384!important;
}

form.registerForm input[type="text"], 
form.registerForm input[type="password"] {	
	border: 1px solid #D1D3D4;
	background: #FFF;
}

form.registerForm {
	padding: 0;
}

input.register,
input.signIn,
input.upload {
	background: #152F55!important;
	border: none!important;
	color: #FFF!important;
	display: table;
	font: 18px ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif!important;
	letter-spacing: 2px;
	margin: 10px 0 20px 0;
	padding: 10px!important;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;	
	
	
	-webkit-border-radius: 0!important; 
	-moz-border-radius: 0!important; 
	border-radius: 0!important;
}
	
input.register:hover,
input.signIn:hover,
input.upload:hover {
	-webkit-transition-timing-function: ease-out;
	color: #FFF!important;
}





/*
============================================== 	
social links							
============================================== 
*/
ul.socialLinks {
	display: table;
	/*margin: 0 auto!important;*/
}
ul.socialLinks li {
	display: block;
	float: left;
	margin-right: 5px!important;
}
ul.socialLinks img {
	margin: 0;
}
/*
============================================== 	
img styles						
============================================== 
*/ 
img, object  {
/*
	border: 5px solid #DCE4E6;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	padding: 4px;
*/
}
/*
any image with a class of "logo"
should not have the default image
styles
*/
img.logo {
	border: none;
	margin: 0;
	padding: 0;
}
object {
	display: block!important;
	margin-bottom: 15px;
}
/*
============================================== 	
general links						
============================================== 
*/
a:link, 
a:visited  { 
	color: #F48020;
	text-decoration: none;
}
a:hover, 
a:active { 
	color: #FFE100;
	text-decoration: none;
}
a img {
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
a img:hover {
	-webkit-transition-timing-function: ease-out;
	border-color: #F26622;	
}
a.learnMore {
	background: url(images/layout/learnMore.png) right center no-repeat;
	display: table;
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	padding: 5px 30px 5px 0;
}
a.learnMore:hover {
	color: #FFE100;
}
/*
============================================== 	
buttons							
============================================== 
*/
btn, 
input[type="submit"] {
	cursor: pointer;
}
/*
============================================== 	
general classes 						
============================================== 
*/
.leftCol {
	float: left;
	margin-top: 10px;
	width: 220px;
}
.rightCol {
	float: right;
	width: 360px;
	margin-top: 10px;	
}
.dashed {
	padding: 10px 0;
	border-top: 1px dashed #DFE2E3;
	border-bottom: 1px dashed #DFE2E3;
}
.topDashed {
	margin-top: 10px;
	border-top: 1px dashed #DFE2E3;
}
.botDashed {
	margin-bottom: 10px;
	border-bottom: 1px dashed #DFE2E3;
}
.rightDashed {
	border-right: 1px dashed #DFE2E3;
}
.leftDashed {
	border-left: 1px dashed #DFE2E3;
}
.topSolid {
	border-top: 1px solid #EEE;
}
.botSolid {
	border-bottom: 1px solid #EEE;
}
.fltrt {
	float: right!important;
	margin-left: 30px;
}
.fltlft { 
	float: left!important;
	margin-right: 30px;
}
.centerThis {
	text-align: center;
	margin: 0 auto;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hidden {
	display: none!important;
}
.paddington {
	display: table;
	padding: 10px; 
}
.orangeColor {
	color: #F26622!important;
}
.italicize {
	font-style: italic!important;
}
.whiteBg {
	background: #FFF!important;
}
.greyBg {
	color: #8F8F8F!important;
	text-shadow: none!important;
	background: #262626;
}
.greyBg ul.mainFeatures li p {
	text-shadow: none!important;
}
/*
============================================== 	
shout out to all my non js peeps!! 						
============================================== 
*/
#no-js{ z-index:999999;padding:0;background:#FFFF00;width:100%!important;min-width:1000px;margin:auto;}
.javaDouche{width:830px;margin:0 auto;font-size:20px;padding:10px;}
.javaDouche a, .ayo{color:#F26622;border-bottom:1px dashed #000;}
.javaDouche a:hover{color:#000;border-bottom:1px dashed #F26622;}
.ayo{border-bottom:none;}




/*	
------------------------------------------------
TYPOGRAPHY STYLES
------------------------------------------------
*/


/*
============================================== 	
logo /					
============================================== 
*/
h1 {
	float: left;
	font-size: 30px;
	font-weight: lighter;
}
h1 a {
	color: #F4DCA5!important;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
h1 a:hover {
	-webkit-transition-timing-function: ease-out;
	color: #F26622!important;
}
.header h1 {
	margin: 0;
}
.header h1 a {
	background: url(images/layout/logo.png) no-repeat;
	display: block;
	width: 350px;
	height: 80px;
	text-indent: -999999px;
}
/*
============================================== 	
headings						
============================================== 
*/
h2, 
h2 a {
	color: #000;
	font: 20px ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	text-shadow: #FFF 1px 1px 0;
	margin: 5px 0;
}
/*.topSection h2 {
	color: #231F20;
	font-weight: lighter;
	font-size: 27px;
	line-height: 22px;
}
.midSection h2,
.midSection h2 a,
.mainContent h2,
.mainContent h2 a,
.sidebar h2,
.sidebar h2 a {
	font-size: 20px;
	font-weight: lighter;
	
	text-align: left;
}
*/
h3, 
h3 a {
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	color: #231F20!important;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0;
	margin-bottom: 10px;
	text-transform: capitalize;
}
h2 a, 
h3 a {
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}
h2 a:hover, 
h3 a:hover {
	-webkit-transition-timing-function: ease-out;
	color: #CC512A!important;
}
h4 {
	font-family: ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	color: #000;
}
/*
============================================== 	
paragraph styles						
============================================== 
*/
p {
	line-height: 19px;
	margin-bottom: 5px;
}
/*
============================================== 	
general type styles						
============================================== 
*/
blockquote {
	color: #010101;
	background: url(images/layout/blockquote_bg.png) left top no-repeat;
	font-size: 21px;
	margin: 10px 0;
	padding: 0 0 5px 50px;
	min-height: 40px;
	line-height: 30px;
}
blockquote.testimonial {
	color: #152F55;
	font: 29px ITCLubalinGraphBook, Rockwell, 'Trebuchet MS', 'Gill Sans', 'Lucida Grande', Arial, sans-serif;
	text-shadow: #FFF 1px 1px 0;
}
code {
	background: #FFF;
	display: block;
	font-family:"Courier New", Courier, monospace;
	margin: 5px 0;
	padding: 10px 5px;
	border: 1px dashed #CCC;
}
cite {
	color: #231F20;
	display: block;
	font-weight: normal;
	margin: 10px 0;
}
#topSection cite {
	color: #FFE100;
	font-size: 19px;
	padding-left: 50px;
}
small {
	font-size: 12px!important;
}
strong {
	font-weight: bold;
}
.cap {
	text-transform: uppercase;
}