/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

body {
	background:#f3f3f3 url(images/bgr-f2.png) repeat-x scroll center top;
}

.fl-r {float: right;}
.fl-l {float: left;}

a {
	/*color: #d00724;*/
	/*color: #ae4553;*/
	color: #459b45;
	border: 0;
}

.post a, #twitter a {
	border: 0;
}
a:hover, #twitter a:hover {
	background: none;
	color: #459b45;

	/*color: #ae4553;*/
	border-bottom: 1px dotted #459b45;
}

.featured-button a:hover {
	opacity: .4;}


.archive-spot .date a:hover {
	color:#459b45;
	border-bottom: 1px dotted #459b45;
}

.archive-spot .date a {
	color:#459b45;
}
	

h1,h2,h3,h4,h5,h6 {
	letter-spacing: .02em;
	line-height: 1.4em;	
	font-weight: normal;
	}
h1 {
	font-size: 35px; }
h1.logo a:hover, a.imglink:hover {
	border-bottom: 0;
}

h2.contactHeader {
	clear: left;
	margin-left: 30px;
	margin-right: 30px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.post h2, .post h3, .post h4, .post h5, .post h6 {
	padding-bottom: 5px;}

.post h1 {
	font-size: 28px;
	line-height: 1em;}
	
.post h1 a {
	color: #000;}
.post h1 a:hover {
	color:#459b45; }
	
.single.post h1 {
	padding: 20px 40px 0 30px; }
	
.single.post .date {
	color: #898989;
	padding: 5px 40px 0 30px;}
	
.post h2 {
	color: #000;
	font-size: 22px;
}
.post h3 {
	color: #000;
	font-size: 16px;

}

span.author a {
 	color: #C0C0C0;
 	font-size: 22px; 
 }
 
span.date {
 	color: #898989;
 	font-size: 22px;
 	}
 
span.nobreak {
	white-space: nowrap;
 	}
 	
 div.sig {
 	border-top: 1px solid #d8d8d8;
 	padding: 3px 108px 0 0;
 	margin-top: -30px; }



/* !archives/categories/main blog page is done as an unordered list - the following styles that list*/

div.post.archive-spot ul li {
	list-style-type: none;
}

div.post.archive-spot ul li ol li {
	list-style-type: decimal; 
}


/* !list styles */	
.post ol li, .post ul li, .post ul li ul li, .post ul li ol li, .post ol li ol li {
	color: #444;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	padding: 2px 0;
	background: none;
	line-height: 24px;	
}

.post ol li {
	margin-left: 20px;
 }

.post ul, .post ol, .post ul li ul, .post ol li ol, .post ul li ol 
	{padding: 5px 0;}
	
/*remove stars from unordered lists*/
.post ul li, 
.post ul li ul li, 
div.post.archive-spot div.arclist.box ul li ul li,
div.post.archive-spot.cat ul li {	
	list-style-type: circle;
	list-style-position: inside;
}
	
.post blockquote {
	background: none;
	border-left: 5px solid #ccc;
	padding: 15px 25px 1px 30px;
	margin:  0 0 15px 20px;}

/* !contact page*/

p.address {
	float: left; 
	clear: left;
	padding: 0px 84px 20px;
}
p.phone {
	float: left;
	padding:0px 0 20px 20px;
 }

/*blog front page*/
.post.archive-spot .arclist.box  {
	padding: 0 15px;
}

/*blog categeory/archives page*/
.post.archive-spot  {
	padding: 0 15px;
}
		
.post .entry {
	padding: 20px 40px 20px 30px;}

p {
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	letter-spacing: .02em;
	color: #444;
	margin-bottom: 10px; }


.featslider {
	background: #f3f3f3;	
}

 .slider-post ul li{ color: #555555; background: url(images/ico-ok-trans.png) no-repeat left top; padding: 0 0 0 25px }




.footer-background, .footer.container_12 {
	background: #e1e1e1;
	
	}
	
/* top menu and  breadcrumb nav */

#breadcrumb {
	text-transform: lowercase;
}
	
#pagenav li {
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    letter-spacing: .02em;
}
	
#top_menu li.active a {
	color: #444;}

#pagenav li ul li{
	background:#f3f3f3; 
 }

#pagenav li a:hover, #pagenav li a:active {
	background: #f3f3f3;
	border-bottom: 0;
	color: #000;
}

#pagenav li a {
	border-right: 1px solid #f3f3f3;
	color: #fff; 
}

	
#pagenav li ul li a, 
#pagenav li ul li ul li, 
#pagenav li ul li ul li ul li,
#pagenav li ul li ul li ul li ul li{
	border:solid #f3f3f3; 
	background: #f3f3f3; 
	border-width:1px 1px 0 1px; 
	color: #444; 
}

