/*
Theme Name: SimplyZesty
Theme URI: http://simplyzesty.com
Description: Theme for SZ
Version: 2.2
Author: Sean O' Grady
Author URI: http://miralize.com.
*/


/*//////////////////////////////////////////////////////////

CSS by Miralize.com

- Main
- Bits
- Frame
- Header and Menu
- Content and Comments
- Secondary
- Footer

Colours used

- #98ca3c
- #2a2a2a
- #fff
-

//////////////////////////////////////////////////////////*/

/* Main */

@charset "utf-8";
/* CSS Document */ 


html {
	font-size:16px;
}

body {
	background: #fff;
	font-family:"Helvetica Neue", "Myriad Pro", Helvetica, Arial,  sans-serif; 
	font-size:62.5%; 
	line-height:1.5;
}
	
/* End Main */
	
/*//////////////////////////////////////////////////////////*/

/* Bits */

.clear {clear:both; line-height:0.1px;}
a {outline:none; text-decoration:none; color: #7A7A7A;}
a:hover, a:active, a:visited {text-decoration:underline;color:#98CA3C;}

h1 {font-size:2.8em;}
h2 {font-size:2.3em;}
h3 {font-size:1.9em;}
h4 {font-size:1.7em;}
h5 {font-size:1.1em;}
h6 {font-size:0.9em;}
h7 {font-size:0.7em;}

img.alignright {float:right; margin:15px 0 15px 15px}
img.alignleft {float:left; margin:15px 15px 15px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 15px 15px}
a img.alignleft {float:left; margin:0 15px 15px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.imgborder {padding: 3px; background: #7A7A7A;}
.floatleft {float: left; margin: 0 20px 20px 0;}
.floatright {float: right; margin: 0 0 20px 20px;}

.alignleft,div.alignleft {float:left; margin:0 15px 15px 0; display:inline-block;}
.alignright,div.alignright{float:right; margin:0 0 15px 15px; display:inline-block;}
.aligncenter,div.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px;	margin:10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-caption img {margin: 0; padding:0; border:none;}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 15px 5px; margin:0;}

.connectbox a img{margin-left: 10px; margin-top: 10px; display: inline-block}
.postmeta {display:block; text-align:right; font-size: 1em; clear: both;margin:10px 0;}
.postmeta a {font-weight: normal; text-transform: uppercase; color: #3a3a3a; background: #eaeaea; border: 1px solid #d9d9d9; padding: 5px 7px; -moz-border-radius: 5px; margin-left: 5px}
.authorimg {height:50px;width:50px;padding-right:10px;}

#subscribelink {background: url(images/newsletter.png) no-repeat top ; width:270px; margin-top: -12px; padding: 15px; color: #2a2a2a;}
#subscribelink h4 {font-weight: 200; line-height: 1;}
#subscribelink p {font-size: 1.3em;}
#subscribelink input {font-size: 1.3em; margin: 10px 5px 10px 0;padding: 5px; border: 1px solid #d9d9d9; background: #eaeaea; -moz-border-radius: 5px; }

#ytbutton a {background: url(images/yt.png) no-repeat; display: block; width: 180px; padding: 10px 105px 10px 15px; color: #000; font-size: 1.4em; margin: 15px 0; display: inline-block; height: 40px; font-weight: 200; text-decoration: none;}
/* End Bits*/

/*//////////////////////////////////////////////////////////*/

/* Start Frame */

#header {
	
	width:960px; 
	margin:0 auto; 
	overflow:hidden;
}

#content {
	width:960px; 
	margin:0 auto; 
	overflow:hidden;
}
#scontent {
	width:960px; 
	margin:0 auto; 
	overflow:hidden;
}


#fout{ background:url(images/bg.png) repeat-x bottom;}

#fold {width: 960px; margin: 0 auto; overflow: hidden; background: url(images/contbg.png) no-repeat top center;}

#primary {
	width:640px; 
	margin:20px 20px 0 0;
	padding-top:20px;
	float:left;
	
}

#secondary { 
	width:300px; 
	margin-top: 20px;
padding-top:10px;
	float:left; 
	
	
}

#bottombar {background: url(images/foot.png) top no-repeat; width: 960px; margin: 0 auto;}

