/*
Theme Name: Domena
Theme URI: https://reidknorr.com/domena
Author: Reid Knorr & Andrew Kallemeyn
Author URI: https://reidknorr.com
Description: Domain for Sale Template powered by Wordpress.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: Domain Sale, Modern, Clean
*/

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

body {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:14px;
	background:#fff;
}

html.color_scheme_main_light.lightbox_enabled,
html.color_scheme_main_light.lightbox_enabled body {
	background:#f5f5f5;
}

html.color_scheme_main_light.lightbox_enabled #content_wrapper {
	border:none;
}

a {
	color:#3399cc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Button Styles */
button,
input.button,
a.button {
	display:inline-block;
	text-shadow:1px 1px #18a1ce;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:50px;
	height:50px;
	padding:0 15px;
	margin:10px 10px 0 0;
	box-shadow: 0 0 5px #ccc;
	font-size:20px;
	border:0;
	cursor:pointer;
}

a.primary.button strong {
	font-weight:bold;
}

a.price.button span.old-price {
	padding:0 10px;
	position:relative;
}

a.price.button span.strike {
	display:block;
	background:url(../images/price_strike.png) center center no-repeat;
	width:60px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
}

a.price.button strong {
	font-weight:bold;
}

a.price.button span.old-price {
	padding:0 10px;
	position:relative;
}

a.secondary.button {
	background:#fff;
	display:inline-block;
	color:#1cbdf2;
	text-shadow:none;
	font-weight:bold;
	box-shadow: 0 0 5px #eee;
}

form fieldset button.loading {
	background:#333;
	text-shadow:none;
}

form fieldset button.loading span {
	display:block;
	line-height:inherit;
	background:url(https://www.wordsurfing.co.uk/images/spinner.gif) center center no-repeat;
}

/* Button Styles - Colors */
/* Blue */
html.color_scheme_elements_blue a {
	color:#3399cc;
}

html.color_scheme_elements_blue button,
html.color_scheme_elements_blue input.button,
html.color_scheme_elements_blue a.button.price,
html.color_scheme_elements_blue a.button.primary,
html > body a.button.price.blue,
html > body a.button.primary.blue,
html > body input.button.blue {
	color:#fff;
	background-color:#1cbdf2;
	text-shadow:1px 1px #18a1ce;
}

html.color_scheme_elements_blue a.secondary.button,
html > body a.button.secondary.blue {
	color:#1cbdf2;
}

html.color_scheme_elements_blue #header h2 {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_blue.png);
}

/* Green */
html.color_scheme_elements_green a {
	color:#669900;
}

html.color_scheme_elements_green button,
html.color_scheme_elements_green input.button,
html.color_scheme_elements_green a.button.price,
html.color_scheme_elements_green a.button.primary,
html > body a.button.price.green,
html > body a.button.primary.green,
html > body input.button.green {
	color:#fff;
	background-color:#669900;
	text-shadow:1px 1px #339900;
}

html.color_scheme_elements_green a.secondary.button,
html a.button.secondary.green {
	color:#669900;
}

html.color_scheme_elements_green #header h2 {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_green.png);
}

/* Orange */
html.color_scheme_elements_orange a {
	color:#ff6600;
}

html.color_scheme_elements_orange button,
html.color_scheme_elements_orange input.button,
html.color_scheme_elements_orange a.button.price,
html.color_scheme_elements_orange a.button.primary,
html > body a.button.price.orange,
html > body a.button.primary.orange,
html > body input.button.orange {
	color:#fff;
	background-color:#ff6600;
	text-shadow:1px 1px #cc6600;
}

html.color_scheme_elements_orange a.secondary.button,
html > body a.button.secondary.orange {
	color:#ff6600;
}

html.color_scheme_elements_orange #header h2 {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_orange.png);
}

/* Red */
html.color_scheme_elements_red a {
	color:#cc0000;
}

html.color_scheme_elements_red button,
html.color_scheme_elements_red input.button,
html.color_scheme_elements_red a.button.price,
html.color_scheme_elements_red a.button.primary,
html > body a.button.price.red,
html > body a.button.primary.red,
html > body input.button.red {
	color:#fff;
	background-color:#cc0000;
	text-shadow:1px 1px #990000;
}

html.color_scheme_elements_red a.secondary.button,
html > body a.button.secondary.red {
	color:#cc0000;
}

