/*
Theme Name: Brand Personal
Description: Custom Wordpress theme for Brand Personal
Author: Desi9n
Author URI: http://www.ininedesign.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
/* Original color from Desi9n is #ce4753 for a, h1, h2, h3 */
a {color:#ce4753}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
/* Original body color #a1a1a5 Changed to #76767c for readability */
body {background:#a12336 url(images/bg.gif) repeat-y center top;color:#76767c;font:75%/150% "Lucida Sans Unicode", "Lucida Sans", Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {color:#ce4753;font-size:2em;margin:0 0 5px;padding:5px 0 4px 0;}
h2 {color:#ce4753;font-size:18px;line-height:1em}
h3 {color:#ce4753;font-size:1.2em;font-weight:normal;margin:0 0 10px}
h4 {color:#71cef5;font-size:1em;font-weight:normal;margin:0 0 5px;text-transform:uppercase}
hr {margin:0 0 0.5em}
p {margin:.75em 0 .5em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Structure */
#page {background:#FFF;margin:0 auto;padding:17px 0;width:920px}
.home #page {background:#FFF repeat-x 0 758px;min-width:930px;max-width:1020px;width:auto}
* html .home #page {width: expression((document.body.clientWidth < 935)? "930px" : (document.body.clientWidth > 1019)? "1020px" : "auto");}
#main {margin:0 auto;width:920px}

/* Header */
#header {overflow:hidden;position:relative;width:100%}
* html #header {height:1%;overflow:visible}
#header img {float:left}

	/* Search */
	#header form {position:absolute;top:14px;right:0}
	* html #header form {width:166px}
/* Original form input color #a1a1a5 Changed to #76767c for readability */
	#header form input {color:#76767c;font:1em "Lucida Sans Unicode", "Lucida Sans", Arial, Sans-Serif;float:left;margin:0 0 0 5px}
	#header form #s {border:solid #d3d5d6;border-width:0 1px 1px;border-top:1px solid #6d6f70;color:#a1a1a5;padding:3px;width:127px}

#header ul {display:inline;float:right;list-style:none;margin:0 200px 0 0}
#header ul li {float:left;margin:0 15px;text-align: right}
/* Original header color #a1a1a5 Changed to #76767c for readability */
#header ul li a {color:#76767c;float:left;margin:18px 0 0;padding:0 0 10px;text-decoration:none}
#header ul li a:hover {color:#000}
#header ul li.current_page_item a {background:url(images/menu.gif) no-repeat center bottom}
#header ul li.page-item-21 a {margin:0;width:125px}

/* Content */
#content {display:inline;float:left;margin:20px -100% 150px 190px;overflow:hidden;width:540px}
#content a:hover, a:focus {color:#000}
#content a:visited {color:#a1a1a5}

	/* Homepage */
	.home #content {margin:4px -100% 150px 190px;overflow:visible;width:730px}

		/* Tagline */
		#tagline {color:#000;font-size:1.2em;margin:0 0 6px}

		/* Splash */
		#splash {background:url(images/splash.jpg) no-repeat;color:#000;height:288px;padding:38px 45px 0 560px;text-align:center;width:125px}
		#splash a {color:#ce4753}
		#splash img {margin:0 0 10px}

		/* Tabs */
		#tabs {padding:25px 0 0}
		* html #tabs {padding:16px 0 0}
		*+html #tabs {padding:16px 0 0}
		#tabs ul {margin:0}
		#tabs li {float:left}
		#tabs li a, #tabs li a:visited {background:url(images/tab.png) no-repeat -160px 0;color:#fff;float:left;font-size:1.1em;height:33px;line-height:1.1em;padding:15px 0 0 10px;position:relative;text-decoration:none;width:150px}
		#tabs li a:hover, #tabs li a:focus {color:#000;height:33px;padding:15px 0 0 10px}
		#tabs li.current a {background-position:0 0;color:#fff!important;font-size:1.135em;height:42px;padding:6px 0 0 10px}
		#tabs li em {display:block;font-style:normal}
		#tabs ul {overflow:hidden;width:100%}
		#tabs p {font-size: 1em;}
		
			/*Tabs Container*/
			#tabs-container {background:url(images/tabs-container-bg.png) center repeat-y;clear:both;margin:0;width:730px}
			#tabs-container div {background:url(images/tabs-container-bg.png) left top no-repeat;width:730px}
			#tabs-container div div {background:url(images/tabs-container-bg.png) right bottom no-repeat;padding:25px 10px 15px;width:710px}
			#tabs-container div div div {background:none;clear:none;overflow:hidden;padding:153px 0 0;width:710px}
			
				/*Containers*/
				#tabs-container div div #steps {background:url(images/steps.jpg) center top no-repeat}
				#tabs-container div div #steps ul {margin:0;overflow:hidden;padding:0 0 5px}
				* html #tabs-container div div #steps ul  {height:1%}
				#tabs-container div div #steps ul li {display:inline;float:left;margin:0 22px;width:130px}
				#tabs-container div div #tab1 {background:url(images/old-rules.jpg) center top no-repeat}
				#tabs-container div div #tab2 {background:url(images/introducing.jpg) center top no-repeat}
				#tabs-container div div #tab3 {background:url(images/what-to-expect.jpg) center top no-repeat}
				#tabs-container div div div .left {float:left;padding: 0 0 0 30px;width:297px}
				#tabs-container div div div .right {float:right;padding:0 30px 0 0;width:297px}
				#tabs-container div div div strong {color:#000;font-weight:400}
		
	/* About */
	.person {background:url(images/box.png) repeat-y center top}
	.person div {background:url(images/box.png) no-repeat left top}
	.person div div {background:url(images/box.png) no-repeat right bottom;overflow:hidden}
	* html .person div div {height:1%;overflow:hidden}
	.person div div div {background:none}
	.person div div div.about {display:inline;float:right;margin:0 10px 30px 0;width:335px}
	.person div div div.details {background:url(images/details.png) no-repeat right bottom;float:left;margin:0 0 0 10px;padding:4px 10px 15px;width:135px}
	.person div div div.details h2 {color:#71cef5;font-size:1em;font-weight:normal;margin:0 0 25px}
	.person img {display:block;margin:15px 0 20px 20px}
	
	/* Testimonials */
	#testimonials {background:url(images/box.png) repeat-y center top}
	#testimonials div {background:url(images/box.png) no-repeat left top}
	#testimonials div div {background:url(images/box.png) no-repeat right bottom;overflow:hidden}
	#testimonials div div div {background:none}
	#testimonials div div div.testimonial {border-top:1px solid #71cef5;margin:0 10px;padding:35px 0 5px}
	* html #testimonials div div div.testimonial {height:1%}
	#testimonials div div div.first {border:0}
	#testimonials div div div.quote {display:inline;float:right;margin:0 10px 15px 0;width:335px}
	#testimonials div div div.details {background:url(images/details.png) no-repeat right bottom;display:inline;float:left;margin:0 0 0 0px;padding:4px 10px 15px;width:125px}
	#testimonials div div div.details h2 {color:#71cef5;margin:0 0 25px;padding:0;text-transform:none}
	#testimonials h2 {color:#FFF;font-size:1em;font-weight:normal;padding:9px 0 0 20px;text-transform:uppercase}

	/* Post */
	#content .post {margin:0 0 25px}
	#content .post .meta {font-size:0.8em}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#sidebar {float:left;padding:17px 0 20px;width:160px}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar ul li { margin-bottom: 15px;}
#sidebar ul li li {background:url(images/bullet.gif) no-repeat 2px 8px;padding:0 0 5px 10px; margin-bottom: 0}
.cufon-active #sidebar h2{font-size:21px;line-height:10px;margin:0 0 5px}
.cufon-active .home #sidebar h2{font-size:28px}
.page-template-people-php #sidebar ul li li {background:url(images/arrow.gif) no-repeat 0 6px;margin:12px 0 0}
.page-template-testimonials-php #sidebar {width:170px}
/* Original contact color #a1a1a5 Changed to #76767c for readability */
.page-template-contact-php #sidebar a {color:#76767c;text-decoration:none}
.page-template-contact-php #sidebar h4 {margin:0}

/* Right Sidebar */
#sidebar-right {background:url(images/sidebar-right.png) repeat-y center top;float:right;margin:20px 0 0;text-align:center;width:160px}
#sidebar-right div {background:url(images/sidebar-right.png) no-repeat left top}
#sidebar-right div div {background:url(images/sidebar-right.png) no-repeat right bottom;padding:19px 15px}
#sidebar-right div div div {background:none;padding:0}
#sidebar-right img {display:block;margin:0 auto 15px}

/* Footer */
#footer {border-top:1px solid #bec0c2;clear:both;font-size:.85em;text-align:right}
#footer ul {list-style:none}
#footer ul li {display:inline;margin:0 20px}
#footer ul li a {color:#bec0c2;text-decoration:none}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;khtml-border-radius:3px;margin:10px;moz-border-radius:3px;padding-top:4px;text-align:center;webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

#SignUp {
	padding-top: 20px;
}