/****
**
**	PLEASE RENAME THIS FILE TO "style-{client_name}.css"
**	AND CHANGE THE REFERENCE TO THE FILE IN "style.css"
**
**
**/
/*
Fonts
font-family: 'Open Sans', sans-serif;
font-family: 'Catamaran', sans-serif;
*/

/************************************************************************************* HELPER CLASSES ************/
.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat: no-repeat;
} /* for image replacement */

.hidden {
	display:none;
	visibility:hidden;
}  /* Hide for both screenreaders and browsers */

.visuallyhidden {
	position:absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
} /* Hide only visually - available for screenreaders */

.invisible {
	visibility: hidden;
} /* Hide visually and from screenreaders, but maintain layout */

.clear {
	clear: both;
	display: block;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

small {
	font-size:0.6875em;
}

/************************************************************************************* FONTS ************/
html {
	text-align: center;
}

body {
	text-align: left;
	font: 16px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#555;
}

body.dark{
	color: #fff;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Catamaran", Arial, sans-serif;
	font-weight:normal;
}

.rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 {
	text-shadow: 0 1px 0 rgba(255,255,255,0.95)
}

h1, .h1 {
	font-size:32px;
	line-height: 34px;
	margin: 0 0 20px 0;
}

h2, .h2 {
	font-size:28px;
	line-height: 30px;
	margin: 0 0 20px 0;
} 

h3, .h3 {
	font-size:25px;
	line-height: 28px;
	margin: 0 0 15px 0;
}

h4, .h4 {
	font-size:20px;
	line-height: 22px;
	margin: 0 0 15px 0;
} 

h5, .h5 {
	font-size:18px;
	line-height: 20px;
	margin: 0 0 12px 0;
} 

h6, .h6 {
	font-size:16px;
	line-height: 18px;
	margin: 0 0 12px 0;
} 
header h1, header h2, header h3, header h4, header h5, header h6 {
	margin-bottom:3px;
}
article header {
	margin-bottom:15px;
}

/* Main Content */
#main-content blockquote {
	font-style: italic;
	font-family: cambria, georgia, times, serif;
}
.postMeta {
	color:#999;
	font-size:12px;
	/*text-transform:uppercase;*/
	}
/************************************************************************************* LAYOUT ************/
/* Base */
html{
	height: 100%;
	
	/* 
		Use this if the site has width 100% to prevent the background becoming smaller than the main container. 
		Change 980px to the width of your main container 
	
		min-width: 980px; 
	*/ 
}

body{
	/*height:100%;*/
	position: relative;
	padding: 0;
}

#wrap{
	width: 100%;
	margin:0 auto;
}

p, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav, ul, ol {
	margin: 0 0 20px 0;
}


article ul, article ol{
	position:relative;
	/*left:45px;*/
	padding-right: 25px; /*necessary to ensure content fits in page*/
	/*margin-left: 45px; - Doesn't work when an image is floated left of the list */
}

.blog .post{
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #333;
}

.blog .post:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.blog .post h2{
	margin: 0;
}

.blog .post .postMeta{
	margin: 0 0 10px;
}

/* Header */
#header{
	position: relative;
	margin: 0 auto;
}
#headInner{
	position: relative;
	margin: 0 auto;
}

.slogan{
	position: absolute;
	left: 220px;
	display: block;
	width: 350px;
	font-size: 18px;
	line-height: 21px;
}
.slogan.top{
	top: 0;
}

.slogan.bottom{
	bottom: 0;
}

/* Main Content */
#main {
	clear: both;
	margin: 0 auto;
}

#mainInner{
	padding: 20px 20px;
}

#main-content {
	width: 589px;
	padding: 20px;
	margin-bottom: 20px;
}
.leftSidebar #main-content{
	float: right;
}
.rightSidebar #main-content{
	float: left;
}

#main-content.fullWidth{
	float: none;
	width: auto;
}

.dark.showBorders #main-content{
	border: 1px solid #fff;
}
.light.showBorders #main-content{
	border: 1px solid #999;
}

.round #main-content{
	border-radius: 10px;
}

#main-content blockquote {
	margin: 0 2.5em 1.25em 2.5em;
	border: 1px solid #999;
	background: #666;
	padding: 1.19em 1.25em 0;
}

#header .contact {
	position: absolute;
	right: 20px;
	top: 72px;
	font-size: 18px;
	line-height: 20px;
	text-align: right;
}
.dark #header .contact{
	color: #fff;
}

#logo {
	top: 5px;
	font-size:24px;
}
#logo img {
	width:200px;
	height:auto;
}
#logo.logo-left{
	position: absolute;
	left: 20px;
}
#logo.logo-center{
	position: relative;
	margin: 0 auto;
	width: 200px;
}

/* Sidebar */
#sidebar {
	width: 288px;
	padding: 20px;
}

.leftSidebar #sidebar{
	float: left;
	margin-right: 20px;
}
.rightSidebar #sidebar{
	float: right;
	margin-left: 20px;
}

