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

/*

Theme Name: HH-Studio-Custom (HH 3 Column)

Theme URI: 

Description: 

Author: HH-Studio

Author URI: http://hh-studio.com

Version: 1.0.7

Tags: white, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready

License: GNU/GPL Version 2 or later

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

*/



/* Google Fonts Import

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

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Droid+Serif:regular,italic,bold,bolditalic&subset=latin);



/* 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, 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;

	font-size: 100%;

	vertical-align: baseline;

	border: 0;

	outline: 0;

	background: transparent;

}

ol, ul {

	

}

blockquote, q {

	quotes: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* General Structure and Styles

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

body {

	font-family:'Droid Sans', arial, sans-serif;

	color: #4C4C4C;

	background-color:#fff;background:#fff url(http://ocsotc.org/wp-content/themes/hh-theme-3.0/images/bg.gif); background-position:-0px -100px;}
	
	
	a:link,a:visited{color:#336699;text-decoration:none;}
	a:hover{color:#333333; background-color:#ffffff;}
	#sidebar-primary ul{list-style:none;}

#sidebar-primary ul a{color:#336699;}
#sidebar-primary ul a:hover{color:#333333; text-decoration:none;}
#sidebar-primary ul a:visited{color:#336699;}


	
#footer {

	padding: 25px 0px 30px 0px; border-top:1px dotted #ffffff;

	clear: both; font-size:.8em; text-align:center;

	

}

.aligncenter {

	margin:0 auto; 

	display:block; 

}

.alignleft {

	float:left;

}

.alignright {

	float:right;

}



/* Headings

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

#content .post h1 {

	padding:0px 0px 20px 0px;

	font-size: 30px; font-weight:normal;

	line-height:28px; color: #ffffff;

}

#content h2 {

	padding:0px 0px 20px 0px;

	font-size: 30px;

	line-height:26px; color:#ffffff; font-weight:normal;

}

#content h3 {

	padding:20px 0px 12px 0px;

	font-size: 16px;

	line-height:24px;

}

#content h4 {

	padding:20px 0px 10px 0px;

	font-size: 15px;

	line-height:21px;

}

#content h5 {

	padding:16px 0px 8px 0px;

	font-size: 14px;

	line-height:20px;

}

#content h6 {

	padding:10px 0px 5px 0px;

	font-size: 13px;

	line-height:19px;

}

/*contentwide*/

#contentwide .post h1 {

	padding:0px 0px 20px 0px;

	font-size: 30px; font-weight:normal;

	line-height:28px; color: #ffffff;

}

#contentwide p{width:650px;}

#contentwide h2 {

	padding:0px 0px 20px 0px;

	font-size: 30px;

	line-height:26px; color:#ffffff; font-weight:normal;

}

#contentwide h3 {

	padding:20px 0px 12px 0px;

	font-size: 16px;

	line-height:24px;

}

#contentwide h4 {

	padding:20px 0px 10px 0px;

	font-size: 15px;

	line-height:21px;

}

#contentwide h5 {

	padding:16px 0px 8px 0px;

	font-size: 14px;

	line-height:20px;

}

#contentwide h6 {

	padding:10px 0px 5px 0px;

	font-size: 13px;

	line-height:19px;

}




/* Links

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

#content h2 a {

	color:#ffffff;

}

a, #content h2 a:hover{

	text-decoration:none;

}

a:hover {

	

}


/*contentwide*/

#contentwide h2 a {

	color:#ffffff;

}

a, #contentwide h2 a:hover{

	text-decoration:none;

}

a:hover {

	

}

/* --- Link Colors --- */

a, ul.sidebar li.widget_text a {
text-decoration:none;color:#336699;
	

}

ul.sidebar a, p.meta a, .comment-meta a, p.logged-in-as a, a.post-edit-link, #footer a {text-decoration:none;color:#336699;}

#content h2 a:hover, ul.sidebar a:hover, .comment-meta a:hover, p.logged-in-as a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {color:#333333;

	

}

#searchsubmit:hover, form#commentform p.form-submit input#submit:hover, input.wpcf7-submit:hover  {color:#efefef;

	
}



