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

Theme Name: zeeSynergie

Theme URI: http://themezee.com/zeesynergie

Description: zeeSynergie is a two column wordpress theme in an elegant and sleek design that fits perfectly for a blog or small business website. It is featured with a nice theme option panel where you can upload your logo, pick one of nine color schemes or choose your own one via colorpicker. The theme comes also with a beautiful featured post slider (3 options - fade, dropdown, horizontal), a banner ads widgets, integrated social media buttons, custom footer and a dropdown navigation.

Version: 1.0.2

Author: ThemeZee

Author URI: http://themezee.com

Tags: custom-background, custom-colors, custom-header, custom-menu, theme-options, threaded-comments, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, editor-style, full-width-template, translation-ready, sticky-post, fixed-width, two-columns, one-column, right-sidebar

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

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



/*============================ RESET ============================*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/*============================ SETUP ============================*/

html {

	font-size: 100.01%;

}

body {

	font-family: verdana, arial;

	font-size: 0.8em;

	border: 0;

	color: #111;

	background: url(images/background.png) repeat-x #eee;

}

ul, ol {

	list-style: none;

}

img {

	border: none;

}

.clear {

	clear: both;

}

a, a:link, a:visited{

	color: #333;

	text-decoration: underline;

}

a:hover, a:active {

	color: #777;

	text-decoration: none;

}

input, textarea {

	background-color: #f5f5f5; 

	margin: 5px;

	border-top: 1px solid #eee;

	border-left: 1px solid #eee;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	color: #333;

}

/*============================ WRAPPER ============================*/

#wrapper {

	width: 100%;

}

#header {

	padding: 0;

	background: url(images/head.png) repeat-x #333;

}

#custom_header {

	margin: 0 auto;

	width: 950px;

	padding: 15px;

	background: #fff;

}

/*============================ STRUCTURE ============================*/

#container{

	width: 980px;

	margin: 0 auto;

}

#wrap {

	float: left;

	width: 950px;

	padding: 15px;

	background: #fff;

}

#content {

	float: left;

	width: 630px;

	margin: 5px 0;

}

.fullwidth {

	width: 960px !important;

}



/*============================ SIDEBAR ============================*/

#sidebar {

	padding-top: 5px;

	margin-left: 650px;

	width: 290px;

}

#sidebar ul li h2 {

	color: #fff;

	font-size: 1.2em;

	font-weight: bold;

	margin: 0 0 10px 0;

	padding: 5px 10px;

	background: #333;

}

#sidebar ul li {

	margin-bottom: 10px;

	padding: 3px;

	border: 1px solid #ddd;

}

#sidebar ul li ul, #sidebar ul li div{

	margin-bottom: 5px;

	padding: 0 10px;

	color: #333;

}

#sidebar ul li div {

	margin-top: 5px;

}

#sidebar ul li ul {

	list-style: url(images/sidebar_arrow.png) inside;

}

#sidebar a, #sidebar ul {

	font-size: 1.0em;

	text-decoration: none;

}

#sidebar a:link, #sidebar a:visited  {

	color: #333;

}

#sidebar a:hover, #sidebar a:active {

	text-decoration: underline;

}

#sidebar ul ul li {

	margin: 0;

	padding: 5px 0;

	border: 0;

}

#sidebar .children {

	margin-top: 5px;

	margin-left: 10px;

	background: none;

}

/* Theme SocialMedia Widget */

#socialmedia_buttons img{

	margin: 3px;

}



/* Theme Ads Widget */

#ads img{

	margin: 1px;

}



/* Theme Search Widget */

#searchform div {

	padding: 0 !important;

}

.screen-reader-text {

	display: none;

}

#s {

	background: #eee;

	border: 1px solid #ccc;

	padding: 6px 5px;

	font-size: 1.0em;

	font-weight: bold;

	color: #333;

	width: 165px;

}

