/*-------------------------------------------------------------------------------

Theme Name: HapHappy

Theme URI: http://cuteandcuterenterprises.com/haphappy

Author: cuteandcuterenterprises

Author URI: http://cuteandcuterenterprises.com/

Description: The 2013 theme for HapHappy

Version: 1.1


-----------------------------------------------------------------------------------



	0.	CSS Reset & Clearfix

	1.	Basic Structure and Setup (body, common classes, vertical rhythm)

	2.	Header Styles

	3.	Navigation & Menus

	4.	Main Content Styles

	5.	Post Content Styles

	6.	Comments

	7.	Pagination

	8.	Footer Styles

	9.	Page Templates

	10.	Widgets

	11.	960 grid Styles

'Droid Sans', sans-serif;

------------------------------------------------------------------------------------*/

/* 0. CSS Reset & Clearfix

------------------------------------------------------------------------------------*/



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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }



/*-----------------------------------------------------------------------------------*/

/*	1.	Basic Structure and Setup (body, common classes, vertical rhythm)

/*-----------------------------------------------------------------------------------*/



html{ background:url(images/bg-body.jpg) #ff4600 repeat }



body{ background:url(images/bg-content.jpg) no-repeat center top}



body,

input,

textarea {

	font: 12px/20px Arial, Helvetica, sans-serif;

	color: #333;

}





.hidden { display: none; }



.alignleft { float: left; }



.alignright { float: right; }



.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

}



a {  color:#0F004E; text-decoration: none }



a:hover {  text-decoration: none; color:#2475AA }



a img { border: none }



p,

pre,

ul,

ol,

dl,

dd,

blockquote,

address,

table,

fieldset,

form,

.gallery-row,

.post-thumb,

.author-bio{ margin-bottom: 20px; }



.hentry,

.navigation-links,

.hfeed,

.pinglist { margin-bottom: 20px; }



.widget

.children,

.entry-content ol ol,

.entry-content ol ul,

.entry-content ul ul,

.comment-body ol ol,

.comment-body ol ul,

.comment-body ul ul,

.widget ul ul { margin-bottom: 0; }



.comment-body a,

.entry-content a { border-bottom: 1px dotted #bfbfbf }



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

	padding: 0;

}



h1 {

	font-size: 24px;

	line-height: 28px;

}



h2 {

	font-size: 20px;

	line-height: 22px;

	margin: 0 0 20px 0;

}



h3 {

	font-size: 16px;

	line-height: 20px;

}



h4 {

	font-size: 14px;

	line-height: 18px;

}



h5 {

	font-size: 12px;

	line-height: 18px;

}



h6 {

	font-size: 10px;

	line-height: 16px;

}



.page-title {

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

	font-size:14px;

	border-bottom:2px dotted #ccc;



	color:#000;

	font-weight:bold;

	font-size:30px;

	padding:0 0 3px;

	margin:0 0 10px;

}





.entry-title,
.entry-title a {
	line-height:28px;
}



#content-bg { }



.ie7 #container { overflow: hidden; }

	

#primary {

	display:inline;

	float:left;

	position: relative;

	z-index: 20;

}



#content { position: relative }



.ie7 #content { padding: 0; }



#blog-bg {

	background: url(images/blog_bg.gif) repeat-y;

	margin: -25px 0 0 0;

	padding: 25px 0 0 0;

}



#sidebar {

	float: right;

	position: relative;

	z-index: 30;

}





/*-----------------------------------------------------------------------------------*/

/*	3.	Header Styles

/*-----------------------------------------------------------------------------------*/



#header {

	position: relative;

	padding:0;

	z-index: 1000;

}





#logo { 

}



#logo,

#logo a {

	font-size: 28px;

	line-height: 0px;

	color: #000;

	font-weight: bold;

}



#logo a:hover { text-decoration: none; }





/*-----------------------------------------------------------------------------------*/

/*	4.	Navigation & Menus

/*-----------------------------------------------------------------------------------*/



#main-menu { 

	height:30px; 

	z-index:20; 

	width:100%;

	line-height:15px;

    padding:15px 0 0;



	background: -moz-linear-gradient(top,  rgba(62,62,62,1) 0%, rgba(33,33,33,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,1)), color-stop(100%,rgba(33,33,33,1)));

	background: -webkit-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);

	background: -o-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);

	background: -ms-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);

	background: linear-gradient(to bottom,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#212121',GradientType=0 );

	-webkit-font-smoothing: subpixel-antialiased !important;

}