html.color_scheme_elements_red #header h2 {
	background-image:url(../images/for_sale_red.png);
}

/* "For Sale" Logo Colors */
html body #header h2.red {
	background-image:url(../images/for_sale_red.png);
}

html body #header h2.green {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_green.png);
}

html body #header h2.blue {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_blue.png);
}

html body #header h2.orange {
	background-image:url(https://www.wordsurfing.co.uk/images/for_sale_orange.png);
}

html body #header h2.none {
	display:none;
}

#header,
#content,
#footer {
	width:940px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}

#header h1 {
	text-align:center;
	position:relative;
	width:90%;
	margin:0 auto;
}

#header h1 a {
	text-decoration:none;
	color:#000;
}

#header.handwritten h1 {
	font-family: 'ReenieBeanieRegular', Arial, serif;
}

#header img {
	display:none;
}

#header.custom h1 {
	text-indent:-3000px;
}

#header h2 {
	display:block;
	width:183px;
	height:77px;
	background:url(../images/for_sale_red.png);
	text-indent:-3000px;
	position:absolute;
	right:10px;
	top:0px;
}

#header.custom h2 {
	bottom:80px;
}

/* Selling Points - Handwritten Style */
div.selling-points.handwritten li a,
div.selling-points.handwritten li {
	color:#999;
	text-decoration:none;
	font-size:30px;
	font-family: 'ReenieBeanieRegular', Arial, serif;
}

div.selling-points.handwritten li {
	position:absolute;	
}

div.selling-points.handwritten li.p0 {
	background:url(../images/line_dark_2.png) center bottom no-repeat;
	left:50px;
	top:0;
	padding-bottom:60px;
}

div.selling-points.handwritten li.p1 {
	background:url(../images/line_dark_1.png) center bottom no-repeat;
	left: 220px;
	top: 0;
	padding-bottom: 140px;
}

div.selling-points.handwritten li.p2 {
	background:url(../images/line_dark_3.png) center bottom no-repeat;
	left: 510px;
	top: 0;
	padding-bottom: 50px;
}

div.selling-points.handwritten li.p3 {
	background:url(../images/line_dark_4.png) left bottom no-repeat;
	left: 710px;
	top: 0;
	padding-bottom: 120px;
}

/* Selling Points - Toolbar Style */
div.selling-points.toolbar {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

div.selling-points.toolbar ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

div.selling-points.toolbar ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	border:1px solid #ccc;
	border-right:0;
	right:50%;
}

div.selling-points.toolbar ul li a {
	display:block;
	background:#eee;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
 	color:#333;
	text-shadow:1px 1px 0 #fff;
	text-decoration:none;
	line-height:40px;
	padding:0 20px 0 20px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}

div.selling-points.toolbar ul li.p3 {
	border-right:1px solid #ccc;
	
}

div.selling-points.toolbar ul li.p3,
div.selling-points.toolbar ul li.p3 a {
	border-radius:0 8px 8px 0;
}

div.selling-points.toolbar ul li.p0,
div.selling-points.toolbar ul li.p0 a {
	border-radius:8px 0 0 8px;
}

div.selling-points.toolbar ul li.p0 a {
	border-left:0;
	z-index:20;
}

#successMessage {
	margin-top: 20px;
	padding: 20px;
	background: white;
	font-size: 0.9em;
	border: 1px solid #EEE;
}

#successMessage a.button {
	margin-top:20px;
}

/* Selling Points - Tooltips */
div.tooltip {
	position:absolute;
	top:50px;
	left:50px;
	padding-bottom:6px;
	width:250px;
	z-index: 101;
	margin-bottom:15px;
	margin-left:-135px;
}

div.tooltip div.inner {
	background:#000;
	padding:10px;
	color:#fff;
	border-radius:8px;
	box-shadow:0 0 8px #666;
	font-size: 13px;
	line-height: 17px;
	color: #fff;
}

div.tooltip span.triangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
	position:absolute;
	left:50%;
	margin-left:-3px;
	bottom:0px;
}

#content_wrapper {
	background:#f5f5f5;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:20px;
	margin:20px 0;
	height:1%; /* hasLayout fix */
}

#content,
#footer {
	width:500px;
	padding:0 40px 0 40px;	
}

#content_wrapper {
	font-size:18px;
	line-height:28px;
	color:#666;
	text-shadow:1px 1px #fff;
}

#content p {
	margin-bottom:0.7em;
}

