/*
	Theme Name: SouthCoastBlogs Child Theme
	Theme URL: http://www.southcoastblogs.com
	Description: SouthCoastBlogs is a child theme of the Thematic Theme Framework.
	Author: South Coast Themes
	Author URI: http://www.southcoastthemes.com
	Version: 1.0	
	Template: thematic

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@font-face { font-family: Sansumi; src: url('fonts/Sansumi-Regular.ttf'); }
@font-face { font-family: Avenir; src: url('fonts/Avenir_LT_Std_65_Medium.ttf'); }
@font-face { font-family: "Futura Book"; src: url('fonts/FtraBk__.ttf'); }

body {
	background-color: white;
	color: #555;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height:  1.2;
}

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

h1 {
	font-family: Sansumi, "Century Gothic", Arial, Helvetica, sans-serif;
}

.entry-content h2,
h2 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

h3,
.entry-content h3 {
	font-family: Sansumi, "Century Gothic", Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 20px !important;
}

h4,
.entry-content h4 {
	font-family: "Futura Book", "Avenir", Helvetica, Arial, sans-serif;
	color: #222 !important;
	font-size: 140% !important;
}

h5 {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #7a7a7a;
	font-size: 95%;
}

h1,
h3,
h4 {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

/*========================
=     TAGS
=========================*/

hr {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
	width: 90%;
}

table, th, tbody, tr, td {
	padding: 0;
	margin: 0;
}

td form,
td p,
td h1,
td h2,
td h3,
td h4,
td h5 {
	padding-left: 20px !important;
	padding-right: 15px !important;
}

td form {
	margin-top: 20px;
	margin-bottom: 20px;
}

td.no-left-pad p,
td.no-left-pad h2,
td.no-left-pad h4  {
	padding-left: 0 !important;
}

a:link,
a:visited,
a:hover,
a:active,
#blog-title a,
#blog-title a:active,
#blog-title a:hover {
	/* color: #45ABDA; */
	/* color: #349ac9; */
	color: #08C;
}

#header {
	margin: 0 auto;
	width: 840px;
}

#blog-title {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1;
	background: transparent url(images/orange-county-web-design.png) left center no-repeat;
}
#blog-title,
#blog-title a {
	display: block;
	width: 413px;
	height: 24px;
	text-indent: -9999px;
	text-transform: uppercase;
}

.clear { clear:both; }

#main {
	width:840px;
}

#fullwidth #container {
	width: 100%;
}

#fullwidth #content {
	margin: 0;
	width: 100%;
}

#branding {
	padding: 55px 0 0;
	float: left;
	margin: 0;
	width: 308px;
}

#access {
	float: right;
	padding-top: 54px;
}

#access, 
#access .menu {
	border: none;
	margin: 0;
	width: 530px;
}

#main {
	padding: 4px 0 6px 0;
}

#container {
	width: 570px;
}

#content {
	margin: 0;
	width: 500px;
}

.main-aside {
	width: 250px;
}

.sf-menu,
.sf-menu li {
	float: none;
}
.sf-menu li {
	background: transparent;
}
.sf-menu,
.sf-menu a {
	border: none;
}

.sf-menu a {
	padding: 13px 8px;
}

.sf-menu a,
.sf-menu a:visited,
.sf-menu a:active {
	color: #857769;
}

.sf-menu a:hover,
#siteinfo a:active, #siteinfo a:hover {
	color: #08C;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #fff;
    outline:        0;
    border-bottom-color:#ccc;
}

.excerpt {
	line-height: 1.1;
	color: #7a7a7a;
}

/*----------- MENUS -----------*/

.menu {
	letter-spacing: 0;
	text-transform: uppercase;
	font-family: "Futura Book", Avenir, "Century Gothic", Helvetica, sans-serif;
	float: right;
	margin: 0 0 0 auto;
	text-align:right;
	width: 840px;
}

div.menu a {
	text-decoration:none;
}
 
div.menu a:hover {
	text-decoration:none;
}

div.menu ul {
	display:inline;
	padding:0;
	margin:0;
}

div.menu li {
	display:inline;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
}

.menu ul li:last-child a {
	/* padding-left: 0; */
}

/* Corrects the padding removed by the above statement */
.menu ul li ul li:first-child a {
	padding-left: 13px;
}

#menu-primary li {
	float: right;
}

#menu-primary .menu-item-first a {
	padding-right: 0;
}

.menu-footer-container {
	clear: both;
}

#menu-footer {
	list-style: none;
	width: 520px;
}

#menu-footer li {
	float: right;
	position: relative;
}

#menu-footer li a {
	padding: 0 13px;
	text-decoration: none;
}

#menu-footer .menu-item a {
	border-left: 1px solid #ccc;
}

#menu-footer .menu-item-last a {
	border-left: none;
	padding-left: 0;
}

#menu-footer .menu-item-first a {
	padding-right: 0;
}

/*----------- SERVICES --------*/

#content #inner {
	background-color: #1a1a1a;
	color: #909090;
}

#content #narrow {
	float: left;
	padding: 25px 10px 20px 20px;
	width: 240px;
}

#narrow h1 {
	color: #fff;
	font-size: 200%;
}

#content #wide {
	background-color: #fff;
	float: right;
	padding-left: 8px;
	width: 562px;
}