#main-menu .menu-main-menu-container{ width:960px; margin:0 auto}

#main-menu select{ display:none }


#main-menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#main-menu ul a {

	display: block;

	position: relative;

	text-transform: none;

	padding:0 10px;

}



#main-menu ul li {

	float: left;

	position: relative;

	z-index: 40;

	margin:0;

	padding:0;

}



#main-menu ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }



#main-menu ul ul {

	position: absolute;

	top: -9999em;

	width: 180px; /* left offset of submenus need to match (see below) */

}



#main-menu ul ul li { width: 100%; }



/*  Make sub menus appear */

#main-menu ul li:hover ul,

#main-menu ul li.sfHover ul {

	left: -1px;

	top: 20px; /* match top ul list item height */

	z-index: 99999;

}



#main-men .sf-js-enabled{ z-index:99999}



/* Hide all subs subs (4 levels deep) */

#main-menu ul li:hover li ul,

#main-menu ul li.sfHover li ul,

#main-menu ul li li:hover li ul,

#main-menu ul li li.sfHover li ul,

#main-menu ul li li li:hover li ul,

#main-menu ul li li li.sfHover li ul { top: -9999em; }



/* Displays all subs subs (4 levels deep) */

#main-menu ul li li:hover ul,

#main-menu ul li li.sfHover ul,

#main-menu ul li li li:hover ul,

#main-menu ul li li li.sfHover ul,

#main-menu ul li li li li:hover ul,

#main-menu ul li li li li.sfHover ul {

	left: 180px; /* match .nav ul width */

	top: -1px;

}

	

/* top level skin */

#main-menu ul a {

	color: #fff;

	font-weight: bold;

	font-size:12px

}



#main-menu ul li{ border-left:1px solid #fff }



#main-menu ul li:first-child{ border:none}



#main-menu ul a:hover,

#main-menu ul li.sfHover a,

#main-menu ul li.current-cat a,

#main-menu ul li.current_page_item a,

#main-menu ul li.current-menu-item a {

	text-decoration: none;

	background:url(images/bg-nav.jpg) repeat;

}



/* 2nd level skin */

#main-menu ul ul { width:180px; background: #fff }



#main-menu ul ul,

.ie #main-menu ul ul { border: 1px solid #fff; }





#main-menu ul ul li {

	float: none;

	background: none;

	padding: 0;

	margin: 0;

	border-bottom: 1px solid #fff;

}



#main-menu ul ul li:last-child {

	border: none;

}



#main-menu ul ul li a {

	font-size: 12px;

	padding:3px 10px;

	font-weight: normal;

	color: #001B49;

	text-transform: none;

}



#main-menu ul li.sfHover ul li.current-menu-item a,

#main-menu ul li.sfHover ul li:hover a { color:#fff; background:#001B49 !important   }



#main-menu ul li.sfHover ul a:hover { color: #fff; }





/*-----------------------------------------------------------------------------------*/

/*	5.	Main Content Styles

/*-----------------------------------------------------------------------------------*/



address { font-style: italic; }



abbr[title],

acronym[title],

dfn[title] {

	cursor: help;

	border-bottom: 1px dotted #666;

}



blockquote {

	font-family: 'PT Serif', serif;

	font-size: 13px;

	color: #8e8c84;

	font-style: italic;

	border-left: 2px solid #8e8c84;

	margin: 0 50px;

	padding-left: 15px;

}



strong { font-weight: bold; }



em,

dfn,

cite { font-style: italic; }



dfn { font-weight: bold; }



sup {

	font-size: 11px;

	vertical-align: top;

}



sub {

	font-size: 11px;

	vertical-align: bottom;

}



small { font-size: 11px; }



del { text-decoration: line-through; }



ins { text-decoration: underline; }



code,

pre { line-height: 18px; }



var,

kbd,

samp,

code,

pre {

	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;

	background: #fcfbf9;

}



kbd { font-weight: bold; }



samp,

var { font-style: italic; }



pre {

	white-space: pre;

	overflow: auto;

	padding: 10px;

	clear: both;

}



code { padding: 3px; }



ul,

ol,

dl { margin-left: 30px; }



table {

	border: 1px solid #ccc;

	border-width: 1px;

	line-height: 18px;

	margin: 0 0 22px 0;

	text-align: left;

	padding: 0 5px;

}