/*affects color of background when there are children of a nav item DON'T CHANGE*/
#pagenav li:hover, #pagenav li.sfhover{
	background:#f3f3f3; 
	}
/*affects text color of parent when there are children of a nav item DON'T CHANGE*/	
#pagenav li:hover a, #pagenav li.sfhover a {
	color: #000;
}

/*gives hover color to children in nav DON'T CHANGE */
#pagenav li ul li a:hover{
	text-decoration:none;
	color: #444;
}

/* !Site header styles */

#logo-spot {
	position: relative;
}
	
img#tag {
	position: absolute;
	left: 159px;
	top: 37px;
}
	
#search-spot .search-form input {
	border: 1px solid #999;
	color: #999; }
	
#search-spot .search-form button {
	background-color: #999;}

/* !home page slider */

.slider-post ul li {
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;}
.slider-post ul.red-blts li {
	background:transparent url(images/ico-ok-red-.png) no-repeat scroll left top;
}

.slider-post ul.thumb-blts li {
	background:transparent url(images/ico-ok-thumb.gif) no-repeat scroll left top;

}
	
.slider-post .slider-title {
	display: none;}
	
.featured-button a:hover {border-bottom: 0px;}


/* !sidebar and widgets */
	
.sidebar ul, .sidebar ol {
	background: none;}
	
.sidebar .widget h3  {
	background: url(images/stoplight.gif) no-repeat 0 34px;
	text-indent: 26px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0px;
	}
.sidebar .widget h3 span {
	background: none;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	color: #000;
	font-size: 25px;
}

.sidebar ul, .sidebar ol {
	border: 0;}
		
.widget h3 {
	background: url(images/stoplight.gif) no-repeat 0 16px;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	text-indent: 50px;
	color: #000;}
.widget h4 {
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	color: #000;
	margin-top: 25px;}

#footwidgets-front .widget-spot .widget ul, 
#footwidgets-front .widget-spot .widget ol {
	padding-top: 0px;
	margin-bottom: 0px;}
	
#footwidgets-front .widget-spot .widget ul li, .sidebar .widget ul li {
	background: none;
	padding-left: 9px;}
	
#footwidgets-front .widget-spot .widget ul li {
	border-bottom:1px solid #D6D6D6;}
	
.widget ul li {
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	letter-spacing: .02em;
	color: #000;}
	

#footwidgets-front .widget-spot .widget {
	/*height: 500px;
	min-height: 500px;*/
	border-right: 0px;
	}

#footwidgets-front .widget-spot .widget input {
	color: #444;
	border: 2px solid #d9d9d9;
} 
 	
input.button, #footwidgets-front .widget-spot .widget input.button, input#submit {
	width: auto;
	background: url(images/button.gif) repeat-x 0 -5px;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	letter-spacing: .02em;
	border: 0;
	color: #fff;
}
	
#footwidgets-front .widget-spot .widget .button-link a {
	background: url(images/button.gif) repeat-x 0 -5px;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	letter-spacing: .02em;
	color: #fff;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0;
}	
	


	
input, select, textarea {
	border: 2px solid #d9d9d9;
	padding: 6px 10px 5px;
	}
	
input:focus, select:focus, textarea:focus {	
	background: #eee;
	}
	
input.button {border: 0;}



label {
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
	color: #444;
	text-align: right;
	width: 150px;
	display: inline-block;
	padding-right: 3px;
	vertical-align: top;
}

#contactform div {
	margin-bottom: 10px;
	float: left;}
	
label.check {
	text-align: left;
	width: 188px;}
	
label.checkHeader {
	 text-align:right; 
	 float:left;
}

div.check input {
border: none;
	}

div.col {
	float:left; 
	width:420px;
}
	
.textwidget label {
	text-align: left;}
	
.screenshots {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#eee;
	border:1px solid #e1e1e1;
	display:block;
	
	padding:7px;
		text-align:center;
}

.screenshots.fl-r {
	float:right;
	margin:12px 0px 15px 30px;
	}
.screenshots.fl-l {
	float:left;
	margin:12px 30px 15px 0;}
	
.screenshots img {
	border: 0;
}
.screenshots img.alignright, 
.screenshots img.alignleft {
 	margin: 0;
 	margin-bottom: 10px;
 }
 
 .screenwraps {
 	padding-bottom: 40px;
 	overflow: auto;}

.screenshots span {
	color:#000;
	display:block;
	font-size:13px;
	margin:0;
	padding:14px 0 10px;
	letter-spacing: .02em;
	font-family: "Helvetica Neue",helvetica,arial,sans-serif;
}