#searchsubmit {

	margin-left: 5px;

	border: none;

	padding: 5px 10px;

	color: #333;

	font-size: 1.0em;

	font-weight: bold;

	cursor: pointer;

	border: 1px solid #ccc;

	background: #eee;

}

#searchsubmit:hover {

	background: #ddd;

}

/*============================ HEADER ============================*/

#head {

	width: 980px;

	margin: 0 auto;

}

#logo {

	float: left;

	margin: 30px 5px 15px 15px;

}

#logo img {

	border: 0;

	padding: 5px 0;

}

#logo h1 {

	margin: 5px;

	font-size: 2.5em;

	color: #fff;

	font-family: 'Paytone One', Verdana, Arial;

}

#socialmedia_icons {

	float: right;

	margin: 45px 30px 25px 0;

}

#socialmedia_icons img {

	float: left;

	margin-right: 8px;

	width: 32px;

	height: 32px;

}

/*============================ NAVIGATION ============================*/

#navi_container {

	clear: both;

	margin: 0 auto;

	width: 980px;

}

#navi{

	float: left;

	width: 980px;

	margin: 0;

	padding: 0;

	background: url(images/navi.png) repeat;

	list-style-type: none;

}

#navi ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

}

/*Top level list items*/

#navi ul li{

	position: relative;

	display: inline;

	float: left;

	cursor: pointer;

	margin: 0; 

}

/*Top level menu link items style*/

#navi ul li a{

	display: block;

	font-family: verdana;

	font-size: 1.1em;

	font-weight: bold;

	cursor: pointer;

	padding: 15px 20px;

}

#navi ul li a:link, #navi ul li a:visited{

	color: #fff;

	text-decoration: none;

}

#navi ul li a:hover, #navi ul li a:active {

	text-decoration: underline;

}



/*1st sub level menu*/

#navi ul li ul{

	position: absolute;

	display: block;

	visibility: hidden;

	z-index: 10;

	border-left: 1px solid #bbb;

}

/*Sub level menu list items (undo style from Top level List Items)*/

#navi ul li ul li{

	display: list-item;

	float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

#navi ul li ul li ul{

	margin: -1px 0 0 0;

	padding: 0;

	background: #fff;

	border-top: 1px solid #bbb;

	border-left: 1px solid #bbb;

}

/* Sub level menu links style */

#navi ul li ul li a {

	width: 160px; /*width of sub menus*/

	padding: 10px 15px;

	margin: 0;

	font-size: 1.0em;

	color: #333 !important;

	border-bottom: 1px solid #bbb;

	background: #fff;

}

#navi ul li ul li a:hover, #navi ul li ul li a:active  {

	background: #eee !important;

	color: #222 !important;

	text-decoration: none;

}

#navi ul li.current_page_item a, #navi ul li.current-cat a, #navi ul li.current-menu-item a{

	color: #333;

	background: #fff;

}

#navi ul li ul li.current_page_item a, #navi ul li ul li.current_cat a, #navi ul li ul li.current-menu-item a {

	text-decoration: underline;

}

/*============================ More_Posts, Calendar ============================*/

#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	color: #555;

	font-size: 0.9em;

	font-weight: bold;

	margin: 0 0 5px 5px;

	text-align: left;

}

#wp-calendar th{

	color: #333;

	font-size: 0.9em;

	font-weight: bold;

}

#wp-calendar td{

	text-align: center;

}

/*============================ POST ============================*/

.post, .type-page{

	padding: 3px;

	margin-bottom: 30px;

}

.post {

	border: 1px solid #ddd;

}

.sticky {

	border: 1px dotted #888;

}

.post h2, .type-page h2 {

	margin: 0 0 5px 10px;

	font-size: 2.5em;

	font-weight: normal;

	font-family: 'Paytone One', Verdana, Arial;

}

.post h2 a:link, .post h2 a:visited {

	color: #333;

	text-decoration: none;

}