table .even { background: #ddd; }



caption { text-align: left; }



tr { border-bottom: 1px solid #ccc; }



th,

td {



	padding: 5px;

	vertical-align: middle;

	text-align: center;

}



.entry-content img { max-width: 940px; }



img.alignleft {

	float: left;

	margin: 10px 25px 20px 0;

}



img.alignright {

	display: block;

	margin: 10px 0 25px 20px;

}



img.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

	margin-top: 5px;

}



.wp-caption {

	text-align: center;

	margin: 10px 20px 20px 20px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic;

}



.wp-caption img,

.wp-caption img a {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption

.wp-caption-text {

	margin: 0;

	padding: 5px;

}



.wp-smiley {

	max-height: 13px;

	margin: 0 !important;

}



.gallery { margin: auto; }



.gallery-image {

	border: 2px solid #efefef;

	margin-left: 0;

}



.gallery-caption { margin-left: 0; }



.gallery-item {

	float: left;

	text-align: center;

	margin-left: 0;

}



.gallery {

	float: left;

	width: 100%;

}



.gallery-item {

	width: auto !important;

	float: left;

	margin:  10px 10px 0 0 !important;

}



.gallery-item img {

	margin: 0 !important;

	padding:  0 !important;

}



.gallery-item a {

	float: left;

	border: none !important;

	margin:  0 !important;

	padding: 0 !important;

}



input,

textarea {

	background: #fff;

	border: 1px solid #cbcac8;

/*

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	   		border-radius: 3px;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4;

	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4;

    		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4;



*/

}



input,

textarea { padding: 5px; }



button {

	padding: 2px 10px;

	cursor: pointer;

}



input:focus,

textarea:focus,

button:hover {

	border-color: #b5b4af;

}



#submit { cursor: pointer; }





/*-----------------------------------------------------------------------------------*/

/*	6.	Post Content Styles

/*-----------------------------------------------------------------------------------*/



.hentry{ background:#fff; border:1px solid #ccc }



.entry-title{

	color:#000;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	font-size:30px;

	margin:0 0 10px

}



.entry-header{ padding:20px 20px 0 }



.entry-header .date{

	display:block;

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

	font-size:14px;

	border-bottom:2px dotted #ccc;

	padding:0 0 10px;

}



.entry-content{ padding:20px 20px 0}



.entry-content img{

	background:#fff;

	padding:4px;

	border:1px solid #ccc;

}



.entry-category{

	background:#f5f5f5;

	border-bottom:#e4e4e4 1px solid;

	display:block;

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

	font-size:14px;

	padding:10px 20px;

}



.comment-meta,

.comment-meta a,

.entry-meta {

	font-size: 12px;

	color: #8e8c84;

	font-family: 'PT Serif', serif;

}



.entry-meta{

	padding:0 20px 20px

}



.entry-meta a { 

	color: #8e8c84;

	border-bottom: 1px dotted #bfbfbf;

}



.comment-meta a:hover,

.entry-meta a:hover { color: #3f3e3c; }



.author-bio {

	padding: 20px;

	background: #fbfbfb;

	border: 1px solid #efefef;

}



.author-bio .avatar	{

	float: left;

	margin: 0 10px 0 0;

}



.author-title {

	font-weight: bold;

	margin-left: 60px;

}



.author-description { margin-left: 60px; }



.entry-content ul { list-style-type: disc; }



.entry-content ol { list-style-type: decimal; }





#nav-below{

	background:#fff;

	border:1px solid #ccc;

	font-size:12px;

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

	height:20px;

	padding:20px;

	margin:0 0 20px;

}



#nav-below a{

	color:#000;

	font-weight:bold;

}



.nav-single{

	font-size:12px !important;

	height:auto;

	line-height:20px

}



.nav-next{ float:right }



.nrelate{

	margin:0 20px !important

}



.nrelate h3{ font-family:"Courier New", Courier, monospace; font-size:18px !important}

/*-----------------------------------------------------------------------------------*/

/*	7.	Comments

/*-----------------------------------------------------------------------------------*/



#comments{ background:#fff; border:1px solid #ccc; padding:20px; margin:0 0 20px}



li #respond .entry-seperator {

	margin: 15px 0;

}



#respond h3,

#comments {

	font-weight: bold;

	font-size: 16px;

}



.commentlist {

	margin: 30px 0 40px 0;

	list-style-type: none;

}