/* Lists

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

#content #page ul, #content .post ul {

	padding:15px 0px 0px 15px;

}

#content #page ul li, #content .post ul li {

	padding:0px 0px 15px 0px;

	line-height:21px;

	list-style: disc;

}

#content #page ol, #content .post ol {

	padding:10px 0px 0px 15px;

}

#content #page ol li, #content .post ol li {

	padding:0px 0px 10px 0px;

	line-height:21px;

	list-style: decimal;

}


/*contentwide*/
#contentwide #page ul, #contentwide .post ul {

	padding:0px 0px 0px 15px;

}

#contentwide #page ul li, #contentwide .post ul li {

	padding:0px 0px 10px 0px;

	line-height:21px;

	list-style: disc;

}

#contentwide #page ol, #contentwide .post ol {

	padding:10px 0px 0px 15px;

}

#contentwide #page ol li, #contentwide .post ol li {

	padding:0px 0px 20px 0px;

	line-height:21px;

	list-style: decimal;

}



/* Sidebars

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

ul.sidebar {

	font-size: 14px;

	line-height:18px;

}

ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {

	margin:0px 0px 60px 0px;

	padding:0px 0px 10px 0px;

	overflow:hidden;

	line-height:23px;

}


ul.sidebar h3.widget-title {

	padding:0px 0px 5px 0px;

	font-size: 14px;

	font-weight:bold;

	text-transform:uppercase;
color:#336699;
}

ul.sidebar h3.widget-titlehide {

	display:none;
}



/* Sidebar Primary

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

/* --- Theme Logo --- */

#sidebar-primary .logo {

	margin:0px 0px 10px 0px;

	display:block;

}

#sidebar-primary .logo h1 {

	padding:5px 0px 0px 0px;

	font-size:30px;

	line-height:35px;

}

#sidebar-primary .logo h1 a:hover {

	text-decoration:none;

}

#sidebar-primary .logo p {

	font-family:'Droid Serif',  Times, serif;

	font-style:italic;

	font-size:13px;

}

#sidebar-primary .logo img {

	margin:0px;

	padding:0px; width:200px;

}

/* --- About Text Widget --- */

#sidebar-primary ul.sidebar li.widget_text img {

	margin:3px 10px 0px 0px;

	float:left;

}



/* Sidebar Secondary

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

#sidebar-secondary img {

	max-width: 100%;

	display: block;

	margin:0px;

	padding: 0;

}

#sidebar-secondary img.banner {

	max-width: 100%;

	display: block;

	margin:0px 0px 10px 0px;

	padding: 0;

}



/* Sidebar Widgets (can be used for both Sidebars)

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

ul.sidebar li.widget_archive ul li, ul.sidebar li.widget_pages ul li.page_item, ul.sidebar li.widget_categories ul li.cat-item, ul.sidebar li.widget_links ul.blogroll li, ul.sidebar li.widget_nav_menu ul#menu-navigation li.menu-item, ul.sidebar li.widget_meta ul li {

	line-height:23px;

}

/* --- Text Widget --- */

ul.sidebar li.widget_text img {

	margin:3px 10px 0px 0px;

	float:left;

}

/* --- Custom Menu Widget --- */

ul.sub-menu {

	margin: 0px 0px 0px 15px;

}

ul.sidebar li.widget_categories ul li.cat-item ul.children {

	margin:0px 0px 0px 15px;

}

/* --- Pages Widget --- */

ul.sidebar li.widget_pages ul li.page_item ul.children {

	margin:0px 0px 0px 15px;

}

/* --- Search Widget --- */

.search-input {

	max-width: 100%;

	width: 95%;

	margin:0px 0px 4px 0px;

	font-size:12px;

	float:left;

}

#searchsubmit {

	margin:0px 4px 0px 0px;

	padding:4px 7px 4px 7px;

	float:right;

	background:#336699;

	border:none;

	font-family:'Droid Sans', arial, sans-serif;

	font-size:12px;

	color:#fff;

	cursor:pointer;

}

/* --- Recent Post Widget --- */

ul.sidebar li.widget_recent_entries ul li {

	padding: 0px 0px 12px 0px;

	line-height:16px;

}

ul.sidebar li.widget_recent_entries ul li a {

	line-height:16px;

}