.dark.showBorders #sidebar{
	border: 1px solid #fff;
}
.light.showBorders #sidebar{
	border: 1px solid #999;
}

.round #sidebar{
	border-radius: 10px;
}

#subpages {
	width: 210px;
}

/* Homepage */
.featImg{
	margin: 0 auto 20px;
}

/* Footer */
#footer {
	overflow: hidden;
	zoom: 1;
	clear: both;
	font-size:12px;
	line-height: 12px;
	margin: 0 auto;
}

#footInner{
	padding: 15px 15px;
}

.dark #footer{
	color:#FFF;
	border-top: 1px solid #fff;
}
.copyright{
    top: 13px;
    position: relative;
}
.left{
	float:left;
}
.right{
	float:right;
}

#footer .left{}

#footer .left{}


.codingLogos{
	clear: none;
	text-align: center;
	width: 120px;
	margin: 0 auto;
}

.codingLogos img:first-child{
	margin-right: 20px;
}

/********** IMAGES ************/
.wp-post-image, img.alignright, img.alignleft, img.aligncenter {
	background: #fff;
	border: 1px solid #eee;
	max-width:100%;
	height:auto;
}

.alignleft {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

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

div.wp-caption {
	text-align: center;
	background: #11161a;
	border: 1px solid #1a1f23;
	outline: 4px solid #0d1015;
	padding: 0 !important;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.wp-caption img {
	margin: 0;
	padding: 5px 5px 0;
	outline: 0;
	border: 0;
}

p.wp-caption-text {
	margin: 0 !important;
	padding: 0 3px 3px !important;
	font-weight: bold;
	clear: both;
	font-size: 12px;
	color: #eee;
}

/********** WIDGETS ************/
.widget{
	margin: 0 0 20px 0;
}

.widget:last-child{
	margin-bottom:0;
}

.widget_search {
	overflow: hidden;
	zoom: 1;
}

.widget_search input#s {
	float: left;
	width: 50%;
}

.widget_search #searchsubmit {
	font-size: 0.875em;
	padding: 0 1em;
	border: 0;
	margin: 1px 0 0 0;
	line-height: 2.29em;
}

.widget_search label {
	display: none;
}

.widget_categories ul, .widget_archive ul, .widget_links ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_pages ul, .widget_nav_menu ul, .widget_categories ul {
	padding: 0;
	list-style-type: none;
}

.widget_archive ul li, .widget_links ul li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_meta ul li, .widget_rss ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_categories ul li {
	display: block;
}

.widget_archive ul li a, .widget_links ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_categories ul li a {
	text-decoration: none;
}

.widget_archive ul li a:hover, .widget_archive ul li a:focus, .widget_links ul li a:hover, .widget_links ul li a:focus, .widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus, .widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus, .widget_meta ul li a:hover, .widget_meta ul li a:focus, .widget_rss ul li a:hover, .widget_rss ul li a:focus, .widget_pages ul li a:hover, .widget_pages ul li a:focus, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li a:focus, .widget_categories ul li a:hover, .widget_categories ul li a:focus {
	text-decoration: underline;
}

.widget_tag_cloud div {
	padding: 0;
	overflow: hidden;
}

.widget_tag_cloud a {
	line-height: 1.62em;
}

.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
	text-decoration: underline;
}

.stellar_recent_posts{
	list-style: none;
}

/************************************************************************************* LINKS & BUTTONS **********/
a {
	color: #282fff;
}

a:hover{
	color: #1e73be;
}

/* Stellar Social Icons */
.socialDiv{
	position: absolute;
	top: 11px;
}
.socialDiv.topRight{
	right: 11px;
}
.socialDiv.topLeft{
	left: 11px;
}

.socialList{
	list-style: none;
}

.socialList li{
	display: block;
	margin-right: 5px;
	float: left;
	overflow: hidden;
}

.round .socialList li{
	border-radius: 5px;
}

.socialLink{
	display: block;
	height: 41px;
	width: 41px;
}

.fbLink{
	background: url('images/social.png') no-repeat -154px bottom;
}

.twLink{
	background: url('images/social.png') no-repeat -102px bottom;
}
.liLink{
	background: url('images/social.png') no-repeat -51px bottom;
}
.emLink{
	background: url('images/social.png') no-repeat right bottom;
}

.rsLink{
	background: url('images/social.png') no-repeat left bottom;
}

/* END STELLAR SOCIAL ICONS */

.siteBy ul{
	margin:0;
	padding:0;
	display:table;
	float: right;
}

.siteBy ul li {
	list-style: none;
	height: 30px;
	padding: 6px 3px 0;
	display:table-cell;
	vertical-align:middle;
	float: left;
	margin: 0;
	margin-right:-1px;
	min-width: 35px;
	text-align: center;
}

.siteBy .stellar {
	margin-top: 5px;
	display: inline-block;
}

.siteBy a.stellar:hover {
	text-decoration:none;
}	

#wpstats {
	display:none;
	visibility:hidden;
	}