/*
Theme Name: Seja Design Framework V2.7
Description: theme colour styles - Add all your theme modifications here.
*/

body {	
	background:#e2e2e2;
	font-size:16px;
	/* set a background colour here if required */
}

/* =Fonts
-------------------------------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6,
th,
.entry-title,
.category-title,
.page-title span,
h3#comments-title,
h3#reply-title,
.widget-title,
.custom-block h2,
.custom-block h3,
.custom-block h4 {
	font-family: 'Merriweather', serif;
}
p,
ol,
ul,
dd,
pre,
td,
input,
textarea,
address,
#navigation,
.entry-meta,
.entry-content a,
.entry-date-excerpt,
.entry-utility,
.widget-area a,
.custom-block,
#back-to-top,
#wp-calendar caption,
.site-info,
.copyright {
	font-family: 'Open Sans', sans-serif;
}
pre,
#respond .form-allowed-tags
{
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Default Font Colours
-------------------------------------------------------------- */

/*main highlight colours */
h1,
h2,
h3,
h4,
h5,
h6,
legend,
th,
address,
.entry-title,
.entry-title a:link,
.entry-title a:visited,
h3#comments-title,
h3#reply-title,
.widget-title,
#wp-calendar caption {
	color:#18395d;
}
/* highlight colours */
.highlight {
	color:#880c0c;
}
/* default link colours  */
a:link {
	color: #1b589a;
}
a:visited {
	color: #1b589a;
}
/*menu colours */

#navigation a {
	color:18395d;
}
#navigation ul ul a {
	color:#18395d;
}
#navigation li:hover > a {
	color: #880c0c;
}
#navigation ul ul :hover > a {
	color:#880c0c;
}



/*default colour */
p,
ol,
ul,
dd,
pre,
td,
.comment-body p,
.custom-block {
	color:#444;
}
#footer-widget-area p,
#footer-widget-area ol,
#footer-widget-area ul,
#footer-widget-area dd,
#footer-widget-area pre,
#footer-widget-area td {
	color:#333;
}
/*
/* light colour */
.entry-meta,
.entry-meta a:link,
.entry-meta a:visited,
.entry-utility,
.entry-utility a:link,
.entry-utility a:visited,
.navigation a:link,
.navigation a:visited,
p.logged-in-as,
p.logged-in-as a:link,
p.logged-in-as a:visited,
p.form-allowed-tags,
p.comment-meta,
.comment-meta a:link,
.comment-meta a:visited {
	color:#999;
}

/* dark colour */
input,
textarea,
.category-title {
	color:#18395d;
}

/* link hover colours */

a:active,
a:hover,
.entry-title a:active,
.entry-title a:hover,
.entry-meta a:active,
.entry-meta a:hover,
.entry-utility a:active,
.entry-utility a:hover,
.navigation a:active,
.navigation a:hover,
#comments .comment-meta a:active,
#comments .comment-meta a:hover,
p.logged-in-as a:active,
p.logged-in-as a:hover,
.site-info a:active,
.site-info a:hover,
.copyright a:active,
.copyright a:hover {
	color: #134d8c;
}

/* structure and backgrounds
-------------------------------------------------------------- */


#header-shell {
	
	background: #1e5799;
	background: -webkit-linear-gradient(left, #1e5799 0%, #1e5799 0%, #ffffff 0%, #ffffff 49.999%, #18395d 50%, #18395d 100%);
	background:    -moz-linear-gradient(left, #1e5799 0%, #1e5799 0%, #ffffff 0%, #ffffff 49.999%, #18395d 50%, #18395d 100%);
	background:     linear-gradient(to right, #1e5799 0%, #1e5799 0%, #ffffff 0%, #ffffff 49.999%, #18395d 50%, #18395d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#18395d',GradientType=1 );
}
.header-bg {
	background: url(../images/louis-antiques-menubar.png) repeat-x 0 220px;
	padding-bottom:40px
}
#header {
	background: url(../images/headers/louis-antiques-bg-large.png) no-repeat 0 0;
	padding-top:220px;
}
#header-img img {
	display:none;
}
@media (max-width: 1000px)  {
	#header {
		background: url(../images/headers/louis-antiques-bg-regular.png) no-repeat 0 0;
	}
}
@media (max-width: 450px)  {
	#header {
		background: url(../images/headers/louis-antiques-bg-small.png) no-repeat 0 0;
		padding-top:156px;
	}
	@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		#header {
			background: url(../images/headers/louis-antiques-bg-small-hd.png) no-repeat 0 0;
			background-size:320px 156px;
		}
	}
}	
#navigation {
	
}
#top-content-block {}
#content-shell {
	background:#fff;
	
}
#content {
	background:#fff;min-height:500px;
}
#footer {
}
#colophon {
	background:#e2e2e2;
}

/* form elements 
-------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="file"],
select,
textarea { 
	background: #f5f5f5;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
}
input[type="submit"],
#content input[type="submit"],
a.button {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#18395d;
	color:#fff;
	text-transform:uppercase;
}
input[type="submit"]:hover,
#content input[type="submit"]:hover,
a.button:hover {
	background:#880c0c;
}
/* widget search submit button */
.widget_search input#searchsubmit {
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius:    0 15px 15px 0;
	border-radius:         0 15px 15px 0;
}
/* theme specific elements 
-------------------------------------------------------------- */

.separator {
	
}
.seja-link-div {
	background:#f1f1f1;
}

/* Pagenation THIS NEEDS SOME CORRECTING
-------------------------------------------------------------- */
.pagination span, .pagination a {
	background: #fff; /* background colour of inactive pagination blocks */
}
.pagination .current,
.pagination a:hover{
	color:#fff; /* font colour of current page block */
	/* background colour selected in Admin > Seja Template > Theme Settings > Theme Content */
}
.pagination a:hover{
	background: #f90; /* match both with the theme hover colour */
	border:1px solid #f90;
}
/* add all custom header elements here */

/* add all custom menu elements here */
nav,
nav select {
	background:#18395d;
}
/* add all custom content elements here */
.entry-title {
	font-size:2rem;
}


/* add all custom footer elements here */