/*

Theme Name: Time Savvy Theme

Theme URI: http://joehowarddesign.com

Description: custom wordpress theme

Version: 2 (WP2.8.5)

Author: Joe Howard

Author URI: http://joehowarddesign.com

Tags: dark, blue, clean

*/



@import "style/css/reset.css";

@import "style/css/960.css";



/* colors used 



black 1 : 292929

black 2 : 111111



blue : 0574e0

orange : ff9d00





*/



body {background:#122640; color:#292929; text-align:left; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; }



/* text */

h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:2.8em;}

h2 {font-size:2.6em;}

h3 {font-size:1.58em;}

h4 {font-size:1.5em;}

h5 {font-size:1.34em;}



p {font-family:Arial, Helvetica, sans-serif; }

a {color:#0574e0;}

a:hover {color:#111;}



.post-edit-link {padding:4px 10px; margin:10px; background:#0574e0; color:#fff;}

.post-edit-link a {color:#fff; text-decoration:none; }



/* elements */

ul {list-style-type:none;}

li {list-style-type:none;}

ol {}

hr {}



.clr {clear:both;}

.left {float:left;}

.right {float:right}



#testpage {padding:10px;}



#topbg {height:89px; margin:0 auto; background:url(style/images/topbg.png) repeat-x left top;}

#header, #navigation, #indexwrap, #pagewrap, #content, #footerwrap {width:960px; margin:0 auto;}

#logo {float:left; margin:26px 0 0 0px;}

#info {float:right; margin:40px 0 0 0;}

#navbg {background:url(style/images/navbg.png) repeat-x left top; height:35px; margin:0 auto;}

#social {float:right; margin:8px 0px 0 0;}



#indexbg {height:400px; margin:0 auto; background:url(style/images/indexmidbg1.png) repeat-x left top;}

#indexwrap { }



#indexVideo {float:right; width:432px; height:324px; margin:30px 0 0 0;}



#pagebg {height:70px; background:url(style/images/pagemidbg.png) repeat-x left top;}

#pagewrap {}



#contentbg {margin:0 auto; background:#122640 url(style/images/contentbg.png) repeat-x center top; padding:0 0 20px 0; }

#content {font-size:1.26em; padding:5px 0 0 0;}



#pagecol { margin:0 0 0 10px; width:710px; float:left;}

#blogcol {float:left;padding:20px 20px 20px 0;width:700px;}



#sidebar {float:right; width:210px; color:#fff; margin:0 10px 0 0;}



#footerbg {padding:40px auto 0 auto; background:#111 url(style/images/botbg.png) repeat-x left top; }

#footerwrap {padding:10px auto 20px auto; height:160px;font-size:1.26em; }



#footernav {margin:35px 0;}

#copyright {width:700px; float:left; color:#fff; margin:20px 0 0 0;}

#copyright p {color:#fff; margin:4px 0 0 40px;}

#credit {float:right;}



#social img {float:right; margin:0 2px;}

#info h3, #info h5 {float:right;}

#info h5 {font-size:1.4em; color:#999; font-weight:normal;}

#info h3 {font-size:1.8em; font-weight:bolder; letter-spacing:-.2pt; color:#fff; margin:0 0 0 5px;}



#navigation {font-size:1.18em;}

#navigation ul {margin:0px 0 0 0;}

#navigation ul li {float:left; margin:10px 5px 0 0; text-transform:uppercase;}

#navigation ul li a {color:#fff; text-decoration:none;}

#navigation ul li a:hover {color:#0574e0; text-decoration:none;}

#navigation ul li ul {margin:0;}

#navigation ul li ul li {background:#111111 none repeat scroll 0 0;display:block;margin:0;padding-left:8px;}



#footernav ul {}

#footernav ul li {float:left; margin: 10px 10px 0 0; }

#footernav ul li a {color:#fff; text-decoration:none;}

#footernav ul li a:hover {color:#0574e0; text-decoration:none;}



#pageheader h1 {color:#122641;font-size:2.7em;font-weight:bolder;letter-spacing:-0.5pt;padding:24px 0 0 20px;text-transform:none;}

#pageheader img {padding:19px 0 0 20px;}

#search {float:right; margin:20px 0 0 0;}





#cwraptop {height:10px; width:960px; margin:0; padding:0; background:url(style/images/maintopbg.png) no-repeat center top;}

#cwrap {width:960px; margin:0; padding:0; background:url(style/images/mainbgbg.png) repeat-y center top;}

#cwrapbot {height:60px; width:960px; margin:0; padding:0; background:url(style/images/mainbotbg.png) no-repeat center top;}



#pagecol {float:left; width:710px;}

#colwraptop {height:19px; width:710px; margin:0; padding:0; background:url(style/images/contenttopbg.png) no-repeat center top;}

#colwrap {width:710px; margin:0; background:url(style/images/contentbgbg.png) repeat-y center top;}

#colwrapbot {height:19px; width:710px; margin:0; padding:0; background:url(style/images/contentbotbg.png) no-repeat center top;}

















/*home page stuff */

#indexCol1 {float:left; width:480px; margin:0; padding:0;}

#leadtext {margin:35px 0 0 0;}



#signup {padding:10px 0 0 0; height:210px; overflow:hidden;}

#appraisal {margin:10px 0;}

#appraisal img {float:left; margin:0 0 3px 40px;}

#getsavvy {float:right; width:305px; margin:25px 0 0 0;}

#getsavvy img {float:right; margin:0 20px 0 0;}

#apptext {float:left; width:640px; margin:0 0 8px 0;}

#apptext p {color:#FFFFFF;font-size:1.28em;font-style:italic;letter-spacing:0.4pt;}

#apptext img {float:left; margin:0 10px 0 5px;}



.dsbot {clear:both; background:url(style/images/dsbot.png) no-repeat center top; height:14px; margin:5px auto;}



#home3col {margin:10px 0 40px;}

.hmcol3 {float:left; width:295px; margin:0 10px; color:#fff; font-size:90%;}

.hmcol3 h4 {font-size:1.4em; color:#fff; text-transform:uppercase; height:35px; background:url(style/images/col3bg.png) no-repeat center top; padding:8px 0 0 10px;}

.hmcol3 h4 a, .hmcol3 h4 a:hover {text-decoration:none; }

.hmcol3 h4 a {color:#fff;}

.hmcol3 h4 a:hover {color:#0574e0;}

.hmcol3 p {font-size:1.16em;font-weight:normal;line-height:1.4em;padding:5px 10px;}

.hmcol3 ul {margin:20px 0 10px 30px;}

.hmcol3 li {margin:4px 0; display:list-item; list-style:disc; font-size:1.16em;font-weight:normal;line-height:1.2em;}

.hmcol3 a, .hmcol3 a:hover {}

.hmcol3 a {color:#fff;}

.hmcol3 a:hover {color:#0574e0;}

.hmcol3 blockquote {font-size:1.16em;font-style:italic;font-weight:normal;letter-spacing:0.4pt;line-height:1.4em;padding:5px 10px;}

.hmcol3 ol li {display:list-item; list-style:decimal;margin:6px 6px 6px 35px; color:#ccc;}

.hmcol3 ol {}





ul#indexblog {margin:0 0 0 10px;}

ul#indexblog li {font-size:1.12em;font-weight:bolder;line-height:1.2em;list-style-image:none;list-style-position:outside;list-style-type:none;padding:4px 0 10px 0; border-bottom:1px solid #4f5f71;}

ul#indexblog li a, ul#indexblog li a:hover {text-decoration:none;}

ul#indexblog li a {color:#fff; }

ul#indexblog li a:hover {color:#336699;}



ul#quotelist {margin:10px 0 0 30px;}

ul#quotelist li {font-size:1.12em;font-weight:bolder;line-height:1.2em;list-style-image:none;list-style-position:outside;list-style-type:none; color:#ccc;}

ul#quotelist li a, ul#indexblog li a:hover {text-decoration:none;}

ul#quotelist li a {color:#fff; }

ul#quotelist li a:hover {color:#336699;}

.quote {font-size:1.44em; padding:0 5px; font-family:Georgia, "Times New Roman", Times, serif; color:#ddd; vertical-align:bottom;}



/* interior page stuff */



.normcol {margin:0 10px 0px 10px;}



.pagecol ul, .normcol ul, .post ul {margin:10px 0 0 10px;}

.pagecol ul li, .normcol ul li {margin:5px 30px; list-style:disc; font-family:Arial, Helvetica, sans-serif;  }

.pagecol ul ul, .normcol ul ul, .post ul ul {}

.pagecol li ul li, .normcol li ul li, .post li ul li {}



.pagecol ol, .normcol ol, .post ol {margin:10px 0 0 10px;}

.pagecol ol li, .normcol ol li {list-style:decimal; margin:5px 10px;f; font-family:Arial, Helvetica, sans-serif; }

.pagecol ol ul, .normcol ol ul, .post ol ul {}

.pagecol li ol li, .normcol li ol li, .post li ol li {list-style:lower-alpha;}





.post h3, .post h4, .post h5, .post h6 {padding:10px 0 15px 0;letter-spacing:-.1pt;}

/* post stuff */





.post {margin:0 25px;width:650px;}

.post p {padding:10px 0; font-size:1.08em; line-height:1.52em;}

.post ul {}

.post ul li {font-size:1.08em; line-height:1.52em;margin:5px 30px; list-style:disc;}

.post ol li {font-size:1.08em; line-height:1.52em;margin:5px 30px; list-style:decimal;}





.bpost {padding:10px 0 40px 0; color:#292929; border-bottom:1px dotted #999;}

.bpost h3 {padding:5px;color:#262626;font-weight:bolder;letter-spacing:-0.3pt; font-size:1.64em;}

.bpost h3 a, .bpost h3 a:hover {text-decoration:none;}

.bpost h3 a {color:#0574e0;}

.bpost h3 a:hover {color:#336699;}

.bpost p {margin:10px 0; font-size:1.08em; line-height:1.52em;}

.bpost img {margin:0 0 20px 0;}

.bpost h5 {margin:10px 0; font-weight:bolder; letter-spacing:-.3pt; font-size:1.24em;}



.bcontent { margin:0px 0 0 0px; width:440px; float:right;}

.bmeta {}

.bmeta ul {margin:10px 0 0 0; padding:0;}

.bmeta ul li {padding:0px 5px; list-style:none; display:inline; float:left; color:#ccc; margin:0;}

.bmeta a, .bmeta a:hover {}

.bmeta a {color:#fff;}



.month {color:#fff; font-size:1.8em; font-weight:bolder; letter-spacing:-.3pt; margin:3px 0 0;text-align:center;}

.day {color:#fff; font-size:1.6em; text-align:center;}



#datecol { margin:0 0 0 20px; width:60px; float:left;}

.postdate {float:left; height:60px; width:60px; margin:0 0 15px 0;float:left; background:url(style/images/datebg.jpg) no-repeat center top; height:60px;}



.postedin {float:left; width:60px; margin:0 20px 0 5px;}

.blogthumb {float:left; margin:0 10px 0 0; width:100px;}



.postcontent {float:right; width:540px; margin:0 20px 10px 0;}

.postcontent h3 {margin:0 0 5px 0;}



.tpost {margin:0 0 10px 0;}

.tpostbg { background:url(style/images/testimonialbgtop.png) no-repeat left top; width:660px;}

.tpostbot { background:url(style/images/testimonialbgbot.png) no-repeat left top; width:660px; height:27px;}

.tpostquote {color:#111111;float:right;padding:20px 20px 0;width:540px;}

.tpostpic {float:left;  margin:0 0 0 0;}

.tpostpic img {background:#FEFEFE none repeat scroll 0 0;border:1px solid #999999;margin:20px 0 0 10px;padding:3px;}

.tpostquote p {font-size:1.2em; line-height:1.4em; font-style:italic;}

.tpostquote ul {margin:20px 0 0 0;}

.tpostquote ul li {margin:4px 15px; font-weight:bolder; color:#292929; list-style:none;}



.more-link {margin:10px 0;}

.more-link a, .more-link a:hover {text-decoration:none; font-weight:bolder; color:#fff; padding:3px 6px; background:#0574e0; }

.more-link a {color:#fff; background:#0574e0;}

.more-link a:hover {background:#111;}



#s {height:16px;padding:2px 5px;width:140px;}





/* sidebar stuff */



#sidebar p {color:#fff;}

#sidebar a {color:#ccc;}

#sidebar li {font-size:1.2em; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; margin:0 0 4px 10px;}



.widget {margin:20px 0 0 0;}

.widget-title {background:url(style/images/widgettitlebg.png) no-repeat center top; color:#fff; text-transform:uppercase; font-size:1.4em; height:35px; margin:10px 0;}

h3.widget-title {padding:10px 10px 0 10px;}



.textwidget p {padding:0 10px 5px 10px;}



.alignright {float:right; margin:0 0 10px 10px;}

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



.fourohfour {height:500px;}

#tsasignup {margin:20px 0;}



/* signup stuff */

		.yellow {color:#fff200;}

		.sulearn {font-size:50%; padding:0 0 5px 5px;}

		.sulearn a, .sulearn a:visited {text-decoration:underline; color:#fff;}

		.sulearn a:hover {color:#FF9900;}
		
		.sulearn2 {font-size:50%; padding:0 0 5px 0;}

		.sulearn2 a, .sulearn a:visited {text-decoration:underline; color:#fff;}

		.sulearn2 a:hover {color:#FF9900;}

		

		

		#hmsignup {width:440px; background:url(style/images/signupbg.png) no-repeat center top;}

		#hmsignup h3 {color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:2.6em;font-weight:normal;letter-spacing:-0.2pt;line-height:1.04em;margin:0 0 0;padding:10px 5px 0 10px;width:310px;}

		#hmname, #hmname {float:left; width:206px; background:url(style/images/textfieldbg.png) no-repeat center top; height:26px; margin:15px 3px 10px 5px;}

		#hmname input, #hmname input {border:none; background:none; margin:3px 6px 0 6px; color:#111; width:196px; height:20px;}

		#hmsubmit {margin:4px 10px 0 0;  overflow:hidden; width:218px; float:right;}

		

		#sbsignup {background:url(style/images/sbsignupbg.jpg) no-repeat center top; padding:5px; width:200px; height:290px;}

		#sbsignup h3 {color:#fff; font-size:1.54em; line-height:1.20em; font-family:Arial, Helvetica, sans-serif; letter-spacing:-.2pt; width:190px; padding:5px 5px 5px 10px; margin:0;font-weight:normal;}

		#sbname, #sbemail {width:190px; background:url(style/images/sbtfieldbg.png) no-repeat center top; height:26px; margin:10px auto; }

		#sbname input, #sbemail input {border:none; background:none; margin:3px 6px 0 6px; color:#111; width:180px; height:20px;}

		#sbsubmit {margin:4px auto; height:33px; overflow:hidden; width:190px;}

		

#homeleadtext {height:100px; overflow:hidden;}

ul#homeleadtext {margin:10px 0 0 0;}

#homeleadtext li {color:#FFFFFF;font-size:1.64em;font-weight:bolder;list-style-image:none;list-style-position:outside;list-style-type:disc;margin:4px 0 10px 20px;}











.interview {padding:20px 0; border-bottom:1px dotted #ccc;}

.interview img {float:left; margin:0 10px 10px 0;}

.interview h3 {padding:5px 0 5px 0; font-weight:bolder; }



.videoleft {padding:1px; float:left; margin:0 10px 0 0;}

.videoright {padding:1px;  float:right; margin:0 0 0 10px;}



div.pro-player-container {

}





/* slider */





.wrapper p {color:#FFFFFF;font-size:2.2em;font-weight:bolder;line-height:1.1em;width:460px;}

a:focus { outline:none }

img { border: 0 }

.stripViewer .panelContainer .panel ul {			text-align: left;			margin: 0 15px 0 30px;		}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */			position: relative;			width: 480px; height:60px;	}

/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 120px; overflow: hidden;}

.csw .loading {margin: 200px 0 300px 0; text-align: center}		.stripViewer { /* This is the viewing window */			position: relative;			overflow: hidden; 			margin: auto;			width: 480px; /* Also specified in  .stripViewer .panelContainer .panel  below */			clear: both;		}

				.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */			position: relative;			left: 0; top: 0;			width: 100%;			list-style-type: none;			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */		}

		

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */			float:left;			height: 100%;			position: relative;			width: 480px; /* Also specified in  .stripViewer  above */		}

		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */			padding: 3px;		}

		

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */			margin: auto;			display:none;		}			

		.stripNavL, .stripNavR { /* The left and right arrows */			position: absolute;			top: 65px;			text-indent: -9000em;		}		

		.stripNavL a, .stripNavR a {			display: block;			height: 1px;			width: 1px;		}		

		.stripNavL {			left: 0;		}		

		.stripNavR {			right: 0;		}

				.stripNavL {					}		

		.stripNavR {				}