/* --- Recent Comments --- */

ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments {

	padding: 0px 0px 12px 0px;

	line-height:16px;

}

ul.sidebar li.widget_recent_comments ul#recentcomments li.recentcomments a {

	padding: 0px 0px 12px 0px;

}

/* --- Calendar Widget --- */

table#wp-calendar caption {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	line-height:18px;

	font-style:italic;

	text-align:left;

	padding:0px 0px 3px 0px;

}

table#wp-calendar td {

	padding:3px;

}

/* --- Social Links Custom Widget --- */

ul.sidebar li.widget_sociallinks a {

	padding:0px 20px 0px 20px;

	line-height:23px;

}

ul.sidebar li.widget_sociallinks a.rss {

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

}

ul.sidebar li.widget_sociallinks a.twitter {

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

}

ul.sidebar li.widget_sociallinks a.facebook {

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

}

ul.sidebar li.widget_sociallinks a.flickr {

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

}

ul.sidebar li.widget_sociallinks a.xing {

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

}

ul.sidebar li.widget_sociallinks a.linkedin {

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

}

ul.sidebar li.widget_sociallinks a.delicious {

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

}



/* Posts

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

#content .post, #content .page {

	padding:0px 0px 1px 0px;

	margin:0px 0px 50px 0px;

	

}

#content .post p, #content .page p {

	padding:0px 0px 15px 0px;

	font-size: 14px;

	line-height:18px;

}

#content .post p small {

	font-size:13px;

}

#content blockquote {

	margin:10px 0px 20px 0px;

	padding:0px 0px 0px 16px;

	background:url(images/blockquote-border.jpg) 0 0 repeat-y;

	font-family:'Droid Serif',  Times, serif;

	line-height:21px;

	font-style:italic;

}

#content .post blockquote p, #content .page blockquote p {

	padding:0px;

}

#content blockquote p cite {

	padding:5px 0px 0px 0px;

	font-size:12px;

	font-weight:bold;

}

#content address {

	padding:0px 0px 20px 0px;

	line-height:20px;

}

#content pre {

	padding:0px 0px 20px 0px;

}

#content table {

	margin:10px 0px 30px 0px;

}

#content table tr {

	border-bottom:1px solid #4C4C4C;

}

#content table tr th {

	padding: 10px 20px 10px 20px;

	border-top:1px solid #4C4C4C;

	border-left:1px solid #4C4C4C;

	border-right:1px solid #4C4C4C;

}

#content table tr td {

	padding: 10px 20px 10px 20px;

	border-left:1px solid #4C4C4C;

	border-right:1px solid #4C4C4C;

}

#content img {

	max-width: 100%;

	width: auto;

	height: auto;

	display: block;

}

#content img.alignleft {

	margin: 5px 10px 10px 0px;

}

#content img.alignright {

	margin: 5px 0px 5px 10px;

}

#content img.alignnone {

	margin: 10px 0px 10px 0px;

}

#content .wp-caption {

	max-width: 100%;

	display: block;

}

#content p.wp-caption-text {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

	line-height:18px;

	padding:7px 0px 10px 0px;

}

#content object,

#content embed,

#content iframe {	

	display: block;

	max-width: 100%;

	margin: 3px 0 10px 0;

}

#content .post p.meta, #content .page p.meta {

	margin:15px 0px 0px 0px;

	padding:10px 0px 5px 0px;

	background:url(images/meta-border.jpg) 0 0 no-repeat;

	font-size:12px;

	line-height:19px;

	clear:both;

}

#content .post p.meta span, #content .page p.meta span {

	padding:0px 0px 0px 0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	line-height:19px;

	font-style:italic;

}

a.post-edit-link {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

}

#content p.previous {

	float:left;

	font-size:14px;

}

#content p.next {

	float:right;

	font-size:14px;

}


/*contentwide*/
#contentwide .post, #contentwide .page {

	padding:0px 0px 1px 0px;

	margin:0px 0px 50px 0px;

	

}

#contentwide .post p, #contentwide .page p {

	padding:0px 0px 15px 0px;

	font-size: 14px;

	line-height:18px;

}

#contentwide .post p small {

	font-size:13px;

}