.pinglist {

	margin: 20px 0 40px 30px;

	list-style-type: decimal;

}



.comment-wrap {

	margin: 0 0 0 75px;

	background: #fcfbf9;

	padding: 15px 20px 0px 20px;

}



ul .comment-wrap {

	margin: 0 0 0 55px;

}



li #respond {

	margin: 30px 0 0 75px;

}





li li #respond {

	margin: 30px 0 0 55px;

}



.comment {

	margin-top: 20px;

	position: relative;

}



.somment p { margin-bottom: 15px; }



.comment ul {

	margin: 0 0 0 80px;

}



#commentform {

	margin:20px 0 0;

}



.moderation { 

	display: block;

	color: #8e8c84;

	margin: 0 0 5px 0;

}



.contactform button,

#commentform #submit-button {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	width: auto;

	padding: 0 10px;

	line-height: 12px;

	height: 28px;

	font-size: 12px;

	font-weight: bold;

	cursor: pointer;

	border: 1px solid #d5d5d5;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    		box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	text-shadow: 0 1px 0 rgba(255,255,255,0.4);

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	   		border-radius: 3px;

}



.contactform button,

#commentform #submit-button {

	background: url(images/submit_button.png);

	color: #555555;

}



.contactform button:hover,

#commentform #submit-button:hover { background: url(images/submit_button.png) 0 -30px; }





#commentform small { 

	color: #8e8c84;

	font-size: 12px;

}



#commentform input { 

	margin-right: 10px;

	width: 40%;

}



#commentform textarea { width: 98%; }



.children { list-style-type: none; }





.avatar-wrap {

	position: absolute;

	left: 0;

	top: 0;

}



.avatar {

	padding: 2px;

	background: #fff;

	border: 6px solid #f4f3ef;

}



ul .avatar {

}



.comment .avatar {

	float: left;

	margin: 0 10px 0 0;

}



.comment-meta { margin-bottom: 10px; }



.comment-author { margin: 0 5px 0 0; }



.comment-author,

.comment-author a { 

	font-weight: bold;

	color: #3f3e3c;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.nocomments {

	text-align: center;

	padding: 20px;

}



.comment-body ul { list-style-type: disc; }



.comment-body ol { list-style-type: decimal; }



.comment-body p { font-weight:normal; font-size:12px;}





/*-----------------------------------------------------------------------------------*/

/*	8.	Pagination

/*-----------------------------------------------------------------------------------*/







/*-----------------------------------------------------------------------------------*/

/*	9.	Footer Styles

/*-----------------------------------------------------------------------------------*/

#foo-separator{ background:url(images/bg-grey-grain.jpg) repeat; border-top:1px solid #fff; height:10px}



#footer{

	background:url(images/bg-footer.jpg) repeat;

	border-top:#505050 solid 1px;

	width:100%;

	padding:20px 0 0;

}



#footer-bottom{	

	padding:10px 0;
	background: -moz-linear-gradient(top,  rgba(62,62,62,1) 0%, rgba(33,33,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,1)), color-stop(100%,rgba(33,33,33,1)));
	background: -webkit-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
	background: -o-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
	background: -ms-linear-gradient(top,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(62,62,62,1) 0%,rgba(33,33,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#212121',GradientType=0 );
	-webkit-font-smoothing: subpixel-antialiased !important;

}

#footer-bottom,
#footer-bottom a{ color:#fff }

#footer-bottom .footer-links ul{ font-size:12px; margin:0 }



#footer-bottom .footer-links ul li:first-child{ border-left:0;}

#footer-bottom .footer-links ul li{ display:inline-block; border-left:1px solid #fff; padding:0 5px; line-height:12px; margin-right:5px;}



#copyrights{ text-align:left}

#copyrights p{ margin:0 }

/*-----------------------------------------------------------------------------------*/

/*	10.	Page Templates

/*-----------------------------------------------------------------------------------*/

#breadcrumbs a,

#breadcrumbs{ color:#0e3c6e }



#breadcrumbs a:hover{ text-decoration:underline}



#breadcrumbs{

	padding:0 20px;

	line-height:30px;

	margin:0 0 10px 

}



/*Home*/





/*pages and post*/

.page #main-menu{ margin:0 0}



.



/*-----------------------------------------------------------------------------------*/

/*	11.	Widgets

/*-----------------------------------------------------------------------------------*/