#content p:last-child {
	margin:0;
}

#content_wrapper h2 {
	font-weight:bold;
	background:url(../images/title_highlight.png) center center;
	width:594px;
	height:51px;
	line-height:51px;
	text-align:center;
	margin:0 auto 10px auto;
	color:#333;
}

#hidden-resizer {
	font-size:10px;
	display:none;
	float:left;
	white-space:nowrap;
}

#footer {
	margin-top:30px;
	color:#666;
	padding-bottom:50px;
}

#footer p {
	clear:both;
}

#footer ul {
	clear:both;
	margin-bottom:10px;
}

#footer ul,
#footer ul li {
	float:left;
}

#footer ul li a {
	float:left;
	margin-right:15px;
}

/*--- CONTACT / LEAD FORM ---*/
#contact_form {
	overflow:hidden;
	margin-top:20px;
}

#contact_form fieldset {
	margin:0;
	padding:0;
	zoom:1;
}

#contact_form ol {
	float:left;
	clear:both;
	width:100%;
}

#contact_form ol li {
	float:left;
	width:100%;
	padding-bottom:10px;
}

#contact_form ol li.textarea {
	clear:both;
}

#contact_form ol li input,
#contact_form ol li textarea {
	width:360px;
	font-size:15px;
	resize:none;
	padding:4px;
	font-family:sans-serif;
}

#contact_form ol li label {
	display:block;
	width:120px;
	font-weight:bold;
	float:left;
}

#contact_form button, #contact_form input.button {
	margin-top:0;
	margin-left:120px;
	float:left;
}

#contact_form li div.error {
	display:none;
}

#contact_form li.error label { color: #cc0000; }
#contact_form li.error textarea,
#contact_form li.error input {
	border:1px solid #cc0000;
	color:#cc0000;
	background:#ffefef;
}

#contact_form li.error div.error {
	color:#cc0000;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	margin-left:120px;
	display:block;
}

#contact_form_status {
	float:left;
	margin:0 20px 0 20px;
	font-weight:bold;
	line-height:50px;
	font-size:12px;
}

#contact_form_status.success {
	color:#009933;
}

#contact_form_status.error {
	color:#cc0000;
}

/*--- DARK THEME ---*/
html.color_scheme_main_dark, html.color_scheme_main_dark body {
	background:#000;
	color:#fff;
}

html.color_scheme_main_dark #header h1 a {
	color:#fff;
}

html.color_scheme_main_dark #content_wrapper {
	background:#262626;
	border:0;
	color:#eee;
	text-shadow:1px 1px #1e1e1e;
}

html.color_scheme_main_dark #content_wrapper h2 {
	color:#fff;
	background-image:url(https://www.wordsurfing.co.uk/images/title_highlight_dark.png);
}

html.color_scheme_main_dark button,
html.color_scheme_main_dark input.button,
html.color_scheme_main_dark input.secondary.button,
html.color_scheme_main_dark a.secondary.button,
html.color_scheme_main_dark a.button {
	box-shadow: 0 0 4px #1e1e1e;
}

html.color_scheme_main_dark #header div.selling-points li.p0 {
	background:url(https://www.wordsurfing.co.uk/images/line_light_2.png) center bottom no-repeat;
}

html.color_scheme_main_dark #header div.selling-points li.p1 {
	background:url(https://www.wordsurfing.co.uk/images/line_light_1.png) center bottom no-repeat;
}

html.color_scheme_main_dark #header div.selling-points li.p2 {
	background:url(https://www.wordsurfing.co.uk/images/line_light_3.png) center bottom no-repeat;
}

html.color_scheme_main_dark #header div.selling-points li.p3 {
	background:url(https://www.wordsurfing.co.uk/images/line_light_4.png) left bottom no-repeat;
}

html.color_scheme_main_dark #edit-mode-toolbar {
	box-shadow:none;
	background:#1e1e1e;
}

html.color_scheme_main_dark input,
html.color_scheme_main_dark textarea {
	background:#1c1c1c;
	border:1px solid #3a3a3a;
	color:#fff;
}

html.color_scheme_main_dark #contact_form li.error textarea,
html.color_scheme_main_dark #contact_form li.error input {
	background:#1c1c1c;
}

html.color_scheme_main_dark div.selling-points.toolbar ul li {
	border:0;
	border-right:1px solid #333;
}