.box {width: 320px; padding: 15px 0; float: left;}
.box h4 {font-size: 2em; font-weight: bold; color: #7a7a7a; display: block; margin-right: 20px; border-bottom: 1px solid #7a7a7a}

.ebook {width: 300px; float: right;}
.box ul li { }

.box ul li a {color: #7a7a7a; display: block; padding:3px 0 3px 5px; font-size: 1.2em;  border-bottom: 1px solid #7a7a7a; }
.box ul li a:hover {background: #d9d9d9; color: #2a2a2a}
.box ul li:last-child  {border: none;}
.box ul {padding-right: 20px;}
.box p {padding-right: 20px; padding-top: 5px; font-size: 1.3em; }
.ebook h4 { margin: 0; color: #98ca3c; border-bottom-color:#98ca3c; }
.ebook p {}
.topics {margin-right: 20px}
.topics h4 {padding-right: 0; margin-right: 0;}
.topics ul{padding-right: 0;}
#footer { 
	padding:7px  0; 
	border-top: 1px solid #7a7a7a; 
	margin-top: 20px;
margin: 0 auto;
	font-size:1.3em; 
	width:960px; 
	overflow:hidden;
}


/* End Frame*/

/*//////////////////////////////////////////////////////////*/

/* Header and Menu */
#logo {float: left; width: 320px;}

#logo h3 a {
	background: url(images/logo.png) no-repeat; 
	display: block;
	width: 320px; 
	height: 139px;
	text-indent: -9999px;
	overflow: hidden;
}

#head-contact {
padding: 0px; 
display: block;
width: 350px;
font-size:1.5em;
color: #6a6a6a;
}

#head-contact a {
color:#6a6a6a;
}

#head-contact a:hover {
color:#98ca3c;
}
#rss-icon { display:block; float: right; padding: 0px; margin-top: 0px; width:45px; height:45px; }


ul#menu { float:  right; display: block; padding: 0px; margin-top:55px; }

ul#menu li {display: inline;}

ul#menu li a {font-size:1.6em; float: left; font-weight: 200; text-decoration: none; text-transform:lowercase; display: block;  padding:0 0 0 15px; color: #7a7a7a;}

ul#menu li a:hover,ul#menu li.current_page_item a{text-decoration: none; color: #98ca3c;}


#services, #imagegallery{width: 480px; float: left;}
#services h2 {color: #fff; font-size: 2.7em; font-weight: 200;  padding: 25px 0; line-height: 1}
#services p {line-height: 1.5; padding-bottom: 10px ;font-weight: 200; font-size: 1.7em; color: #fff;}
#services ul li {padding-bottom: 10px; font-size: 1.5em; padding-left: 20px;  color: #fff;}
#imagefade {overflow: hidden; width: 480px; height: 260px;  margin:20px 0px 20px 0px; }
#imagefade img {display: block; float: right; margin-left: 20px;}

/* End Header and Menu */

/*//////////////////////////////////////////////////////////*/

/* Content and Comments */

.post {
	padding-bottom:10px;
	margin-bottom: 20px; 
}

.post-content {width: 410px; float: left;}


.post h1, .post h2{
	width:580px;
	display:inline-block;
	line-height:1;
	font-size:2.8em;
	font-weight:bold;
	letter-spacing: -1px;
	color: #3a3a3a;
	margin-bottom: 5px;

	}
	
	.post-content h2{width: 350px;}
	