#contentwide blockquote {

	margin:10px 0px 20px 0px;

	padding:0px 0px 0px 16px;

	background:url(images/blockquote-border.jpg) 0 0 repeat-y;

	font-family:'Droid Serif',  Times, serif;

	line-height:21px;

	font-style:italic;

}

#contentwide .post blockquote p, #contentwide .page blockquote p {

	padding:0px;

}

#contentwide blockquote p cite {

	padding:5px 0px 0px 0px;

	font-size:12px;

	font-weight:bold;

}

#contentwide address {

	padding:0px 0px 20px 0px;

	line-height:20px;

}

#contentwide pre {

	padding:0px 0px 20px 0px;

}

#contentwide table {

	margin:10px 0px 30px 0px;

}

#contentwide table tr {

	border-bottom:1px solid #4C4C4C;

}

#contentwide table tr th {

	padding: 10px 20px 10px 20px;

	border-top:1px solid #4C4C4C;

	border-left:1px solid #4C4C4C;

	border-right:1px solid #4C4C4C;

}

#contentwide table tr td {

	padding: 10px 20px 10px 20px;

	border-left:1px solid #4C4C4C;

	border-right:1px solid #4C4C4C;

}

#contentwide img {

	max-width: 100%;

	width: auto;

	height: auto;

	display: block;

}

#contentwide img.alignleft {

	margin: 5px 10px 10px 0px;

}

#contentwide img.alignright {

	margin: 5px 0px 5px 10px;

}

#contentwide img.alignnone {

	margin: 10px 0px 10px 0px;

}

#contentwide .wp-caption {

	max-width: 100%;

	display: block;

}

#contentwide p.wp-caption-text {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

	line-height:18px;

	padding:7px 0px 10px 0px;

}

#contentwide object,

#contentwide embed,

#contentwide iframe {	

	display: block;

	max-width: 100%;

	margin: 3px 0 10px 0;

}

#contentwide .post p.meta, #contentwide .page p.meta {

	margin:15px 0px 0px 0px;

	padding:10px 0px 5px 0px;

	background:url(images/meta-border.jpg) 0 0 no-repeat;

	font-size:12px;

	line-height:19px;

	clear:both;

}

#contentwide .post p.meta span, #contentwide .page p.meta span {

	padding:0px 0px 0px 0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	line-height:19px;

	font-style:italic;

}

a.post-edit-link {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

}

#contentwide p.previous {

	float:left;

	font-size:14px;

}

#contentwide p.next {

	float:right;

	font-size:14px;

}


/* Single Post

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

#content .post #author-info {

	margin:20px 0px 30px 0px;

	padding:10px 0px 0px 0px;

	border-top:1px dotted #4C4C4C;

	border-bottom:1px dotted #4C4C4C;

	overflow:hidden;

}

#content .post #author-avatar {

	margin:5px 15px 0px 0px;

	float:left;

}

#content .post #author-description {

	overflow:hidden;

}

#content .post #author-description h2 {

	padding:0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-weight:normal;

}

#content .post #author-description h2 span {

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:0.1em;

}

#content .post #author-description p, .page-link  {

	font-family:'Droid Serif',  Times, serif;

	font-size:13px;

	line-height:18px;

	font-style:italic;

}


/*contentwide*/
#contentwide .post #author-info {

	margin:20px 0px 30px 0px;

	padding:10px 0px 0px 0px;

	border-top:1px dotted #4C4C4C;

	border-bottom:1px dotted #4C4C4C;

	overflow:hidden;

}

#contentwide .post #author-avatar {

	margin:5px 15px 0px 0px;

	float:left;

}

#contentwide .post #author-description {

	overflow:hidden;

}

#contentwide .post #author-description h2 {

	padding:0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-weight:normal;

}

#contentwide .post #author-description h2 span {

	font-weight:bold;

	text-transform:uppercase;

	letter-spacing:0.1em;

}

#contentwide .post #author-description p, .page-link  {

	font-family:'Droid Serif',  Times, serif;

	font-size:13px;

	line-height:18px;

	font-style:italic;

}


/* --- Comments --- */

.post .comments-content {

	margin:6px 0px 0px 0px;

	border-top:1px dotted #4C4C4C;

}

