/* main layout */
* {
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	text-indent: 0;
	color: #fff;
	}
body {
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.625em;
	/* this sets the em size
	0.625em	- 1em = 10px
	0.625em	- 1em = 10px
 	0.688em	- 1em = 11px
 	0.75em	- 1em = 12px
 	0.813em	- 1em = 13px
 	0.875em	- 1em = 14px
 	0.938em	- 1em = 15px
 	1em 	- 1em = 16px
 	1.063em	- 1em = 17px
 	1.125em	- 1em = 18px
 	1.188em	- 1em = 19px
 	1.25em	- 1em = 20px
	*/
}
.outer-container {
	margin: 2em auto;
	width: 94em;
}
.inner-container {
	float: left;
	clear: both;
	width: 96em;
	padding: 2em 1em 0 1em;
	position: relative; /* allows for positioned objects inside */
}
.col {
	min-width: 2em;
	margin: 0 1em 2em 1em;
	float: left;
}
.col>div {
	padding: 2em;
}
.col_1 {width: 6em;}
.col_2 {width: 14em;}
.col_3 {width: 22em;}
.col_4 {width: 30em;}
.col_5 {width: 38em;}
.col_6 {width: 46em;}
.col_7 {width: 54em;}
.col_8 {width: 62em;}
.col_9 {width: 70em;}
.col_10 {width: 78em;}
.col_11 {width: 86em;}
.col_12 {width: 94em;}

.first {clear: left;}
.clear {clear: both;}
.hide {display: none;}
.right {float: right;}
.left {float: left;}


/* typography */

h1 {
	font-size: 2.6em;
	line-height: 1.4em;
	padding-bottom: 0.3em;
}
h2 {
	font-size: 2.2em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
}
h3 {
	font-size: 2.0em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
}
h4 {
	font-size: 1.8em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
}
h5 {
	font-size: 1.6em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
}
h6 {
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 0.6em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

p, blockquote, ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
blockquote {
	border-left: 0.5em solid;
	padding-left: 2em;
}
.article_thumbs {
    width: 100%;
    list-style-type: none;
    clear: both;
    float: left;
}
.article_thumbs li {
width: 450px;
height: 300px;
overflow: hidden;
float: left;
clear: none;
}
.article_thumbs li:nth-child(odd) {clear: left;}
.article_thumbs img{clear: none; margin: 10px;}
    
    
}


/* font stacks

font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
*/

/* forms */
/* Set up for 6 col div may need adjustment for other col set ups */
label {
	float: left;
	clear: left;
	width: 20%;
	text-align: right;
	font-size: 1.2em;
        padding: 0.2em 0 0.3em 0;
	line-height: 1.5em;
}
legend {
    font-size: 1.2em;
font-weight: bold;
}
input, textarea, select {
    background-color: #fff;
    color: #000;
    float: left;
    clear: none;
    border: 1px solid #999;
    font-family: inherit;
    font-size: 1.2em;
    margin: 0 0em 1em 0.5em;
    height: 1.8em;
}
textarea {height: 7.2em;}
input.button {
    padding: 0.2em 0.3em 0.1em 0.3em;
    margin: 0 0em 1em 0.5em;
}
.text, .textarea, select {width: 60%;}
select {
    padding: 0 0 0 0.3em;
    height: 1.8em;
}



.button_link {
    background-color: #fff;
    float: left;
    dislay: block;
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
    padding: 0.22em 0.5em 0.3em 0.5em;
    margin: 0 0em 1em 0.5em;
    border: 1px solid #999;
}
fieldset fieldset {
    clear: both;
}
fieldset.radio input, fieldset.radio label,
fieldset.checkbox input, fieldset.checkbox label {clear: none;/* makes radio buttons and checkboxes float in 3 cols */}
#submit{
    float: right; 
    clear: both; 
    margin-right: 18em; 
    padding: 0.5em 1.5em;
    height: 2.5em;
}
.logged-in #submit{
    margin-right: 34em; 
}
.required {border: 1px solid #666;}
.terms label{
    width: 70%;
    margin-bottom: 1.5em;
}
.help {
	float: left;
	clear: none;
	font-size: 1.2em;
    margin: 0.4em 0.5em;
}

/* Form Error */
.error {
    float: left;
    clear: both;
    background-color: #c00;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0 0 21.3%;
    border: 1px solid #c00;
}

.error + label + * {border: 1px solid #c00;}
.error h3, .error p {
    color: #fff;
    padding: 0;
    margin: 0;
    display: inline;
}
.error h3 {
    font-size: 1.2em;
}
.error p {
    font-size: 1.2em;
}

/* Content images */
img  {
	float: left;
	clear: left;
	margin: 0.2em 1em 0.2em 0;
}
img.left  {
	float: left;
	clear: none;
	margin: 0.2em 1em 0.2em 0;
}
img.right  {
	float: right;
	clear: none;
	margin: 0.2em 0 0.2em 1em;
}
img.center  {
	float: none;
	clear: both;
	display: block;
	margin: 0.2em auto 0.2em auto;
}
img.full  {
	float: left;
	clear: none;
	margin: 0.2em 0 0.2em 0;
	width: 100%;
}
.thumbs  {
	width: 103%;
	float: left;
	clear: none;
	list-style-type: none;
}
.thumbs li {
	float: left;
	clear: none;
	width: 25%;
}
.thumbs li:first-child {
}
.thumbs img {
	float: left;
	clear: none;
	width: 90%;
	margin: 0 10% 10% 0;
}
/* navigation */
.top_nav, .side_nav {
	list-style: none;
        width: 100%;
}
.top_nav li {
	float: left;
	clear: none;
	min-width: 33%;
	list-style: none;
	text-align: center;
}
.side_nav li {
	display: block;
}
.top_nav a, .side_nav a {
	display: block;
	padding: 5px 60px;
	display: block;
	color: #213f4a;
	font-family: 'Lobster', serif;
	font-size: 3em;
	text-decoration: none;
	text-shadow: -1px -1px 1px #051c25;
}
.top_nav a:hover, .side_nav a:hover {
	color: #051c25;
	text-decoration: none;
	text-shadow: -1px -1px 1px #051c25;
}

.no_margin {margin: 0;}
.no_padding {padding: 0;}

/* Miscellaneous */

.logo {
	display: block;
	font-family: 'Lobster', serif;
	color: #213f4a;
	font-size: 15em;
	text-decoration: none;
	text-shadow: -1px -1px 1px #051c25;
}
p.strapline {
	margin-top: -0.5em;
	line-height: 0;
	text-indent: 5.4em;
	font-size: 5em;
	color: #213f4a;
	text-shadow: -1px -1px 1px #051c25;
}

body {
	background: #294d5b;
	font-family: 'Droid Sans', sans-serif;
}
.col_6>div {
	box-shadow: -1px -1px 0px #051c25;
	border-top: 20px solid #213f4a;
	border-bottom: 20px solid #213f4a;
	border-left: 1px solid #294d5b;
	border-right: 1px solid #294d5b;
	-moz-border-radius: 60px;
	padding: 20px 10px;
	min-height: 300px;
}


.post {
	clear: both;
	webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #213f4a;
}

.single-inspirationgallery p a span {
    display: block; 
    clear: both;
    }
.single-inspirationgallery p a:hover span {
    text-decoration: underline;
    }

.single-inspirationgallery p a span:before {
    content: "visit ";
}
.single-inspirationgallery p a span:after {
    content: "'s website";
}

.article_footer,
.tags
 {clear: both;}
a.more-link {font-weight:bold; font-size: 1.2em;}

ul.gallery {margin-top: 15px; clear: both; float: none}