.post h2 a {color: #3f3f3f}

#tweetmeme_button {float: right; display: inline-block;}
	
	
.post h1 a {color: #7a7a7a;}

	
.post  h2 a:hover { 
		text-decoration:none;
		color: #000;
}

#topbox {float: right; padding: 5px 7px; background: #eaeaea; border: 1px solid #d9d9d9; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}

.meta {
color:#5a5a5a;	
padding: 5px 10px;
background: #efefef;
margin: 0 0 10px 0;
text-align: center;
font-style: italic;
list-style: none;
max-width: 320px;
display: inline-block;
font-size: 1.3em;
}

.fblike {background: #eaf4d8; border: 1px solid #cde99b; padding: 10px; margin-bottom: 10px; -moz-border-radius: 5px;
	-webkit-border-radius:5px;}
.fblike h4 {font-size: 1.6em; font-weight: bold; color: #444;}

.meta a {
color: #2a2a2a; font-weight: bold; text-transform: capitalize; font-style: normal;}

#sharelinks {float: right; display: block; margin: 5px 0 0 10px}
#sharelinks div{margin-bottom: 10px;}

.post p{
	font-size:1.3em;
	line-height: 1.7; 
	padding:0 0 15px 0;
	}


.postimg {width:200px;margin:0 30px 10px 0;float:left; display: inline-block;}


.post blockquote {
background:#e9e9e9;
margin:5px 20px 0 20px;
padding:7px 10px;
}
.post  blockquote p {padding:0; margin:0;}

.post  p cite { margin:5px 0 15px 5px; background:#d9d9d9; padding:3px;} 

.post  ul {
	list-style:outside;
	margin-left:30px;
	padding:0 15px;
	font-size:1.2em;

}
.post h3 {
	display:inline-block;
	line-height:1;
	font-size:2em;
	font-weight:bold;
	color: #99cc00;
	margin-bottom: 5px;}
	
.post p a { color: #7ab61c; border-bottom: 1px dashed #99cc00; }
.post p a:hover {color: #1a1a1a; border-bottom: 1px dotted #1a1a1a; text-decoration: none;}


.post  ol {
		list-style:decimal;
	margin-left:30px;
	padding:0 15px;
	font-size:1.2em;

}
.staticcontact {margin-right: 33px;}
input#subscribe {margin-right: 5px;}

.post input,.post textarea{width: 280px; padding: 10px }

#commentlist li {padding: 19px; border: 1px solid #d9d9d9; background: #f0f0f0; margin-bottom: 20px; font-size: 13px; }
#commentlist li.alt {background: #f9f9f9}
ul.children {margin-top: 20px}

#commentlist li p {line-height: 1.7em; padding-top: 7px;}

.comment-author {position: relative;}
.comment-author img {position: absolute; top:0; right: 0;}
.comment-reply-link {display: block; text-align: right; text-transform: uppercase; font-size: 12px;} 
#commentform p{margin-bottom: 10px; display: block; width: 640px; overflow: hidden;}
#commentform p  label {width: 100px; float:  left; margin-right: 20px; font-size: 1.4em; }
#commentform p input {width: 500px; float: left; padding: 5px;}
#commentform textarea {width: 618px; padding: 10px; font-size: 1.2em; line-height:1.7;}
.comminfo {font-size: 1.3em;}

/* End Content and Comments */

/*//////////////////////////////////////////////////////////*/

/* Secondary */

.widget {
	padding:10px;
	background:#eaeaea;;
	margin-bottom: 10px;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	}



.widget h4 {
	
	font-size:1.4em;
	font-weight: 200;
	color:#3a3a3a;
padding:0 5px 5px 5px;
display: block;
margin: 0 0 5px 0;
border-bottom: 1px solid #d9d9d9;
}

	
.widget h4 a {color: #2a2a2a;}

.widget h5 {font-size: 1.4em;
	color: #7a7a7a;
	padding: 5px 10px;
	text-transform: uppercase;}
	
.widget_search div{padding: 10px;}
.widget ul{
	padding:0 0 0 0;
}


.widget ul li a {color:#3a3a3a; display: block; padding:3px 5px 4px; text-transform: capitalize; font-size: 1.2em; -moz-border-radius: 3px; -webkit-border-radius:3px; d}
.widget ul li a:hover {background: #fff; color: #2a2a2a; text-decoration: none;}

.widget_tag_cloud div {padding:0 10px; }
.widget_tag_cloud div a {color: #4a4a4a;}
.widget_tag_cloud div a:hover {color: #98CA3C;}

#text-407773571 {
background: #eaf4d8; border: 1px solid #cde99b; }
#text-407773571 h4{border-bottom:1px solid #cde99b; }

#text-407773571 .textwidget{width: 278px; overflow: hidden;}

#text-407773571 a {width: 138px; float: left; text-align: center; margin-top: 20px; font-size: 1.2em; color: #4a4a4a; padding: 58px 0 5px 0; }
#text-407773571 a.youtube {background:url(images/youtube.png) no-repeat top center; }
#text-407773571 a.itunes {background:url(images/itunes.png) no-repeat top center; }
.tabs {padding: 10px 0;}
.widget p{padding:10px 5px; font-size: 1.3em; line-height: 1.5em; color:#3a3a3a;}
ul#tabnav {width: 300px; overflow: hidden; border: none; }	
ul#tabnav li{float: left; padding: 0; border: none; background: none; }
ul#tabnav li a{display: block; margin-left: 5px;  color: #1a1a1a; text-transform: uppercase; padding: 5px;   text-decoration: none; -moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;  }
ul#tabnav li a.current {background: #eaeaea;color: #3a3a3a; border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;  }
.screen-reader-text {display: none;}
.innertab {display: none;}
 
ul.tabpanes { background: #eaeaea; border: 1px solid #d9d9d9; margin-top: -1px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
ul.tabpanes li:hover {background: none;}
ul.tabpanes li {font-size: 1.1em; color: #3a3a3a; padding: 3px 5px;  }
ul.tabpanes li a {color: #3a3a3a; font-weight: bold;}
ul.tabpanes li:last-child {border: none;}
ul.tabpanes li.innertab {border: none;}
ul.tabpanes li a:hover {color: #1a1a1a;}



/* End Secondary */

/*//////////////////////////////////////////////////////////*/

/* Footer */

.footerLeft {
float:left;	
}

.footerRight {

float:right;	
}
.footerRight a {color: #555;}


/* End Footer*/

/*//////////////////////////////////////////////////////////*/


.head-container {
margin-bottom:15px;
min-height: 50px;
}

.head-container img {float: left;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(http://ben.dismiz.com/tb/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_hidden {
display:none;
}

/* Clients Page */

.clients-intro {}
.client-hr {}
.client {
	height: 174px;
	margin-bottom:4px;
	}

.client-name {
	clear:both;
	display:block;
	font-size:21px;
	border-bottom: 1px solid #747474;
	margin-bottom: 10px;
	}

.client-name a{}
.client-avatar {
	clear:both;
	display:block;
	float:left;
	margin-right: 10px;
	}

.client-avatar a{}
.client-avatar img{}

.client p{
	font-size:1.3em;
	line-height:1.7;
	padding:0;
	}