#content .post #comments-content h3#comments {

	padding:80px 0px 8px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

}

#comments-content .comment-body p {

	padding:0px 0px 10px 0px;

	font-size:13px;

	line-height:19px;

}

#comments-content p.moderation {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

	color:#999;

}

#content .post #comments-content ol {

	padding:0px;

}

#content .post #comments-content ol li ul.children {

	padding:0px;

}

#content .post #comments-content ol li.depth-1  {

	padding:25px 0px 10px 0px;

	border-bottom:1px dotted #4C4C4C;

	overflow:hidden;

}


/*contentwide*/



#contentwide .post #comments-content h3#comments {

	padding:80px 0px 8px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

}

#comments-content .comment-body p {

	padding:0px 0px 10px 0px;

	font-size:13px;

	line-height:19px;

}

#comments-content p.moderation {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

	color:#999;

}

#contentwide .post #comments-content ol {

	padding:0px;

}

#contentwide .post #comments-content ol li ul.children {

	padding:0px;

}

#contentwide .post #comments-content ol li.depth-1  {

	padding:25px 0px 10px 0px;

	border-bottom:1px dotted #4C4C4C;

	overflow:hidden;

}

#comments-content ol li.depth-2, #comments-content ol li.depth-3, #comments-content ol li.depth-4, #comments-content ol li.depth-5 {

	margin:10px 0px 0px 30px;

	padding:25px 0px 0px 0px;

	border-top:1px dotted #4C4C4C;

	border-bottom:none;

	overflow:hidden;

}

.comment-meta {

	padding:0px 0px 10px 0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

}

.comment-gravatar {

	margin:1px 15px 0px 0px;

	float:left;

}

#comments-content .comment-body {

	padding:0px;

	overflow:hidden;

}

.reply {

	margin:10px 0px 0px 0px;

	float:right;

}

a.comment-reply-link {

	font-size:12px;

	font-weight:bold;

}

p.logged-in-as {

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

}

#comments-content ol li.post.pingback {

	margin:0px;

	padding: 20px 0px 10px 20px;

	list-style:none;

}

.bypostauthor {

}

/* --- Comment Reply --- */

a#cancel-comment-reply-link {

	padding:3px 0px 0px 0px;

	float:right;

	font-size:12px;

}

#content .post #comments-content #respond h3#reply-title {

	padding:80px 0px 6px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

}

#content .post form#commentform p {

	font-size:13px;

}

/*contentwide*/
#contentwide .post #comments-content #respond h3#reply-title {

	padding:80px 0px 6px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

}

#contentwide .post form#commentform p {

	font-size:13px;

}

form#commentform p.comment-notes {

	padding:5px 0px 15px 0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-style:italic;

}

form#commentform input#author, form#commentform input#email, form#commentform input#url {

	font-family:'Droid Sans', arial, sans-serif;

	height:22px;

}

form#commentform textarea#comment {

	width:90%;

	padding:3px;

	font-family:'Droid Sans', arial, sans-serif;

}

form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {

	padding:10px 0px 0px 0px;

}

form#commentform p.form-submit input#submit {

	margin:8px 0px 10px 1px;

	padding:6px 8px 6px 8px;

	background:#4C4C4C;

	border:none;

	font-family:'Droid Sans', arial, sans-serif;

	font-size:12px;

	color:#fff;

	cursor:pointer;

}



/* WordPress Image Gallery

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

.gallery {

	margin: auto;

	padding:5px 0px 5px 0px;

}

.gallery .gallery-item {

	float: left;

	margin: 10px 5px 0px 5px;

	text-align: center;

	width: 30%;

	vertical-align: top;

}

.gallery img {

	border: 1px solid #cfcfcf;

}

.gallery .gallery-caption {

	margin-left: 0;

	padding: 5px 0px 8px 0px;

	font-family:'Droid Serif',  Times, serif;

	font-size: 12px;

	font-style: italic;

	line-height: 18px;

}



/* Footer

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

#footer p {

	line-height:19px;

}



/* Archives 

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

h1.archive {

	margin:0px 0px 25px 0px;

	padding: 0px 0px 10px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	font-weight:normal;

	font-style:italic;

	letter-spacing:0.1em;

}

h1.archive strong {

	font-style:normal;

	text-transform:uppercase;

}



/* Pages 

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

#page {

	margin-bottom:30px;

	padding:0px 0px 6px 0px;

	

}

#page h1 {

	padding:0px 0px 20px 0px;

	font-size: 30px; font-weight:normal;

	line-height:28px; color: #ffffff;

}

#page h2 {

	font-size: 30px;

	line-height:28px;

}

#page p {

	padding:0px 0px 15px 0px;

	font-size: 14px;

	line-height:26px;

}

#page p small {

	font-size: 13px;

}



/* Plugin Styles

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

/* --- Contact Form 7 --- */

