/*  
Version: 1.0
Author: Melanie Karlik
*/

/****************************************
 * Colour Scheme
 ****************************************/
/*
Red: #de2316;
Yellow: #ffdd56;
Background-Blue: #a0e1ff;
Link-Blue: #0066cc;
Dark Blue:  #00458A;

*/
/****************************************
 * Text Styles
 ****************************************/

body { color: #333333; background: #dedbd1 url(../images/background.png) 0px 0px  repeat-x; font-family: Arial, Helvetica, sans-serif;
font-size:81%; /*16px * .81 = 12px */ 
line-height: 1.615385em; /*21px*/
}


html>body {	font-size:13px; /*for IE6*/ }

p {	margin-bottom: 1.615385em;  }

/*22px*/
h1 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom:  1.2em;
}

/*18px*/
h2 {
	font-size: 1.384615em;
	line-height: 1.166667em;
	margin-bottom: 1.166667em;
}


/*17px*/
h3 {
	font-size: 1.307692em; 
	line-height: 1.235294em;
}


.testimonial h2 { color: #00458A; }




ul, ol { list-style: none; }
.post-content ul.checks { list-style: none; margin: 0; padding: 0;}
.post-content ul.checks li { background: url(../images/blue-check.gif) 0 4px  no-repeat; list-style:none; padding-left: 30px; }
small {	font-size: 0.916667em;	line-height: 1.818182em; }
code { background: #FFFFC1;}
a { color: #0066cc;	text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }

/* Align (used for images) */

.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
}

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

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




/****************************************
 * Global Styles
 ****************************************/
.container_12 { padding-bottom: 40px; }

.leftAlign { float: left; }
.rightAlign { float: right; }

.container { position: relative;  margin: 0 auto; width: 960px;}
.content-wrapper {margin: 1em 20px 1em 10px;}
.content-wrapper .post-content { margin-left: 10px;margin-right: 80px; }
.breadcrumbs {margin: 0px 20px; text-transform: capitalize; }

#at16pcc {position:absolute; left: 330px !important; top: 0px !important;}
/****************************************
 * Header Styles
 ****************************************/	
#header { position: relative; width: 960px; height: 160px; }

/*top navigation*/
#top-bar { 	font-size: 0.916667em; font-family: Arial, Helvetica, sans-serif;	line-height: 1.818182em;	}
	#top-bar .wrapper { margin: 0 6px; padding-top: 6px; }
	#top-bar a, #top-bar a:visited { color: #ffffff; }
		#top-bar a:hover { background-color: #0066cc; }
		#top-bar ul li { color: #ffffff; display: block; float: left;  }
		#top-bar ul.leftAlign li { margin-right: 12px; }
		#top-bar ul.rightAlign li { margin-left: 12px; }
		#top-bar li.facebook { background: url(../images/facebook.png) 0 1px no-repeat; display: block; padding-left: 22px;  z-index: 20;    }
		#top-bar li.rss { background: url(../images/rss-feed.png) 0 1px no-repeat; display: block; padding-left: 22px;  z-index: 30;    }
		#top-bar li.twitter{ background: url(../images/twitter.png) 0 0px no-repeat; padding-left: 20px;   z-index: 40;  }
		#top-bar li.share{ float: right; background: url( http://static.addtoany.com/buttons/favicon.png) 0 0px no-repeat; padding-left: 20px;  z-index: 50;  }

/*images*/
img#logo { position: absolute; top: 30px; left: 5px;}
img#powered-by { position: absolute; top: 30px; right: 0px; }


/*nagivation*/
#top-navigation { background: #141414; position: absolute; bottom: 0px; left: 0px;  width: 960px; height: 40px;  }
	#top-navigation .wrapper { margin: 0 10px;   }
	#top-navigation ul {  }
	#top-navigation ul li { padding-top: 6px; }
	#top-navigation ul.leftAlign li { float: left; margin-right: 1.2em;  }
	#top-navigation a, #top-navigation a:visited { font-weight: bold; border-right: 1px solid #22222; color: #ffffff; display: block; padding: 4px;}
	#top-navigation a:hover { background-color: #0066cc; }
	#menu { width: 700px; }
	#login { margin-right: 15px; float: right; text-align: right; }
	/*
	#login { margin-left: 6px; width: 300px; float: right; }
	#login a { background: url(../images/login-button.png) right top no-repeat; display: block; padding-left: 20px; width: 278px;}
	#login a:hover { background: url(../images/login-button.png) right bottom no-repeat; }
	*/
	#top-navigation #login ul li { float: right;}
	



/****************************************
 * Content
 ****************************************/	
#main-banner { margin: 0 20px 10px 18px; width: 920px; height: 380px; position: relative; }
#main-banner .video { top: 18px; left: 18px; position: absolute; width: 570px; height: 380px; }
#main-banner .content {  top: 18px; left: 630px;  position: absolute; width: 275px; height: 130px; font-weight: bold; }
#main-banner .content h1 { margin-bottom: .4em;  }
#main-banner .form {  top: 212px; left: 630px; position: absolute; width: 260px; background-color: #fdeca7; border: 1px dashed #0066cc;} 
#main-banner .form a { text-decoration: underline; }
#main-banner .form h1 { font-size: 1.3em; color: #e7f408; }
#main-banner .form p { margin: 0; }
#main-banner .form .address-title { position: absolute; margin-left: 18px; margin-top: 14px; width: 220px; font-weight: bold; font-size: 1.2em; }
#main-banner .form form { padding: 18px 20px 10px 30px;  width: 210px; }
#main-banner .form .privacy { margin-right: 10px; }



.form form input { color: #555555; font-style: italic; }
.privacy{  text-align: right; }
.form input#submitForm { border: none; margin: 0 0 7px 40px; }
label { display: inline; margin-right: 10px; font-weight: bold; color: #333333; }
input { display: inline; margin-bottom: 8px;}
 
 
#content {background-color: #F5F4F0;background-color: #ffffff; padding: 20px 0px 50px 0px; position: relative; width: 960px;  }
#content a:hover { text-decoration: underline; }


/*feature*/
#feature {	margin: 0 5px 0 5px; width: 600px; height: 300px; overflow: hidden; }
	#feature .inner {  }
	#feature img { padding: 0; }
	#feature  p {  margin: 0; padding: 0; }

/*featured posts*/
#feautres {margin: 5px; clear: both;}
#features img { float: left; margin: 5px 10px 10px 0; border: 1px solid #9e9c82; }
#features .post { clear: both;  }
#features .content { float: left; width: 317px;}
#features .meta, #features .meta a { color: #9e9c82; font-size: .9em}

/*latest-newsletter*/
#latest-newsletter { width: 590px; }
#latest-newsletter .inner {  padding: 70px 60px 30px 20px; }
#latest-newsletter a { font-weight: bold; padding-bottom: 2px; border-bottom: 1px dashed #0066cc; }
#latest-newsletter a:hover { text-decoration: none; border-bottom: 1px solid #0066cc; }
#latest-newsletter li { background: url(../images/red-square.gif) 0 6px no-repeat; padding-bottom: 10px; padding-left: 18px; line-height: 21px; }


/*bottom-optin*/
#bottom-optin { width: 590px; height: 227px; position: relative; }
#bottom-optin .content {color: #ffffff; top: 16px; left: 170px;  position: absolute; width: 370px; height: 130px;  }
#bottom-optin a { color: #ffffff; }
#main-banner .content h3 { margin-bottom: 1em;}
#bottom-optin .form {  top: 90px; left: 320px; position: absolute; width: 182px; height: 202px;}
#bottom-optin form { width: 198px; }


#page-optin {width: 560px; height: 530px; position: relative; background-color: #ffdd56; }
#page-optin .content {  color: #00458A; top: 16px; left: 20px;  position: absolute; width: 500px; }
#page-optin .form {  top: 320px; left: 140px; position: absolute; width: 392px; height: 196px; background: #ffdd56 url(../images/envelope.png) 0 0 no-repeat; } 
#page-optin .form a { text-decoration: underline; }
#page-optin .content  { font-weight: bold; }
#page-optin .form .address-title { position: absolute; margin-left: 14px; margin-top: 10px; width: 190px; }
#page-optin   .form form { margin-left: 110px; margin-top: 65px; width: 260px;}

/*resources*/
.letter { color: #de2316; font-weight: bold;}

/*testimonials*/
.testimonial { width: 420px; padding: 20px 20px 15px 20px; margin-bottom: 2em;background-color: #ffeca3; border: 2px solid #ffdd56;  }
.odd { margin-left: 90px; }
.testimonial .quote { border-left: 1px solid #0066cc; margin-left: 12px; padding-left: 10px; padding-right: 10px; }

/*spacer*/
.spacer { margin: 1em 0;}

.hr { background: url(../images/line.png) 50% 0 repeat-x; border: 0; height: 20px; }


.post-content table, tr, td {vertical-align: top; padding: 0; margin: 0;}
/*
.post-content table td {padding-bottom: 20px; }
.post-content table td img { padding: 0; margin: 0; margin-right: 20px; }
.post-content table td p { padding: 0; margin: 0; }
*/



/* Post Content */
.meta-col { float: left; width: 125px;  margin-right: 25px; text-align: right; } 
	.meta-col, .meta-col .meta a { color: #9e9c82; font-size: .9em}
	.meta-col ul { padding-bottom: 1.5em; }
	.meta-col li { border-bottom: 1px solid #cccccc; padding: 0 .5em; }
	.meta-col li.last { border: none; }
	.meta-col .share { padding-top: .5em; }
	.meta-col .tags{ color: #794E0D; text-align: left!important;}
	.meta-col .tags a { color:#5091c5; color: #0B74C6;}
.post-col { float: left; width: 440px; }


.post-content {  display: block; clear: both;  margin-bottom: 2.222222em;  }
.post-content p { margin-bottom: 1em;  }
.post-content a {  }
.post-content a:hover { text-decoration: underline; }
.post-content h2 { margin-bottom: 1em;  }
.post-content ol, .post-content ul { margin-bottom: 1em; }
.post-content ul { padding-left: 30px; }
.post-content ul li { list-style: circle; padding: 3px 0; margin: 0; }
.post-content ol { padding-left: 37px; }
.post-content ol li { list-style: decimal; padding: 3px 0; margin: 0;  }
.post-content blockquote {	border-left:2px solid #777777; 	color:#777777; font-style:italic; margin:5px auto 15px;	padding:0px 10px; width:85%; }
.post-content img { padding: 7px; background: #ffffff; }
.post-content a.read-more { float: right; margin-right: .5em; }
.post-content a.continue { width: 90%; margin-left: 1em; display: block; background-color: #dedbd1; padding: .5em; display: block;}
.post-content a.continue:hover { background-color: #131313; color: #ffffff; text-decoration: none!important; border: none; }
.post-content .spacer { margin-bottom: 2em; }
.stts h3 { margin-bottom: 1em; }

.share {float: right; width: 175px; display: inline; }
.share img { padding: 0; margin: 0; padding-top:4px; }
.post-title h2{float: left; width: 400px; display: inline; margin: 0; padding: 0; }
p.post-meta {margin: 0; padding: 0;}

/*Article*/
.article {margin: 1em 20px 1em 10px;}

/*Read More Links */

/*comments*/
.commentlist { border-top:1px solid #D3C5AF; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
.commentlist li { border:1px solid #D3C5AF; border-top: 0; margin:0; overflow:hidden; padding:10px; }
.cominfo img { margin: 0; border:1px solid #D3C5AF; }
.comauthor { padding: 0; margin: 0; }
.cominfo { float:left; width:200px; }
.comtext { float:right; width:360px; }
.comtext p { margin-top:0; }
.comalt { background:#EDEAE1 none repeat scroll 0 0; }
.commentlist a {}
.commentlist img { padding: 7px; background: #ffffff; float: left; clear: both; display: block;}
.commentlist .edit { float: left; }
#author, #email, #url, #comment { border:1px solid #D3C5AF; }

/*LeftSide*/
.leftSide { margin-right: 14px; }


/*More Info*/
#more-info {margin: 5px 0px;}
	#more-info .inner { padding: 10px; }
	#more-info .col { float: left; padding: 0 4px; width: 280px;  }


/*RSS Feeds*/
#feeds {margin: 5px; clear: both;}
#sidebar #feeds { margin: 5px 0; }
#feeds .inner { display:inline; float:left; margin-bottom: .5em;  }
#feeds .item { padding-bottom: 1em; border-bottom: 1px dashed #cccccc; margin: .5em 0; }


/*STTS Feed*/
#stts {margin: 5px; clear: both;}
#stts .inner { display:inline; float:left; margin-bottom: 1em; }

	
/*Products */
/*feature*/
#products-feature {	margin: 0 5px 0 5px; width: 920px; overflow: hidden; }
	#products-feature img { padding: 0; margin: 0;}
	#products-feature  p {  margin: 0; padding: 0; }
#products {margin: 0 auto 2em auto; clear: both; width: 920px; }
	#products td { position: relative; background: #ffffff;  float: left; margin: 2em 0; width: 440px; padding: 2em 0; }
	#products td.left { margin-right: 40px; }
	#products h2 {	font-size: 1.5em; line-height: 1.111111em; margin-bottom: 1em;}
	#products img { background: #dedbd1; margin: 0 auto; padding: 6px; }
	#products p {margin: 1em 0; text-align: justify;}
	#products a.read-more { display: block; background: #dedbd1 url(../images/arrow.png) top right no-repeat; height: 22px; float: none; margin-top: 2em; padding: 4px 40px 6px 8px; position: absolute; bottom: 10; width: 210px; }
	#products a.read-more:hover {  background: #dedbd1 url(../images/arrow.png) bottom right no-repeat;   text-decoration: none; }
	
/****************************************
 * Content
 ****************************************/	
#blog-cat { margin-top: 1em; }
/*#categories ul { background-color: #dedbd1; padding: .5em; }
#categories ul li { background-color: #f5f4f0; margin-bottom: .5em;}*/
#blog-cat h2 { padding-left: .5em; }
#blog-cat ul {margin:0;padding:0;list-style:none;overflow:hidden; }
#blog-cat ul li{width:295px;	float:left;	margin:0;	padding:0;	border-bottom:1px solid #dedbd1; }
#blog-cat ul a{padding: .5em; display: block;		text-decoration:none;	color:#444;	background-color:#FFF; text-transform: capitalize;}
#blog-cat ul a:visited{background-color:#FFF;text-decoration:none;}
#blog-cat ul a:hover{background-color:#dedbd1;	text-decoration:underline;}
#blog-cat ul li:hover a:visited{text-decoration:underline;}
#blog-cat ul a:active{background-color:#F5F5F5;	outline:none;}
#blog-cat ul a:focus{outline:none;}


/*search*/
input#search { border: 1px solid #cccccc; width: 160px; background: url(../images/search_glass.gif) 2px 0 no-repeat; color: #9e9c82; font-style: italic; padding-left: 20px; }
input#searchsubmit { color: #ffffff; background-color: #9e9c82; border: 1px solid #9e9c82; text-transform: uppercase; font-weight: bold;}
input#searchsubmit:hover { background-color: #131313; }

	
	
/* Tabber */

.sidebar #tabber {
	margin: 0 0 10px;
	padding: 7px 0 0;
	background: #dedbd1;
	}
.sidebar #tabber li {
	margin: 0;
	padding: 5px 10px 10px;
	background: #fff;
	position: relative;
	border: none;
	}
.sidebar #tabber li li {
	margin: 0;
	padding: 3px 5px;
	background: none;
	border-bottom: 1px dashed #e5e5e5;
	}
.sidebar #tabber ul {
	margin: 7px 0 0;
	background: none;
	border: none;
	}
.sidebar #tabber .tablist {
	color: #999;
	font-style: italic;
	position: relative;
	display: block;
	}
* html .sidebar #tabber .tablist {
	display: inline-block;
	}
*:first-child+html .sidebar #tabber .tablist {
	display: inline-block;
	}
.sidebar #tabber .tablist a {
	color: #333;
	font-style: normal;
	}
.sidebar #tabber .tablist a:hover {
	color: #0B74C6;
	}
.sidebar #tabber .tabber-title {
	margin: 0 0 0 5px;
	padding: 4px 10px;
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background: #F5F4F0;
	border: none;
	}
.sidebar #tabber .active,
.sidebar #tabber .tabber-title:hover {
	background: #fff;
	}
	
	
	
	/*twitter*/
	#twitter img{ padding: 0; margin: 0; }
	#twitter .inner { padding: 0 15px 0 5px; }
	.aktt_tweets ul {padding: 5px 10px 3px 5px; }
	.aktt_tweets ul li { margin-bottom: 5px; }
	.aktt_tweets ul li.aktt_more_updates { background: #ffffff; padding: 7px; }

/****************************************
 * Footer 
 ****************************************/	
#footer { font-size: 0.833333em; line-height: 2.1em; margin-top: 10px; margin-bottom: 40px;  text-align: center;}
	#footer .wrapper { margin: 0 20px; padding: 1.666667em 0; vertical-align: middle;  }
	#footer ul li { float: left; margin-right: 1.2em;}