.feature-block {
	padding: 40px 20px 15px 20px;
}

.feature-block h2 {
	color: #787878;
	font-size: 180%;
	margin-bottom: 5px;
}

.feature-block .flabel {
	color: #3d9ccf;
	font-size: 230%;
	margin: 0;
}

.feature-block .button a {
	color: #3d9ccf;
	text-decoration: none;
	width: 100px;
}

.product-block {
	background-color: #262626;
	border-radius: 12px;
	padding: 40px 20px 15px 20px;
}

.product-block h2,
.product-block p.olabel {
	text-transform: uppercase;
	margin: 0;
}

.product-block p.olabel {
	color: #539D83;
}

.product-block h2 {
	color: #fff;
	font-size: 180%;
	margin-bottom: 5px;
}

.product-block .button a {
	background-color: #366352;
	color: #fff;
	display: block;
	margin: 0 0 0 auto;
	padding-top: 0;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

/*============================*/
/*=== Themes =================*/
/*============================*/

.theme-block {
	margin: 70px 0 60px auto;
	width: 481px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(images/home-slide.jpg) no-repeat #fff;
    width: 840px;
    height: 460px;
    /* margin: 0 auto; */
    margin: 0 auto;
    overflow: hidden;
    
/* For Romeo embed
	height: 470px;
	margin-top: -98px;
*/
}

#slider {
	position:relative;
    width:840px;
    height:460px;
    /* margin-left:190px; */
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

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

body.page .entry-title { display:none; }

.page-template-template-page-fullwidth-php a {
	text-decoration: none;
}

.page-template-template-page-fullwidth-php a:hover {
	text-decoration: underline;
}

.page-template-template-page-fullwidth-php h2 {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.page-template-template-page-fullwidth-php .entry-content h1 {
	font-family: Sansumi, "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 26px;
	padding: 15px 0 2px 0;
	line-height: 21px;
} 

.page-template-template-page-fullwidth-php .entry-content h3 {
	font-size: 24px;
	padding: 0 0 2px 0;
	color: #7c796d;
}

.page-template-template-page-fullwidth-php .entry-content h2 {
	padding: 0;
}

.page-template-template-page-fullwidth-php .sf-menu a {
	padding-bottom: 0;
}

.page-template-template-page-fullwidth-php #access {
	height: 28px;
}

.page-template-template-page-fullwidth-php #container {
	width: 840px;
}

.page-template-template-page-fullwidth-php #content {
	margin: 0;
	width: 840px;
}

.page-template-template-page-fullwidth-php #comments {
	display: none;
}

.page-template-template-page-fullwidth-php .hentry,
.page-template-template-page-fullwidth-php .entry-content {
	padding: 0;
}

.page-template-template-page-fullwidth-php table {
	margin: 0;
	padding: 0;
}

/*============================*/
/*=== Footer               ===*/
/*============================*/

#footer {
	border: none;
	width: 840px;
	margin: 0 auto;
}

#siteinfo {
	clear: right;
	float: right;
	padding-top: 0;
	text-align: right;
	width: 520px;
}

#subsidiary {
	margin: 0;
	padding: 0;
	float: left;
	width: 320px;
}

#subsidiary ul {
	margin: 0;
}

/*============================*/
/*=== Twitter Widget       ===*/
/*============================*/
.twtr-doc {
	margin: 0 auto;
	border-radius: 0 !important;
}

.twtr-hd h3,
.twtr-hd h4 {
	display: none;
}

/*============================*/
/*=== Forms                ===*/
/*============================*/

form.wpcf7-form {
	padding: 0 !important;
}

form.wpcf7-form p {
	margin-bottom: 4px;
}

div.wpcf7-mail-sent-ok {
	border: none;
}


/* Info Request */

#info-request {
	font-size:11px;
	text-transform:uppercase;
	width:550px;
}
#info-request input {
	border:1px solid #DDD;
	margin:0;
	width:261px;
}
#info-request select {
	width: 263px;
}
#info-request .column-1 {
	float:left;
	margin: 0 20px 5px 0;
	width:265px;
}
#info-request .column-2 {
	margin: 0 0 5px 285px;
	width:265px;
}
#info-request .column-full {
	clear:both;
}
#info-request .column-full textarea {
	border: 1px solid #DDD;
	height: 70px;
	width: 548px;
}
#info-request .wpcf7-submit {
	background-color: #08C;
	border: none;
	color: #FFF;
	letter-spacing: 1px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	width: 100px;
}

#info-request-table {
	width:838px;
}
#info-request-table tr {
	border: none;
}
#info-request-table tr td {
	padding:0 !important;
}
#info-request-table tr td h1 {
	border-bottom: 1px solid #DDD;
	padding: 50px 0 0 0 !important;
}
#info-request-table tr td p {
	text-align: justify;
}
#info-request-table tr td form,
#info-request-table tr td p,
#info-request-table tr td h2,
#info-request-table tr td h3,
#info-request-table tr td h4,
#info-request-table tr td h5 {
	padding: 0 !important;
}

/*============================*/
/*=== Sharedaddy           ===*/
/*============================*/

.sharing_label {
	font-weight: normal !important;
	font-size: 80%;
}