#content .wpcf7 {

	padding:20px 0px 20px 0px;

}

#content #page .wpcf7 p {

	padding:0px 0px 10px 0px;

	font-size:13px;

}

/*contentwide*/
#contentwide .wpcf7 {

	padding:20px 0px 20px 0px;

}

#contentwide #page .wpcf7 p {

	padding:0px 0px 10px 0px;

	font-size:13px;

}

input.wpcf7-text {

	height:22px;

}

.wpcf7 textarea {

	font-family:'Droid Sans', arial, sans-serif;

	font-size:14px;

}

input.wpcf7-submit {

	margin:0px;

	padding:6px 8px 6px 8px;

	background:#4C4C4C;

	border:none;

	font-family:'Droid Sans', arial, sans-serif;

	font-size:12px;

	color:#fff;

	cursor:pointer;

}

.wpcf7-response-output, .wpcf7-not-valid-tip {

	margin:0px;

	font-family:'Droid Serif',  Times, serif;

	font-size:12px;

	line-height:18px;

	font-style:italic;

}

/* --- jQuery Thickbox --- */

#TB_window img#TB_Image {

	border-bottom:none ! important;

	border-left:none ! important;

	border-right: none ! important;

	border-top: none ! important;

	margin: 15px 0px 0px 15px;

}

#TB_caption {

	height: 30px ! important;

	padding: 7px 15px 15px 15px ! important;

}

#TB_secondLine {

	padding: 4px 0px 0px 0px;

}

#TB_closeWindow {

	height: 30px ! important;

	padding: 11px 15px 10px 0px ! important;

}

#TB_window a {

	color: #4C4C4C ! important;

}



/* Responsiveness

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

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

#wrap {

	max-width: 870px;

	margin: 25px auto 0 auto;

	padding: 0px 15px 0px 15px;

	overflow:hidden;

}

#sidebar-primary {

	width:225px;

	

}

#main {

	width: 72%;

	float:right;

	overflow:hidden;

}

#content {

	width: 87.2%;

	margin:0px 0px 50px 0px;

	padding:0px 0px 0px 80px;

	float:none;

}

#sidebar-secondary {

	width: 87.2%;

	margin:0px 0px 50px 0px;

	padding:50px 0px 0px 80px;

	float:none;

	overflow:hidden;

}

/* --- Secondary Sidebar Widgets --- */

#sidebar-secondary img.banner {

	max-width: 100%;

	display: block;

	margin:0px 10px 10px 0px;

}

#sidebar-secondary ul.sidebar li.widget-container {

	width:100%;

	margin:0px 20px 30px 0px;

	padding:0px 0px 10px 0px;

	float:left;

	

	overflow:hidden;

}

#sidebar-secondary ul li.widget_sociallinks ul li, #sidebar-secondary ul.sidebar li.widget_pages ul li, #sidebar-secondary ul.sidebar li.widget_archive ul li, #sidebar-secondary ul.sidebar li.widget_categories ul li, #sidebar-secondary ul.sidebar li.widget_links ul li {

	float:left;

	margin:0px 22px 5px 0px;

}

#sidebar-secondary ul .search-input {

	width:50%;

	margin:0px 0px 4px 0px;

	padding:2px 3px 3px 3px;

	border:1px solid #999;

	font-size:12px;

}

#searchsubmit {

	margin:0px 0px 0px 5px;

	padding:4px;

	float:none;

	background:#336699;

	border:none;

	font-family:'Droid Sans', arial, sans-serif;

	font-size:12px;

	color:#fff;

	cursor:pointer;

}

