/*

Theme Name: Nick of Time

Theme URI: http://www.dezine3.com

Description: 

Version: 1.0a

Author: dezine3

Author URI: http://www.dezine3.com/

*/



/*  

Wordpress Theme By Chris Farina - Screen stylesheet.

*/



/* HTML styling */

a { color: #2877af; text-decoration: none; }

a.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; float: right; padding-left: 18px; }

span.next-entries { background: url(images/mini-nav-right.gif) no-repeat right center; display: block; float: right; padding-right: 18px; text-align: right; width: 225px; }

a.post-calendar { background: url(images/mini-calendar.gif) no-repeat; color: #999999; float: right; font-size: 95%; padding-left: 20px; }



span.post-dates { background: url(images/date.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; padding-right: 10px; }

span.post-cat { background: url(images/mini-category.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; }

span.post-comments { background: url(images/mini-comments.gif) no-repeat; float: right; font-size: 95%; padding-left: 20px; color:#C00;}

span.previous-entries { background: url(images/mini-nav-left.gif) no-repeat left center; display: block; float: left; padding-left: 18px; width: 228px; }



a:hover { color: #06F; text-decoration: none; }

a:visited { color: #CCC; text-decoration: none; }



body { background: #696969 url(images/bg.png) top repeat-x; font: 75%/150% Arial, Helvetica, sans-serif; padding: 0px; margin-top:0; color:#333; }

form { margin: 0px; padding: 0px; }



h1 { border-bottom: 1px dotted #999999; color: #2877af; font: lighter 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

h1 a, h1 a:visited { color: #2877af; text-decoration: none; }

h1 a:hover { color: #666; text-decoration: none; }

h2 { border-bottom: 1px dotted #999999; color: #2877af; font: lighter 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

h2 a, h2 a:visited { color: #2877af; text-decoration: none; }

h2 a:hover { color: #666; text-decoration: none; }

h3 { color: #2877af; font: normal 140%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }

h4 { color: #2877af; font: normal 130%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }

h5 {  color: #2877af; font: lighter 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

h6 {  color: #666; font: lighter 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; font-weight:bold; }

h7 {  color: #2877AF; font: lighter 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin:0; padding:0; font-weight:lighter; }

h8 {  color: #2877af; font: lighter 10px Arial, Helvetica, sans-serif; margin: 0px 0px 6px; padding-bottom: 6px; padding:0; }



p1 {  color: #333; font: lighter 14px Arial, Helvetica, sans-serif; margin: 0px 0px 2px; padding-bottom: 2px; }



hr.clear { clear: both; margin: 0px; padding: 0px; visibility: hidden; }



img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; }

img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }

img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }



p { margin: 0px; padding: 0px 0px 10px; }

ul{list-style-type: circle;}

ol {list-style-type:circle;}





/* Div's and layout */



#title_home{padding-top:15px; margin:0;}

#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }

#commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px; }



#commentform input { background-color: #000; border: 1px solid #333; margin-top: 3px; padding: 3px; width: 200px; }

#commentform label { color: #FFF; font-size: 87%; }

#commentform p { margin: 0px; padding: 6px 0px; }

#commentform textarea { background-color: #FFF; border: 1px solid #999; height: 115px; margin-top: 3px; padding: 2px; width: 570px; color:#666; }

#commentform textarea:focus, #commentform input[type="text"]:focus { background: #FFF; }

#comments, #respond { border-bottom: 1px dotted #999999; clear: both; padding: 10px 0 5px 0; }

#content { float: left; padding: 0px 0px 0px 0px; width: 640px; margin-left:50px; margin-top:5px; background:none; z-index:1;}

#content_home { float: left; padding: 0px 0px 0px 0px; width: 940px; margin-left:30px; margin-top:0; background:none; z-index:1;}

#content_menubars {width:940px; height:82px; margin:0; background:url(images/menubars.png) left no-repeat;}

#content_menubars .box {margin:10px 20px; height:62px; width:195px; float:left; text-align:center; font:18px Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#CCC; line-height:25px;}

#content_menubars .box a:hover{color:#C00;}

#content_menubars .box a{color:#CCC;}

#content_menubars_under {width:940px; height:82px; margin:0; background:url(images/menubars2.png) left no-repeat;}

#content_bottom {

	width:940px;

	height:210px;

	margin:0;

	padding:0; 

	background:none;

}



.welcome-info { float:left; margin:55px 0 0 25px; width:422px; height:171px;color:#FFF;}

.welcome-info p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:normal; z-index:1;}

.order-button { float: left; margin:140px 0 0 40px; width:226px; height:64px;}



#credits { color: #CCC; font-size: 10px; height: 15px; line-height: 120%; margin:0px; padding-bottom: 3px; width: 820px; padding: 10px 0px ; }

#credits a, #credit a:visited { color: #C00; }

#footer { clear: both; color: #CCC; font-size: 11px; line-height: 130%; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; width: 1000px; }

#footer_bot {



	width:940px;

	margin:0 auto;

	height:58px;

	padding:0 30px; 

	background: url(images/foot_bg.jpg) top no-repeat;

}



#footer_bot p {

	font-size:10px;

	color:#CCC;

	margin: 0; 

	padding: 10px 20px; 

}







#footer_bot_lg {

	width:940px;

	margin:0 auto;

	height:164px;

	padding:0 30px; 

	background: url(images/largefooter.jpg) top no-repeat;

}



#footer_bot_lg p {

	font-size:10px;

	color:#CCC;

	margin: 0; 

	padding: 0; 

}



#footer_bot_lg .left {float:left; margin:30px 0; width:940px; height:144px; text-align:center; }

#footer_bot_lg .left a { color:#CCC;}

#footer_bot_lg .left a:hover { color:#FFF;}

#footer_bot_lg .right {float:left; margin:10px 20px; width:430px; height:144px; }

#footer_bot_lg .links {width:350px; float:left; margin:0;}

#footer_bot_lg .title {width:80px; float:left; margin:0;}

#footer_bot_lg .right a { color:#CCC;}

#footer_bot_lg .right a:hover { color:#C00;}

#footer_bg { background:url(images/footbg.png) top no-repeat; height: 44px; width: 1000px; }

#footer_home { clear: both; color: #CCC; font-size: 11px; line-height: 130%; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; width: 1000px; z-index:0; }

#footer_bghome { background:url(images/footbg_home.png) top no-repeat; height: 44px; width: 1000px; }



#header { background: url(images/head_bg.png) top no-repeat; height: 209px; margin-left: auto; margin-right: auto; padding:0; margin-top: 0px; width: 1000px; z-index:0; }

#header_flash { background: url(images/pagebg.png) repeat-y top; height: 242px; margin-left: auto; margin-right: auto; padding:0; margin-top: 0px; width: 1000px; z-index:-1; }

#header_flash .fl { background:none; width:940px; height:242px; margin:0 30px;z-index:-1;}

#logo { background:#000; width: 1000px; }

#logo p { color: #FFFFFF; font-size: 150%; line-height: 200%; padding: 0px; }







/* MAIN NAVIGATION



========================================== */



#navigation {

	clear: both;

	width: 100%;

	margin: 0 auto;

	background-color:none;

}



#navigation .container {

	height: 42px;

	overflow: visible;

	background-color:none;

	padding:149px 30px 0 0 ;

}



#nav {

	position: relative;

	float: right;

	margin: 0;

	padding: 0;

	list-style-type: none;

	z-index: 100;

	background: transparent url(images/nav-bg.gif) repeat-x left top;

	text-align: right;

	line-height: 175%;

}



#nav li {

	position: relative;

	float: left;

	height: 42px;

	font-size: 100%;

}



#nav li.last-page-item a {background-image: none;}



#nav li a {

	display: block;

	float: left;

	background: url(images/nav-separator.gif) no-repeat right top;

	padding: 11px 12px 10px;

	color: #FFF;

	font-weight: normal;

	text-decoration: none;

	white-space: nowrap;

	text-align: left;

}





#nav li.current_page_item a,

#nav li.current_page_parent a {color: #FFF;}



#nav li a:hover,

#nav ul li a:hover {color: #0c416b;}



#nav li ul {

	position: absolute;

	visibility: hidden;

	float: none;

	top: 42px;

	left: 0px;

	width: 150px;

	margin: 0;

	padding: 5px 10px 6px 10px;

	z-index: 10000;

	border: 1px solid #666;

	border-bottom-width: 1px;

	border-bottom-color: #666;

	border-top: 0;

	background-color: #fff;

	opacity: 0.97;



}



#nav li:hover ul,

#nav li.iehover ul {visibility: visible;}



#nav ul li{

	display: block;

	float: left;

	clear: both;

	margin: 0;

	padding: 0;

	width: 100%;

	height: auto;

	font-size: 100%;

	line-height: 100%;

	overflow: hidden;

	white-space: normal;

	border-bottom: 1px dotted #CCC;

}



#nav ul li:last-child {border-bottom: 0;}

#nav ul li a {

	display: block;

	width: auto;

	height: auto;

	float: none;

	font-weight: normal;

	background-image: none;

	padding: 6px 0;

	white-space: normal;

	color: #666;

}



#nav li.current_page_item ul li a,

#nav li.current_page_parent ul li a {color: #0c416b;}



#nav li ul li a:hover,

#nav li.current_page_item ul li a:hover,

#nav li ul li.current_page_item a {color: #0c416b;}



#nav li.nav-start {

	background: transparent url(images/nav-start.gif) no-repeat left top; 

	width:12px;

	height:42px;

}



#nav li.nav-end {

	background: transparent url(images/nav-end.gif) no-repeat right top; 

	width:12px;

	height:42px;



}



#page { background:url("images/pagebg.png") repeat-y top; margin: 0px auto; width: 1000px; }



#homepage { background:url("images/homepagebg.png") repeat-y top; margin: 0px auto; width: 1000px; }



#searchform { margin:10px 0; }

#searchform #s { background: #EEE; border: 1px solid #999; color: #999; cursor: pointer; font-weight: normal; height: 20px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; }

#searchform br { display: none; }

#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; }



#sidebar { color: #666666; float: right; padding: 0px 0px 20px 0px; width: 220px; margin:0 50px 0 0; background:none; }

#sidebar a, #sidebar a:visited { color: #333; display: block; text-decoration: none; }

#sidebar a:hover { color: #2877AF; display: block; text-decoration: none; }

#sidebar h2, #sidebar .sidebartitle { border-bottom: 1px dotted #999999; color: #2877af; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 2px; }

#sidebar ul { margin: 0; padding: 0; }

#sidebar ul li { border: none; border-bottom: 1px dotted #999999; list-style: none; margin: 0; padding: 2px 0; }

#sidebar ul li ul { margin: 0; padding: 0; }

#sidebar ul li ul li { border-bottom: 1px dotted #999999; padding: 2px 0 2px 0px; }

#sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; }

#social { width:220px; height: 140px; padding:15px; margin:0px; }

#social .img {pading:0px; margin-left:10px; width:50px; height:50px; float:left;}











/* Classes and other stuff */



.alignleft { float: left; padding-right:20px; }

.alignright { float: right; }

.center { text-align: center; }

.clear { clear: both; }

.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }

.commentlist .alt { }

.commentlist cite { color: #CC6600; font-size: 120%; font-style: normal; font-weight: bold; }

.commentlist cite a, .commentlist cite a:visited { color: #CC6600; }

.commentlist li { padding: 5px 10px; }

.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }



.entry { clear: both; padding-top: 10px; } 
.entry a:visited {color:#2877AF; text-decoration:none;}
.entry a:hover {color:#2877AF; text-decoration:none;}
.entry a {color:#2877AF; text-decoration:none;}



.footer-about { float: left; width: 225px; margin-left:10px; padding:10px; background:url(images/menubg.png) repeat; height: 170px; border: 1px solid #131313;}

.footer-about ul { margin:0; padding:0; list-style-type:none;}

.footer-about ul li { margin:0; padding:0; list-style-type:none;}

.footer-recent-comments { float: left; margin-left: 10px; padding:10px; width: 285px; background:url(images/menubg.png) repeat; height: 170px; border: 1px solid #131313;}

.footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; }

.footer-recent-comments ul li { background: url(images/mini-footer-comments.gif) no-repeat; padding: 0px 0px 10px 20px;  }

.footer-recent-posts { float: left; margin-left: 0; width: 225px; padding:10px; background:url(images/menubg.png) repeat; height: 170px; border: 1px solid #131313;}

.footer-recent-posts strong { font-size: 107%; font-weight: bold; line-height: 135%; }

.footer-recent-posts ul { font-size: 11px; line-height: 110%; list-style: none; margin: 0px; padding: 0px; }

.footer-recent-posts ul li { background: url(images/mini-footer-post.gif) no-repeat; padding: 0px 0px 10px 20px; }

.loginout { background: url(images/mini-loginout.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.navigation { clear: both; height: 15px; padding: 10px 0px; }

.post { clear: both; padding-top: 15px; }

.post-date { background: none; float: right; height: 20px; width: 100px; font-size:10px; text-align:right; color:#FFF; padding-top:5px; }

.post-day { color: #2877AF; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }

.post-month { color: #2877AF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }

.post-title { float: left; margin-left: 0px; text-transform: capitalize; width: 575px; color:#2877AF; font-size:14px; padding-bottom:5px;}

.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.post-img { float:left; margin:10px 10px 10px 0px;  width: 180px; height:140px; padding:0; border:none;}

#postcontent {float:left; margin:10px auto; padding:0;}

#postcontent a:visited {color:#2877AF; text-decoration:none;}
.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }


#fmleft {width:300px; float:left; height:auto;}
#fmright {width:300px; float:right; height:auto;}
#fmserv {width:600px; float:left; height:150px;}

#contacttop {width:620px; height:180px; float:left;}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

.bb {
    float: right;
    margin: -88px 20px 0 0;
}