.post h2 a:hover, .post h2 a:active {

	color: #000 !important;

}

.entry {

	line-height: 1.5em;

	margin: 25px 10px;

}

.entry h1, .comment h1  {

	font-size: 1.8em;

	margin: 10px 0;

}

.entry h2, .comment h2 {

	font-size: 1.6em;

	margin: 10px 0;

	border: none !important;

	background: none;

	padding: 0;

}

.entry h3, .comment h3  {

	font-size: 1.4em;

	margin: 10px 0;

}

.entry h4, .comment h4  {

	font-size: 1.3em;

	margin: 15px 0 0 0;

}

.entry h5, .comment h5  {

	font-size: 1.2em;

	margin: 10px 0 0 0;

	font-weight: bold;

}

.entry h6, .comment h6 {

	font-size: 1.0em;

	margin: 5px 0 0 0;

	font-weight: bold;

}

.entry p {

	margin: 5px 0 15px 0;

}

.arh {

	color: #222;

	margin: 0 0 20px 0;

	font-size: 1.4em;

	padding: 10px;

	border: 1px solid #ccc;

	background: #efefef;

}

.postmeta {

	color: #333;

	margin-bottom: 10px;

}

.postmeta_links{

	float: left;

	padding: 5px 10px;

	background: #eee;

}

.postmeta a:link, .postmeta a:visited {

	color: #333;

	text-decoration: underline;

}

.postmeta a:hover, .postmeta a:active {

	color:#444;

	text-decoration: none;

}

.postcomments {

	float: right;

	background: #333;

	color: #fff;

	padding: 5px 10px;

	font-weight: bold;

}

.postcomments a:link, .postcomments a:visited {

	color: #fff;

	text-decoration: none;

}

.postcomments a:hover, .postcomments a:active {

	color: #eee;

	text-decoration: underline;

}

.postinfo {

	padding: 5px 8px;

	color: #333;

	

	background: url(images/postmeta_bg.png) repeat-x #fff;

	border-top: 1px solid #ccc;

}

.postinfo a:link, .postinfo a:visited {

	color: #333;

	text-decoration: underline;

}

.postinfo a:hover, .postinfo a:active {

	color:#444;

	text-decoration: none;

}

/*============================ Text Elements ============================*/

.entry ul, .comment ul{

	list-style: square inside;

	margin: 0 0 20px 1.5em;

}

.entry ol, .comment ol{

	list-style: decimal inside;

	margin: 0 0 20px 1.5em;

}

.entry ol ol, .comment ol ol{

	list-style: upper-alpha inside;

}

.entry ol ol ol, .comment ol ol ol{

	list-style: lower-roman inside;

}

.entry ol ol ol ol, .comment ol ol ol ol{

	list-style: lower-alpha inside;

}

.entry ul ul, .comment ul ul,

.entry ol ol, .comment ol ol,

.entry ul ol, .comment ul ol

.entry ol ul, .comment ol ul {

	margin-bottom: 5px;

}

dl {

	margin: 10px 0 20px 0;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 20px;

}

strong {

	font-weight: bold;

}

cite,

em,

i {

	font-style: italic;

}

big {

	font-size: 1.3em;

}

ins {

	padding: 1px 2px;

	background: #ffa;

	text-decoration: none;

}

code, pre {

	padding: 3px 8px;

	margin: 0 1px;

	background: #eeeeee;

	color: #222 !important;

	font-size: 0.9em;

	font-family: Monospace, "Courier New", Courier;

	overflow: auto;

}

del, strike, s{

	text-decoration: line-through;

}

pre {

	font-family: "Courier 10 Pitch", Courier, monospace;

}