/* --- Footer --- */

#footer {

	float:none;

	overflow:hidden;

}

}



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

#wrap {

	max-width: 770px;

	margin: 25px auto 0 auto;

	padding: 0px 15px 0px 15px;

	overflow:hidden;

}

#sidebar-primary {

	width:240px;

	position: fixed;

}

#main {

	width: 68.8%;

	float:right;

	overflow:hidden;

}

#content {

	width: 88.5%;

	margin:0px 0px 50px 0px;

	padding:0px 0px 0px 60px;

	float:none;

}

#contentwide {

	width: 88.5%;

	margin:0px 0px 50px 0px;

	padding:0px 0px 0px 60px;

	float:none;

}

#sidebar-secondary { 

	width: 88.5%;

	margin:0px 0px 50px 0px;

	padding:50px 0px 0px 60px;

	float:none;

	overflow:hidden;

}

#footer {

	float:none;

	overflow:hidden;

}

}



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

#wrap {

	max-width: 620px;

	margin: 25px auto 0 auto;

	padding: 0px 10px 0px 10px;

	overflow:hidden;

	position:relative;

}

#sidebar-primary {

	width: auto;

	position:relative;

	float: none;

	clear: both;

}

#sidebar-primary ul li.widget_social_links ul li {

	float:left;

}

#main {

	width: auto;

	margin: 0;

	padding: 0;

	float: none;

	clear: both;

}

#content {

	width: auto;

	margin:0px 0px 50px 0px;

	padding:0;

	float: none;

	clear: both;

}

#contentwide {

	width: auto;

	margin:0px 0px 50px 0px;

	padding:0;

	float: none;

	clear: both;

}

#sidebar-secondary {

	width: auto;

	padding:50px 0px 0px 0px;

	margin:0px 0px 50px 0px;

	float: none;

	clear: both;

}

/* --- Secondary Sidebar Widgets --- */

#sidebar-secondary ul.sidebar li.widget-container {

	width:100%;

	margin:0px 20px 30px 0px;

	padding:0px 0px 10px 0px;

	float:left;

	border-bottom:1px dotted #4C4C4C;

	overflow:hidden;

}

form#searchform {

	width:99%;

}

#sidebar-secondary ul .search-input {

	width:60%;

	margin:0px 0px 4px 0px;

	padding:2px 3px 3px 3px;

	border:1px solid #999;

	font-size:12px;

}

#content h2 {

	padding:0px 0px 20px 0px;

	font-size: 17px;

	line-height:24px;

}

#content .post p {

	padding:0px 0px 15px 0px;

	font-size: 13px;

	line-height:22px;

}

#content p.previous {

	float:left;

	font-size:13px;

}

#content p.next {

	float:right;

	font-size:13px;

}


/*contentwide*/
#content h2 {

	padding:0px 0px 20px 0px;

	font-size: 17px;

	line-height:24px;

}

#contentwide .post p {

	padding:0px 0px 15px 0px;

	font-size: 13px;

	line-height:22px;

}

#contentwide p.previous {

	float:left;

	font-size:13px;

}

#contentwide p.next {

	float:right;

	font-size:13px;

}

/* --- Comments Reply --- */

#content .post #comments-content #respond h3#reply-title {

	padding:80px 0px 3px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

	clear:both;

}

#contentwide .post #comments-content #respond h3#reply-title {

	padding:80px 0px 3px 0px;

	border-bottom:1px dotted #4C4C4C;

	font-size:16px;

	clear:both;

}


a#cancel-comment-reply-link {

	display:block;

	padding:0;

	float:none;

	font-size:12px;

}

}



/* FLOATS CLEARING

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

.clear {

	clear:both;

	display:block;

	overflow:hidden;

	visibility:hidden;

	width:0;

	height:0;

}

.clearfix:after {

	clear:both;

	content:' ';

	display:block;

	font-size:0;

	line-height:0;

	visibility:hidden;

	width:0;

	height:0

}

.form{-moz-border-radius: 15px;
border-radius: 25px; border:1px dotted #ffffff; line-height:normal; font-size:.8em; padding:10px;}



/*media queries*/

