/*
Theme Name:		Tomlinson O'Connell
Theme URI:		http://www.tomlinsonoconnell.com/
Description:	TOC Site Theme.
Version:		1.0
Author:			Vizion Interactive
*/

/* = First we reset... ================================================================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}

/* = Global Parameters ================================================================================================================== */
body, html									{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; background:#FFF; -webkit-text-size-adjust:none;}

/* = Text and Links ===================================================================================================================== */
a											{color:#339; text-decoration:none;}
a:hover										{color:#555; text-decoration:underline;}

h1						                {color:#111; font-weight:bold;}
h2, h3, h4, h5, h6						{color:#333; font-weight:bold;}
h1											{font-size:20px; margin:0 0 5px 0; line-height:24px;}
h2											{font-size:16px; line-height:22px; padding:10px 0 0 0;}
h3, h4, h5, h6								{font-size:14px; padding:15px 0 0 0;}

hr											{clear:both; width:100%; height:0; border:0; border-bottom:1px solid #CCC; margin:10px 0 20px 0;}
small										{font-size:11px;}
big											{font-size:14px; line-height:22px;}
p											{margin:5px 0 15px 0;}
strong										{font-weight:bold;}
em											{font-style:italic; color:#333;}

img.alignright,
img.alignleft,
img.aligncenter								{border:4px solid #FFF; outline:1px solid #FE8300;}

.noborder									{border:none!important; outline:none!important;}
.nomargin									{margin:0!important;}
.margin										{margin:0 40px;}

.alignright									{float:right; margin:5px 0 5px 20px;}
.alignleft									{float:left; margin:5px 15px 5px 0;}
.alignnone									{clear:both; margin:5px 0 5px 0;}
.aligncenter								{clear:both; margin:5px auto;}

/* = Buttons ============================================================================================================================ */
.btn										{display:block; padding:0; margin:0; font-family:Arial Helvetica, sans-serif; color:#FFF; text-align:center; font-weight:bold; text-decoration:none; border:none!important; background-color:transparent!important;}
.btn:hover									{color:#FEBF00;}
	
/* = Layout ============================================================================================================================= */
#container									{width:960px; margin:0 auto;}
#header										{position:relative; width:960px; height:100px;}
	.logo									{display:block; position:absolute; left:0; top:29px;}
	#nav									{position:absolute; width:680px; right:-20px; top:42px;}
	*+html #nav								{right:-60px; width:725px;}
	* html #nav								{right:-60px; width:740px;}
		#nav li								{display:inline-block; float:left; margin:0 0 0 20px; font-size:12px;}
		#nav a								{color:#222; display:block; float:left;}
		#nav a:hover,
		#nav .current a						{color:#339; text-decoration:none;}
		#nav a strong						{display:bock; float:left; clear:both;}
		#nav li a span						{display:block; float:left; clear:left; margin:4px 0 0 0; padding:4px 0 0 0; border-top:1px solid #222; font-size:10px;}
		#nav li a:hover span				{border-top-color:#339;}
	
	#body									{float:left; width:960px; margin:20px 0 30px 0; line-height:20px;}
	#breadcrumb								{float:left; width:960px; margin:0 0 30px 0; padding:0 0 10px 0; font-size:10px; border-bottom:1px solid #CCC;}
	.content								{float:right; padding:0 0 0 30px; width:690px;}
		.cnhm								{width:610px!important;}
		.wide								{width:960px!important;}
		#body .left,
		#body .right						{width:465px!important; padding:0!important;}
		.left								{float:left;}
		.right								{float:right;}
		
		
		.content ul							{list-style:disc; margin:5px 0 10px 15px;}
		.content ol							{list-style:decimal; margin:5px 0 10px 20px;}
		.content a							{text-decoration:underline;}
	
	.cred									{width:200px; margin:0 0 10px 30px; padding:0 0 0 30px; float:right; border-left:1px solid #CCC;}
		.cred dl							{float:left; margin:10px 0;}
		.cred dt							{font-weight:bold;}
	
	.articles								{width:100%; float:left; margin:0 0 30px 0;}
		.articles dt						{font-size:14px; font-weight:bold;}
		.articles dd						{margin:0 0 20px 0;}

	.staff									{width:100%; float:left; margin:0 0 20px 0;}
		.staff dt							{width:100px; clear:both!important; float:left; margin:0 20px 40px 0; font-size:14px; font-weight:bold;}
		.staff dd							{margin:0 0 20px 0; width:570px; float:left;}
	
	.sidebar								{float:left; width:240px;}
		.sbhm								{width:305px!important;}
		.form								{width:465px!important;}
		
		.sidebar #sidenav					{line-height:18px;}
		.sidebar #sidenav dt				{font-weight:bold; font-size:14px; color:#111; padding:8px 0; border-bottom:1px solid #CCC;}
		.sidebar #sidenav dd				{border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:8px 10px; background-color:#F8F8F8;}
		.sidebar #sidenav dd ul				{list-style:disc; margin:10px 0 15px 15px; font-size:11px;}
		.sidebar #sidenav dd li				{margin:0 0 8px 0;}
		.sidebar #sidenav dd ul ul			{list-style:circle; font-size:10px;}
		.sidebar #sidenav dd ul ul li		{margin:0 0 4px 0;}
		.sidebar #sidenav dd ul ul ul		{list-style:square;}
		.sidebar #sidenav dd ul ul ul ul	{list-style:lower-roman;}
		.sidebar #sidenav dd ul ul ul li	{margin:0 0 4px 0;}
		.sidebar #sidenav dd ul ul ul ul li	{margin:0 0 4px 0;}
		
		.sidebar #sidenav .current ul a,
		.sidebar #sidenav .current ul ul a,
		.sidebar #sidenav .current ul ul ul a,
		.sidebar #sidenav .current ul ul ul ul a	{color:#339; font-weight:normal;}

		.sidebar #sidenav .current					{background:#FFF; border-right:none;}
		.sidebar #sidenav .current a,
		.sidebar #sidenav ul .current a,
		.sidebar #sidenav ul ul .current a,
		.sidebar #sidenav ul ul ul .current a,
		.sidebar #sidenav ul ul ul ul .current a	{color:#111; font-weight:bold;}

	.sitemap								{list-style:none!important; margin:0!important;}
		.sitemap li							{font-size:13px; font-weight:bold;}
		.sitemap ul li						{font-size:12px;}
		.sitemap ul ul li					{font-size:11px; font-weight:normal;}
		.sitemap ul ul ul li				{font-size:10px;}
	.sitemap ul								{list-style:disc;}
		.sitemap ul ul						{list-style:circle;}
		.sitemap ul ul ul					{list-style:square;}
		.sitemap ul ul ul ul				{list-style:lower-roman;}
	
	.search dt								{font-size:13px; font-weight:bold;}
	.search dd								{padding:5px 0 40px 0;}
	
	#footer									{float:left; clear:left; width:960px; margin:10px 0 30px 0; padding:15px 0 30px 0; border-top: 1px solid #CCC;}
		#footer li							{position:relative; float:left; font-size:11px;}
		#footer .search						{right:40px; float:right; width:205px;}
			.search form					{padding:0!important;}
			.search label					{display:none;}
			.search input					{position:absolute; left:0; top:-5px; width:190px; border:1px solid #CCC;}
			.search #searchsubmit			{padding:0; margin:0; width:50px!important; height:17px; left:194px; top:-3px; font-family:Arial Helvetica, sans-serif; color:#FFF; text-align:center; font-weight:bold; text-decoration:none; border:none!important; background-color:#696969!important;}
	

/* = Zee Blog =========================================================================================================================== */
.posts										{position:relative; clear:both; margin:25px 0;}
	.posts dt								{float:left; clear:both; width:100%; border-bottom:1px solid #CCC; font-size:16px; font-weight:bold; line-height:26px; margin:10px 0 0 0;}
	.posts dt span							{display:block; float:left; width:550px;}
		.date								{position:relative; float:right; width:105px; height:46px; line-height:16px; padding:10px 0 0 0; margin:0 0 10px 0; background:yellow; color:#999; font-size:10px; font-weight:bold; text-align:center; color:#339;}
			.date big						{font-size:26px;}
			.date small						{font-size:13px;}

	.posts .post							{float:left; margin:0 0 30px 0!important; padding-top:10px; width:550px;}

.postmeta									{float:right; width:105px; padding:8px 0 0 0; font-size:11px!important; line-height:18px;}
	p.single								{clear:both!important; width:690px!important; margin:10px 0 10px 0!important;}
	.postmeta a								{text-decoration:none;}

	.rsssub									{float:left; margin:10px 0;}

	.wp-pagenavi							{width:100%; clear:both; margin:10px 0; float:left; font-family:Arial, Helvetica, sans-serif!important; font-size:11px!important;}
	.wp-pagenavi a, .wp-pagenavi a:link		{padding:2px 4px; margin:2px; text-decoration:none; border:1px solid #339!important; color:#339;}
	.wp-pagenavi a:visited					{padding:2px 4px; margin:2px; text-decoration:none; border:1px solid #339!important; color:#339;}
	.wp-pagenavi a:hover					{border:1px solid #555!important; color:#222;}
	.wp-pagenavi a:active					{padding:2px 4px; margin:2px; text-decoration:none; border:1px solid #339!important; color:#339;}
	.wp-pagenavi .pages						{padding:2px 4px; margin:2px; color:#222; font-weight:bold; border:1px solid #555!important;}
	.wp-pagenavi .current					{padding:2px 4px; margin:2px; font-weight:bold; border:1px solid #555!important; color:#222;}
	.wp-pagenavi .extend					{padding:2px 4px; margin:2px; border:1px solid #555!important; color:#222;}

	
/* = Forms ============================================================================================================================== */
.cform										{margin:10px 0; width:400px; font-family:Arial, Helvetica, sans-serif;}
	.cform fieldset							{margin-top:10px; padding:5px 0 15px 0; border:none;}
	.cform .cf_hidden						{display:none; border:none!important; background:none!important; padding:0!important; margin:0!important;}
	.cform legend							{margin-left:-3px; padding:0 2px; font-size:20px; font-weight:bold; color:#111; font-family:Arial, Helvetica, sans-serif;}

ol.cf-ol									{margin:0!important; padding:0!important;}
ol.cf-ol li									{background:none!important; margin:2px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em;}

/* = Text-only fields =================================================================================================================== */
ol.cf-ol li.textonly						{clear:both; margin:0 0 10px 0!important; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
ol.cf-ol li.infoonly						{font-family:Arial, Helvetica, sans-serif; line-height:18px; padding:0 0 10px 0!important; }

/* = Field Labels ======================================================================================================================= */
.cform label								{width:90%; margin:0!important; padding:0!important; display:block; text-align:left;}
.cform label span							{width:90%; display:block; margin:0!important; padding:0!important; line-height:20px;}
.cform label small							{font-size:10px; font-weight:bold; color:red;}

label.cf-before								{margin:4px 10px 0 0;}
label.cf-after 								{margin:3px 15px 0 6px; text-align:left; width:115px;}
label.cf-after span							{width:115px; display:block;}
label.cf-group-after						{margin:3px 4px 0 2px; width:72px; text-align:left;}
label.cf-group-after span					{width:72px; display:block;}

/* = Form Fields ======================================================================================================================== */
.cform input,
.cform textarea,
.cform select								{padding:5px 3px 6px 3px; border:1px solid #CCC; margin:0 0 15px 0!important; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#F8F8F8;}

.cform input								{height:14px;}

.cform textarea,
.cform input								{width:100%;}
.cform select								{width:100%; padding:2px 0;}  

.cform textarea								{overflow:auto; width:100%; height:80px!important;}


/* = Radio Buttons ====================================================================================================================== */
ol.cf-ol li.cf-box-title					{margin:10px 0 4px 0px!important; width:100%; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* = Check Boxes ======================================================================================================================== */

input.cf-box-b 								{display:inline-block!important; clear:none!important; float:left!important; width:15px!important; height:15px!important; padding:0!important; margin:0!important; border:1px solid red!important;}

/* check box groups*/
ol.cf-ol li.cf-box-group					{float:left; width:400px; padding:0 0 12px 0;} 
ol.cf-ol li.cf-box-group input				{float:left!important; padding:0!important; margin:0!important;} 
ol.cf-ol li.cf-box-group label				{display:block; float:left!important; width:50px!important; font-size:11px; padding:0 0 0 5px!important; font-weight:normal;}

/* = "Required" Text ==================================================================================================================== */
span.reqtxt,
span.emailreqtxt							{display:none;}

.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired					{margin:0 0 0 0;}

/* = Submit Button ====================================================================================================================== */
p.cf-sb										{line-height:25px; text-align:left; padding:0; margin:-10px 0 0 0; }
.cform input.sendbutton						{width:90px; height:22px; border:none; text-transform:uppercase; font-size:11px; font-weight:bold; color:#FFF; padding:0; margin:0; background-color:#696969;}

/* = Enhanced Error Display ============================================================================================================= */
ol.cf-ol li.cf_li_err						{background:none!important; margin:2px 0!important; padding:2px 0; list-style:none!important; text-align:left; line-height:1.3em;}
ol.cf-ol li.cf_li_err input					{padding:5px 3px 5px 3px; border:1px solid #FF8080!important; vertical-align:top; margin:0!important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red;}
ol.cf-ol li.cf_li_err input.cf_error		{}

ol.cf-ol li ul.cf_li_text_err				{height:1%; min-height:1%; margin:0 0 0 100px; padding:0; color:#333;}
ol.cf-ol ul.cf_li_text_err li				{list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px;}
ol.cf-ol ul.cf_li_text_err li:before		{content:'';}

.cf_error									{border-color:black;}

/* = Visitor Verification - Related Styles ============================================================================================== */
label.secq,
label.seccap								{vertical-align:text-bottom;}

input.secinput								{vertical-align:text-bottom;}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha								{height:18px; width:80px; padding:4px 4px; margin:0; float:left;}

img.captcha									{vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:left!important;}
img.captcha-reset							{vertical-align:text-bottom; background:url(captcha_reset_grey.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none;}
img.imgcalendar								{border:none;}

/* = Change Formatting of response messages here ======================================================================================== */
div.cf_info									{color:#F00; display:none; padding:10px 15px!important; margin:0 0 -20px 0; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
	div.cf_info ol							{margin:0; padding:5px 15px 0 30px;}
	div.cf_info ol li						{padding:10px 0; margin:2px 0;}
	div.cf_info a							{color:#ad2929!important; text-decoration:underline!important;}

div.success									{background:#F7F7F7 none repeat scroll 0% 50%; color:#444444; display:block;}
div.failure									{display:block; background:#FFDFDF!important; margin:0 0 20px 0;}
div.waiting									{background:#F9F9F9; color:#AAA; display:block;}

/* = Formatting for invalid user inputs ================================================================================================= */
.cform .cf_error							{color:#ad2929; border:1px solid #ad2929;}
div.mailerr									{display:block;}
.mailerr,
.cform .cf_errortxt							{color:#ad2929; font-style:italic;}

/* = Disabled Fields - no worky in Gilligan (IE) ======================================================================================== */
[disabled]									{color:#DDD; border-color:#DDD!important; background:none!important;}
.disabled									{border-color:#DDD!important;}
.cform input.cf_upload 						{width:250px; height:24px!important; border:1px dotted #CCC;}
.linklove									{visibility:hidden; display:none;}


/* = Browser Hacks ====================================================================================================================== */
*+html .cform fieldset						{position:relative; margin-top:15px; padding-top:25px;}
*+html .cform legend						{position:absolute; top:-10px; left:-10px; margin-left:0;}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt						{display:inline-block;}
*+html img.captcha							{margin-bottom:1px!important;}