small {

	font-size: 0.7em;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

sup,

sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

	font-size: 0.8em;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

.entry var, .entry kbd, .entry tt {

	font-size: 1.1em;

	font-family: "Courier 10 Pitch", Courier, monospace;

}

blockquote {

	margin-left: 30px;

	padding: 15px;

	font-size: 16px;

	font-weight: normal;

	font-style: italic;

	text-align: justify;

	color: #666;

}

blockquote:before { 

	content:open-quote;

	color: #777;

	font-size: 60px;

	line-height: 15px;

	float: left;

	margin-left: -40px;

	font-family: "Times New Roman";

}

blockquote:after{ 

	content:close-quote;

	color: #777;

	font-size: 60px;

	line-height: 15px;

	float: right;

	margin-top: -10px;

	font-family: "Times New Roman";

}

.entry table {

	border-collapse: collapse;

	border-spacing: 0;

	border: 1px solid #ddd;

	margin: 20px 0;

	text-align: left;

	width: 100%;

}

.entry tr th,

.entry thead th {

	color: #555;

	font-size: 1.0em;

	font-weight: bold;

	line-height: 1.0em;

	padding: 5px 15px;

}

.entry tr td {

	border-top: 1px solid #ddd;

	padding: 5px 15px;

}

.entry tr.odd td {

	background: #eee;

}

/*============================ POST Images ============================*/

.entry img {

	max-width: 100%;

	height: auto;

}

.wp-caption  {

	margin: 5px;

	max-width: 100%;

	padding: 6px 3px;

	border: 1px solid #ddd;

	text-align: center;

}

.wp-caption-text {

	margin: 0 !important;

	padding: 0;

	font-size: 0.8em;

	text-align: center;

}

.alignleft { 

	float: left; 

	display: inline; 

	margin: 10px 15px 10px 5px;

}

.alignright	{

	float: right; 

	display: inline; 

	margin: 10px 5px 10px 15px;

}

.aligncenter {

	margin: 10px auto; 

	display: block;

}

.wp-post-image {

	padding: 5px;

	border: 1px solid #ddd;

}

.gallery {

     margin: 10px auto;

}

.gallery-item {

    float: left;

    margin-top: 10px;

    text-align: center;

    width: 33%;

}

.gallery-caption {

	padding: 0 5px;

}

/*============================ Featured Posts Slider ============================*/

#slider {

	border: 1px solid #ddd;

	padding: 3px;

	margin: 0 0 30px 0;

}

#content-slider {

	padding: 10px;

	background: #eee;

}

#slideshow {  

    width: 595px;

    padding: 0;  

    margin:  0;

}

#slideshow .post {

	margin: 0;

	padding: 3px;

	width: 595px;

	background: #fff;

}

#slide_panel {

	float: left;

	width: 601px;

	padding: 10px;

	background: #333;

}

#slide_head {

	float: left;

	font-size: 1.4em;

	color: #fff;

}

#slide_keys {

	float: right;

	margin-top: 5px;

}

#slide_keys a:link, #slide_keys a:visited {

	font-size: 1.2em;

	font-family: arial, verdana;

	cursor: pointer;

	margin-right: 5px;

	padding: 5px;

	font-weight: bold !important;

	text-decoration: none;

	color: #fff;

}

#slide_keys a:hover {

	text-decoration: underline;

}

/*============================ Comments ============================*/

#comments, #respond {

	padding: 5px;

	background-color: #fff;

}

#comments h3, #respond h3 {

	font-size: 1.4em;

	color: #333;

	padding: 10px 15px;

	margin: 10px 0 20px 0;

	border: 1px solid #ccc;

	background: #efefef;

}

/* Reset #comments h3 */ 

.comment h3 {

	margin: 10px 0 !important;

	padding: 0 !important;

	border: none !important;

	background: none !important;

}

#comments a:link, #comments a:visited, #respond a:link, #respond a:visited {

	color:#444;

	text-decoration: none;

}

#comments a:hover, #comments a:active, #respond a:hover, #respond a:active{

	color:#555;

	text-decoration: underline;

}

.comment-meta a, .comment-meta a:link, .comment-meta a:visited{

	color: #222 !important;

	text-decoration: none !important;

}