html.color_scheme_main_dark div.selling-points.toolbar ul li a {
	background:#262626;
	background: -moz-linear-gradient(top, #565656 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #565656 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #565656 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #565656 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(top, #565656 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px 0 #000;
	color:#fff;
	border-left:1px solid #666;
	border-top:1px solid #666;
}

html.color_scheme_main_dark div.tooltip div.inner {
	background:#fff;
	color:#333;
	box-shadow:0 0 8px #000;
}

html.color_scheme_main_dark div.tooltip span.triangle {
	border-top: 6px solid #fff;
}

html.color_scheme_main_dark #successMessage {
	border:1px solid #333;
	background:#000;
}

/*--- ADMIN EDIT MODE ---*/
html.editMode body {
	margin-top:46px;
}

html.editMode body a.button.disabled {
	background:#333;
	color:#666;
	text-shadow:none;
}

html.editMode body a.button.saving {
	background:#333 url(https://www.wordsurfing.co.uk/images/spinner.gif) 9px center no-repeat;
	color:#fff;
	text-shadow:none;
	padding-left:35px;
}

html.editMode body a.button.saved {
	background-image:url(https://www.wordsurfing.co.uk/images/saved_ico_white.png);
	background-position:9px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#edit-mode-toolbar-view {
	display:none;
}

#edit-mode-toolbar {
	height:45px;
	background:#000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	box-shadow:0 0 10px #ccc;
}

#edit-mode-toolbar div.options {
	width:920px;
	margin:0 auto;
}

#edit-mode-toolbar div.options ul {
	line-height:30px;
	margin-top:7px;
	float:left;
	color:#fff;
}

#edit-mode-toolbar div.options ul li {
	float:left;
}

#edit-mode-toolbar div.options ul li.heading {
	margin-right:10px;
	font-weight:bold;
	padding-left:35px;
	background:url(https://www.wordsurfing.co.uk/images/edit_toolbar_sprites.png) 5px 0px no-repeat;
}

#edit-mode-toolbar div.options ul li a {
	padding:0 15px 0 10px;
	color:#ccc;
	display:block;
	text-decoration:none;
	font-size:13px;
	border-right:1px solid #000;
	padding-left:40px;
	background:#333 url(https://www.wordsurfing.co.uk/images/edit_toolbar_sprites.png) 8px -30px no-repeat;
}

#edit-mode-toolbar div.options ul li.selected a:hover,
#edit-mode-toolbar div.options ul li.selected a {
	background-color:#fff;
	color:#333;
}

#edit-mode-toolbar div.options ul li a:hover {
	color:#fff;
}

#edit-mode-toolbar div.options ul li.all a {
	border-radius:8px 0 0 8px;
	padding-left:30px;
	background-position:4px -30px;
}

#edit-mode-toolbar div.options ul li.domain-logo a {
	background-position: 8px -60px;
}

#edit-mode-toolbar div.options ul li.selling-points a {
	background-position: 8px -90px;
}

#edit-mode-toolbar div.options ul li.for-sale-text a {
	border-radius:0 8px 8px 0;
	background-position: 8px -120px;
	border:none;
}

#edit-mode-toolbar div.options ul li.all.selected a {
	background-position: 4px -180px;
}

#edit-mode-toolbar div.options ul li.domain-logo.selected a {
	background-position: 8px -210px;
}

#edit-mode-toolbar div.options ul li.selling-points.selected a {
	background-position: 8px -240px;
}

#edit-mode-toolbar div.options ul li.for-sale-text.selected a {
	background-position: 8px -270px;
}

#edit-mode-toolbar div.options a.done.button {
	float:left;
	box-shadow:none;
	line-height:30px;
	height:30px;
	margin-top:7px;
	margin-left:5px;
	font-size:13px;
	font-weight:bold;
	border-radius:8px;
}

#edit-mode-toolbar div.options a.back_to_admin.button {
	float:right;
	box-shadow:none;
	line-height:30px;
	height:30px;
	margin-top:7px;
	font-size:13px;
	padding-left:35px;
	border-radius:8px;
	color:#ccc;
	text-shadow:none;
	background:#333 url(https://www.wordsurfing.co.uk/images/edit_toolbar_sprites.png) 8px -300px no-repeat;
}

#edit-mode-toolbar div.options a.back_to_admin.button:hover { color:#fff }

.ui-draggable a,
.ui-draggable {
	cursor:move;
	z-index:100;
}