/*for large screen */
@media screen and (min-width:1200px){
		
	#sidebar-primary ul li{font-size:16px; line-height:30px;}

	#wrap {

	margin: 20px auto 0 auto;
	padding: 35px 20px 0px 20px;
	z-index: 0; width:1200px;
	
	}
	
	#sidebar-primary {
	float: left; text-align:right;
	width: 225px;
	padding-bottom: 10px;
		
	}
	
	#main {
	}
	
	#content {
	
	padding: 0px 35px;
	width:470px;
	float: left;
	font-size: 14px;
	}
	
	#contentwide {
	padding: 0px 35px;
	width:800px;
	float: left;
	font-size: 14px;
	
	}
	
	#sidebar-secondary {
	float:left;
	width: 225px; 
	padding: 10px 0px 0px 15px; -moz-border-radius: 15px;
	border-radius: 25px; border:1px dotted #336699;margin-bottom:15px;
	
	}
	
	
	
	ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
    line-height: 23px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}

}
	
	
/*for tablet screen 1200px or less*/
@media screen and (max-width:1200px){
		
	#sidebar-primary ul li{font-size:16px; line-height:24px;}

	#wrap {

	margin: 20px auto 0 auto;
	padding: 35px 20px 0px 20px;
	z-index: 0; width:auto;float:none;
	
	}
	
	#sidebar-primary {
	float: none
	width: auto;
	padding-bottom: 10px;
		
	}
	
	#main {
	}
	
	#content {
	
	padding: 0px 35px;
	padding-top:0;
	width:auto
	float: none;
	font-size: 14px;
	}
	
	#contentwide {
	padding: 0px 35px;
	width:auto;
	float: none;
	font-size: 14px;
	
	}
	
	#sidebar-secondary {
	float:none;
	width: auto;
	
	padding: 0; border:none;
	
	}

	li.menu-item{display:inline; line-height:normal; border-right:1px solid #fff;padding-right:5px; padding-left:5px;}
	
	ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
    line-height: 23px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}
}


/*for tablet screen 800px or less*/
@media screen and (max-width:800px){
		
	#sidebar-primary ul li{font-size:16px; line-height:24px;}

	#wrap {

	margin: 20px auto 0 auto;
	padding: 35px 20px 0px 20px;
	z-index: 0; width:auto;float:none;
	
	}
	
	#sidebar-primary {
	float: none
	width: auto;
	padding-bottom: 10px;
		
	}
	
	#main {
	}
	
	#content {
	
	padding: 0px 35px;
	padding-top:0;
	width:auto
	float: none;
	font-size: 14px;
	}
	
	#contentwide {
	padding: 0px 35px;
	width:auto;
	float: none;
	font-size: 14px;
	
	}
	
#sidebar-secondary {
	float:none;
	width: auto;
	
	padding: 0; border:none;
	
	}
	
#sidebar-primary .logo img {
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}

	li.menu-item{display:inline; line-height:normal; border-right:1px solid #fff; padding-right:5px; padding-left:5px;}
	
	ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
    line-height: 23px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}


#page h2 {
    clear: left;
    font-size: 30px;
    line-height: 28px;
    margin-top: 15px;
}

}

/*for smartphone screen 480px or less*/
@media screen and (max-width:480px){
		
	#sidebar-primary ul li{font-size:16px; line-height:24px;}

	#wrap {

	margin: 20px auto 0 auto;
	padding: 35px 0px 0px 20px;
	z-index: 0; width:auto;float:none;
	
	}
	
	#sidebar-primary {
	float: none
	width: auto;
	padding-bottom: 10px;
		
	}
	
	#sidebar-primary ul {display:block; float:left;}
	
	#sidebar-primary .logo img {
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}
	
	#main {
	}
	
	#content {
	
	padding: 0px 35px;
	width:auto
	float: none;
	font-size: 14px;
	}
	
	#contentwide {
	padding: 0px 35px;
	width:auto;
	float: none;
	font-size: 14px;
	
	}
	
	#sidebar-secondary {
	float:none;
	width: auto;
	
	padding: 0; border:none;
	
	}
	
	
	
	#page h2 {
    clear: left;
    font-size: 30px;
    line-height: 28px;
    margin-top: 0px;
}

}