.comment_navi {

	margin: 10px;

	font-size: 0.9em;

	font-weight: bold;

}

.comment_navi .alignright {

	float: right;

}

.commentlist {

	text-align: left;

}

.commentlist .comment {

	margin: 15px 0 10px;

	padding: 15px;

	list-style: none;

	border: 1px solid #ddd;

}

.comment-author img {

	float: left;

	margin: 5px 10px 15px 0;

}

.comment-author .says {

	display: none;

}

.comment-author .fn {

	line-height: 30px;

	color: #333;

	font-weight: bold;

	font-size: 1.3em;

	font-style: normal;

}

#comments .children {

	margin-top: 10px;

	margin-left: 25px;

}

#comments .children .comment {

	background: #f5f5f5;

}

#comments .children .comment ul .comment {

	background: #eee;

}

.commentlist p {

	clear: left;

	margin: 10px 5px 10px 0;

}

.comment-reply-link {

	text-decoration: underline !important;

}

.bypostauthor .fn{

	background: #333;

	padding: 2px 10px;

	color: #fff !important;

}

.bypostauthor .comment .fn {

	color: #333 !important;

	background: none !important;

}

#commentform {

	margin: 5px 10px 0 0;

}

#commentform p {

	margin: 5px 0 15px 10px;

}

#commentform input {

	display: block;

	width: 250px;

	border: 1px solid #ccc;

	padding: 5px;

	margin: 0 0 15px 0;

}

.comment-form-comment {

	padding-right: 10px;

}

#commentform textarea {

	display:block;

	width: 100%;

	border: 1px solid #ccc;

	padding: 5px;

	margin: 0 10px 20px 0;

}

#commentform #submit {

	font-weight: bold;

	cursor: pointer;

	border: 1px solid #ccc;

	background: #eee;

}

#commentform #submit:hover {

	background: #ddd;

}

#commentform label {

	font-size: 1.0em;

	font-weight: bold;

}

.nocomments {

	margin: 10px;

	padding: 0;

	color: #fff;

}

/*============================ WP-Pagenavi ============================*/

.wp-pagenavi {

	margin: 10px 5px 5px 5px;

}

.wp-pagenavi .pages {

    float: right;

	margin-right: 10px;

	color: #333;

}

.wp-pagenavi a {

    margin: 0 5px 0 0;

    padding: 4px 5px;

    color: #777 !important;

    text-align: center;

	font-size: 1.2em;

	font-weight: bold;

	text-decoration: none;

}

.wp-pagenavi a:hover {

	text-decoration: underline;

}

.wp-pagenavi .current {

    margin: 0 5px 0 0;

    padding: 4px 8px;

    color: #333;

	text-decoration: underline;

	font-size: 1.2em;

	font-weight: bold;

    text-align: center;

}

/*============================ FOOT ============================*/

#footer {

	clear: both;

	background: url(images/foot.png) repeat #333;

	padding-bottom: 80px;

}

#foot {

	margin: 0 auto;

	width: 960px;

	background: url(images/navi.png) repeat;

	color: #fff;

	padding: 15px 10px;

}

#foot a {

	color: #ddd;

}

#foot a:hover {

	color: #eee;

	text-decoration: none;

}

.credit_link {

	float: right;

	font-size: 0.8em;

}

.credit_link a {

	text-decoration: none;

}
.wpcf7 span.wpcf7-not-valid-tip{
	margin-left: 5px;
}
body .wpcf7-validation-errors {
    background: #ff0000;
    color: #fff;
    border: 1px dashed #fff;
    text-align: center;
    padding: 12px;
    margin: 10px 0 0;
}
body .wpcf7-mail-sent-ok {
    border: 1px dotted #fff;
    background: #398f14;
    color: #fff;
    padding: 12px;
    text-align: center;
    margin: 10px 0 0;
}