#secondary{

	display:inline;

	float:left;

	margin:0 10px 0;

	position:relative

}



.widget { margin: 0 0 20px 0 }



.widget img{ max-width:300px!important; padding:0 !important; margin:!important}



.widget-title {

	color: #fff;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	font-size: 24px;

	margin:0 0 20px;

}



#secondary .widget ul { background:#fff; border:1px solid #ccc; margin: 0 }



#secondary .widget ul li{

	background:url(images/icon-lines.png) 20px 12px  no-repeat;

	border-bottom:1px solid #ccc;

	padding:9px 20px 9px 35px;

}



.widget ul li:last-child{ border-bottom:none !important; margin:8px 0 0 !important}



.widget ul ul { margin: 0 0 0 15px }



.widget.widget_nav_menu li,

.widget.widget_categories li,

.widget.widget_archive li,

.widget.widget_pages li {

	margin: 0;

}



.widget li {

	margin: 8px 0;

}



.widget ol { list-style-type: decimal; margin-bottom: 0 }



/* Search Widget */

.widget_search #s {

	margin-top: 0px;

	color: #8e8c84;

	width: 73%; 

}



.widget_search form,

.widget_search fieldset { margin: 0; }



/* Text Widget */

.widget_text .textwidget{

	background:#fff;

}



/*Other site widget*/

#text-3 div { background:none !important}

#text-3 img{

	-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}





/*Contact Form 7 Widget*/

.widget_wpcf7{ 

	background:url(images/bg-form.png) repeat-y; 

	color:#fff; 

	padding:20px 0 0;

	margin:0; 



   -moz-box-shadow:    inset 0 0 10px #474747;

   -webkit-box-shadow: inset 0 0 10px #474747;

   box-shadow:         inset 0 0 10px #474747;

}



.widget_wpcf7 .widget-title{ 

	background:url(images/icon-arrow.png) no-repeat left 0;

	border:0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	margin:0 0 0 10px;

	padding:0 10px 10px 35px

}



.widget_wpcf7 .wpcf7-not-valid-tip{ 

	color:#FF0000 !important; 

	background:none;

	border:none;

	top:15px;

}



.widget_wpcf7 .wpcf7-form{ padding:0 10px 5px }



.widget_wpcf7 input[type=email],

.widget_wpcf7 input[type=text]{

	width:60%;

	float:right;

	height:10px;

}



.checkbox-subscribe{

	float:right;

	width:160px;

	padding:10px 0;

}



.widget_wpcf7 textarea{ width:60%; height:100px; float:right}



.widget_wpcf7 .submit,

.widget_wpcf7 .checbox{ clear:both }



.your-name .wpcf7-not-valid-tip{ left:10px;}



.widget_wpcf7 .submit{ text-align:right}



.widget_search #searchsubmit,

.wpcf7-submit{

	color:#fff;

	cursor:pointer;

	border:1px solid #164d76;

	font-weight:bold;

	text-transform:uppercase;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;





background: #164d76; 

background: -moz-linear-gradient(top,  #164d76 0%, #0a253a 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#164d76), color-stop(100%,#0a253a)); 

background: -webkit-linear-gradient(top,  #164d76 0%,#0a253a 100%); 

background: -o-linear-gradient(top,  #164d76 0%,#0a253a 100%);

background: -ms-linear-gradient(top,  #164d76 0%,#0a253a 100%); 

background: linear-gradient(to bottom,  #164d76 0%,#0a253a 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164d76', endColorstr='#0a253a',GradientType=0 );



}



.wpcf7-response-output{ font-weight:bold}



/* Calander Widget */

.widget_calendar caption { margin-bottom: 5px; }



.widget_calendar table { width: 100% }



/* Footer Widget */

#footer .widget{ overflow:hidden}



#footer .widget ul{ margin:0}



#footer .widget-title{

	border-bottom:2px solid #1a1a1a;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	padding:0 0 10px;

	margin:0;

}



#footer .widget div{

	border-top:1px solid #666;

	padding:15px 0 0;

}



#footer,

#footer .widget-title,

#footer a{

	color:#fff;

}



#footer a:hover{ color:#0F004E}



#footer-contact-info{

	text-align:right;

}



#footer .widget { margin:0 10px 20px}





/*-----------------------------------------------------------------------------------*/

/*	11.	960 grid Styles

/*-----------------------------------------------------------------------------------*/







/* Containers

----------------------------------------------------------------------------------------------------*/

.container {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

}



/* Grid >> Global

----------------------------------------------------------------------------------------------------*/





.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_4_1,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12 {

	display:inline;

	float: left;

	position: relative;

	margin-left: 10px;

	margin-right: 10px;

}







.push_1, .pull_1,

.push_2, .pull_2,

.push_3, .pull_3,

.push_4, .pull_4,

.push_5, .pull_5,

.push_6, .pull_6,

.push_7, .pull_7,

.push_8, .pull_8,

.push_9, .pull_9,

.push_10, .pull_10,

.push_11, .pull_11,

.push_12, .pull_12 {

	position:relative;

}





/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container .grid_1 {

	width:60px;

}



.container .grid_2 {

	width:140px;

}



.container .grid_3 {

	width:220px;

}



.container .grid_4 {

	width:300px;

}



.container .grid_4_1 {

	width:260px;

}



.container .grid_5 {

	width:380px;

}



.container .grid_6 {

	width:460px;

}



.container .grid_7 {

	width:540px;

}



.container .grid_8 {

	width:620px;

}



.container .grid_9 {

	width:700px;

}



.container .grid_10 {

	width:780px;

}



.container .grid_11 {

	width:860px;

}



.container .grid_12 {

	width:940px;

}









/* Prefix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container .prefix_1 {

	padding-left:80px;

}



.container .prefix_2 {

	padding-left:160px;

}



.container .prefix_3 {

	padding-left:240px;

}



.container .prefix_4 {

	padding-left:320px;

}



.container .prefix_5 {

	padding-left:400px;

}



.container .prefix_6 {

	padding-left:480px;

}



.container .prefix_7 {

	padding-left:560px;

}



.container .prefix_8 {

	padding-left:640px;

}



.container .prefix_9 {

	padding-left:720px;

}



.container .prefix_10 {

	padding-left:800px;

}



.container .prefix_11 {

	padding-left:880px;

}







/* Suffix Extra Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container .suffix_1 {

	padding-right:80px;

}



.container .suffix_2 {

	padding-right:160px;

}



.container .suffix_3 {

	padding-right:240px;

}



.container .suffix_4 {

	padding-right:320px;

}



.container .suffix_5 {

	padding-right:400px;

}



.container .suffix_6 {

	padding-right:480px;

}



.container .suffix_7 {

	padding-right:560px;

}



.container .suffix_8 {

	padding-right:640px;

}



.container .suffix_9 {

	padding-right:720px;

}



.container .suffix_10 {

	padding-right:800px;

}



.container .suffix_11 {

	padding-right:880px;

}







/* Push Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container .push_1 {

	left:80px;

}



.container .push_2 {

	left:160px;

}



.container .push_3 {

	left:240px;

}



.container .push_4 {

	left:320px;

}



.container .push_5 {

	left:400px;

}



.container .push_6 {

	left:480px;

}



.container .push_7 {

	left:560px;

}



.container .push_8 {

	left:640px;

}



.container .push_9 {

	left:720px;

}



.container .push_10 {

	left:800px;

}



.container .push_11 {

	left:880px;

}







/* Pull Space >> 12 Columns

----------------------------------------------------------------------------------------------------*/





.container .pull_1 {

	left:-80px;

}



.container .pull_2 {

	left:-160px;

}



.container .pull_3 {

	left:-240px;

}



.container .pull_4 {

	left:-320px;

}



.container .pull_5 {

	left:-400px;

}



.container .pull_6 {

	left:-480px;

}



.container .pull_7 {

	left:-560px;

}



.container .pull_8 {

	left:-640px;

}



.container .pull_9 {

	left:-720px;

}



.container .pull_10 {

	left:-800px;

}



.container .pull_11 {

	left:-880px;

}









/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */



.clearfix:before,

.clearfix:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.clearfix:after {

  clear: both;

}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* #Responsive
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 800px) {
	
	#main-menu .menu-main-menu-container{
		width:100%
	}

	#main-menu ul{ display:none}
	
	#main-menu select{ display:block}
	
	img {
		max-width: 100%;
		height: auto;
	}	

	.container{
		width:100%;
	}
	
	#primary,
	#secondary{ margin-left:1%; margin-right:1%}
	
	#primary{ width:55%}
	
	#secondary{ width:39%}
	
	.entry-content img{
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width : 768px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {
	#primary,
	#secondary{ width:98%}
}