/*
Theme Name: Origins
Theme URI: http://camla.org
Author: Marty Spellerberg
Author URI: http://martyspellerberg.com/
*/

body {background: #212121; color: #fff; font-family: 'futura-pt',sans-serif;  line-height: 1.4; font-size: 18px; margin: 0; padding: 0;}


a {text-decoration: none; color: #ff2bb8; font-weight: bold;}
a:hover {color: #d72323;}
h1, h3, h4 {font-weight: bold;}

h2 {font-weight: lighter; color: #FFF; font-size: 24px; font-weight: bold; }
h3 {font-weight: lighter; color: #717073; font-size: 24px; font-weight: bold; margin: 0;}

strong {font-weight: bold;}

blockquote {margin: auto 0; color: #717073; font-size: 21px; font-style: italic;}

.header { color: #fff; width: 100%; font-size: 11px; text-align: center; border-bottom: 1px solid #080808; z-index: 1;
	background: #781DA5; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	}
.header .headerwrapper { padding: 5px 20px 6px 20px; overflow: hidden;}

.header a {color: #fff;}
.header h4 {margin: 0; padding: 0;}

#simplemodal-overlay {background: #000}
.modalwrap { display: none; position: fixed; top: 0; left: 0;}
.formatsmodalwrap {right: 0; left: auto !important; }

h1 {margin: 2px 400px; text-align: center; font-size: 19px; }
.header h1 a:hover {color: #999;}

#info {float: left; }
#infomodal {border-radius: 4px; padding: .5em; width: 500px; text-align: left; font-size: 14px; float: left; box-shadow: 0 7px 14px 0 rgba(0,0,0,0.5);
	background: #781DA5;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#333333',GradientType=0 );
}


.title {border-radius: 6px; margin-bottom: .5em; padding: 2em 0;

	background: #781DA5;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#000000',GradientType=0 );
}

.title h5 {width: 400px; height: 150px; margin: 0 auto; background: url(images/title.png) no-repeat center; background-size: contain;}
.title h5 span {display: none}

.infocontent {border-radius: 6px;}


.infocontent .wrap {  border-radius: 5px; color: #FFF; font-weight: bold; margin: 1px;
box-shadow: inset 0 0 3px #e1e3cd;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d3bc', endColorstr='#bbbda4',GradientType=0 ); /* IE6-9 */

}

.infocontent .wrap .padding {padding: .5em 1.75em;}
.infocontent em {font-weight: bold; font-style: italic; }
.infocontent strong {font-size: 18px; }

#contribute {float: right; border-radius: 7px; border: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.5); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5); }
#contribute h4 { display: block; border-radius: 6px; color: #fff; ;
	background: #FF2BB8; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef2d2d', endColorstr='#9c1d1d',GradientType=0 ); /* IE6-9 */

	}
#contribute h4 a {border: 1px solid rgba(256,256,256,0.12); padding: 5px 14px 5px 14px; display: block; border-radius: 6px;}


#contribute.selected {border: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid #414141; box-shadow: none; }
#contribute.selected h4 { box-shadow: inset 0 1px 0 1px rgba(0,0,0,0.3);
border: none;
background: #545454; /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ }
#contribute.selected h4 a { border: 1px solid rgba(0,0,0,0.6); color: #fff; text-shadow: 0 0 10px #ef2d2d; }

#view {float: right; width: 106px; margin-right: 10px; }
#view h4 { display: none }
#view .anotherwrapper { width: 104px; }
#view ul li {cursor: pointer;}
#listtoggle {width: 50px;}
#maptoggle {width: 50px;}

#formats {float: right; position: relative}


.infotick {background: url(images/tick.svg) 25px top no-repeat; padding: 17px; margin-top: 3px}
.formatstick {background: url(images/tick.svg) 105px top no-repeat; padding: 17px; margin-top: 3px}

#formatsmodal { padding: 1em; border-radius: 4px; float: right;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top, #606060 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #606060 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #606060 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #606060 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(top, #606060 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 7px 14px 0 rgba(0,0,0,0.5);
}



#categories { width: 100%; z-index: 200; position: fixed; bottom: 0; border-top: 1px solid #101010; border-bottom: 1px solid #414141;
	background: #781DA5; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	}
#categories .wrapper {	border-top: 1px solid #781DA5; 	padding: 7px 0 8px 0; }
#categories .anotherwrapper { width: 944px; margin: auto;}
#categories ul { width: 944px; }
#categories ul li.all {width: 35px;}
#categories ul li.featured {width: 68px;}
#categories ul li.arts {width: 133px;}
#categories ul li.cultural {width: 180px;}
#categories ul li.family {width: 96px;}
#categories ul li.food {width: 49px;}
#categories ul li.history {width: 59px;}
#categories ul li.civic {width: 115px;}
#categories ul li.religion {width: 137px;}
#categories ul li.shops {width: 54px;}

/* Button Styles */

.buttonstyle { color: #fff; overflow: hidden; font-size: 11px; text-align: center; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,0.8); }

.buttonstyle .anotherwrapper { border-bottom: 1px solid rgba(256,256,256,0.06); border-radius: 8px; }

.buttonstyle ul {margin: 0; padding: 0; list-style: none; border: 1px solid rgba(0,0,0,0.45);  overflow: hidden; border-radius: 7px;}

.buttonstyle ul li {margin: 0; padding: 0; overflow: auto; display: block; float: left; border-left: 1px solid rgba(256,256,256,0.12); border-right: 1px solid rgba(0,0,0,0.45); }
.buttonstyle ul li a {color: #ccc; display: block; padding: 6px 0 5px 0;  border-top: 1px solid rgba(256,256,256,0.22); border-bottom: 1px solid rgba(256,256,256,0.06); }
.buttonstyle ul li a:hover {color: #fff; cursor: pointer; }

.buttonstyle ul li.first {border-left: none !important; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.buttonstyle ul li.first a { border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.buttonstyle ul li.last {border-right: none !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.buttonstyle ul li.last a { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.buttonstyle ul li.selected {
    box-shadow: inset 0 1px 0 1px rgba(0,0,0,0.3);
	border-left: 1px solid transparent;
	background: #545454; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* W3C */
	 }
.buttonstyle ul li.selected a {border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(256,256,256,0.04); color: #fff; }


.thinbutton h4 { display: block; border-radius: 3px; margin: 4px 10px 2px 0; cursor: pointer; border-top: 1px solid rgba(0,0,0,0.9); color: #FFF; text-shadow: 0 -1px 0 rgba(256,256,256,0.3); font-weight: normal;
	background: #FF2BB8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#818181',GradientType=0 ); /* IE6-9 */
	}
.thinbutton h4 span {border: 1px solid rgba(256,256,256,0.12); padding: 2px 6px 1px 6px; display: block; border-radius: 3px; }

.thinbutton.open h4 { color: #FFF; border-top: 1px solid transparent; background: transparent; font-weight: normal;}
.thinbutton.open h4 span { box-shadow: 0 0 15px 2px #ef2d2d; border: none; padding: 3px 7px 2px 7px;
	background: #ff55c6;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fde0e0',GradientType=0 ); /* IE6-9 */

}

/* Toggle Style */

.togglestyle { color: #fff; overflow: hidden; font-size: 11px; text-align: center; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,0.8); }

.togglestyle ul {margin: 0; padding: 0; list-style: none;   overflow: hidden; }

.togglestyle ul li { border-bottom: 1px solid rgba(256,256,256,0.06); border-radius: 8px; overflow: auto; display: block; float: left; margin: 0 .5em; padding: 0;}
.togglestyle ul li div { border: 1px solid rgba(0,0,0,0.45); border-radius: 7px; overflow: auto; display: block; }
.togglestyle ul li div span {padding: 0; overflow: auto; display: block; border-radius: 6px; }
.togglestyle ul li div span a {color: #ccc; display: block; padding: 6px 12px 5px 12px;  border-top: 1px solid rgba(256,256,256,0.22); border-bottom: 1px solid rgba(256,256,256,0.06); border-radius: 6px; }
.togglestyle ul li div span a:hover {color: #fff; cursor: pointer;}

.togglestyle ul li.selected div span {
    box-shadow: inset 0 1px 0 1px rgba(0,0,0,0.3);
	background: #545454; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0.25) 100%); /* W3C */
	 }
.togglestyle ul li.selected div span a {border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(256,256,256,0.04); color: #fff; }


/* Map */

#map {background: url(images/texture.png) #212121; background-size: 1024px 512px;}

.contentholder {display: none;}

.infowindow { color: #444; }
.infowindow p { margin-bottom: 0; }

#content { overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #e9c191; background-size: 1024px 512px;}

.item {margin: 1em; color: #FFF; background: #781ea5; padding: .25em 1.5em .75em 1.5em; overflow: hidden; border-radius: 4px;}


.listview .item {padding: .75em 1em;}


.address {margin: 0; font-size: .9em; color: #FFF;}

.titleblock {padding-left: 30px;}
.standard .titleblock {background: url(images/marker-standard.png) 0 4px no-repeat; background-size: 20px 34px;}
.link .titleblock {background: url(images/marker-link.png) 0 4px no-repeat; background-size: 20px 34px;}
.video .titleblock {background: url(images/marker-video.png) 0 4px no-repeat; background-size: 20px 34px;}
.image .titleblock {background: url(images/marker-picture.png) 0 4px no-repeat; background-size: 20px 34px;}
.audio .titleblock {background: url(images/marker-audio.png) 0 4px no-repeat; background-size: 20px 34px;}


.back {font-size: .8em}

.alignright {float: right; margin: 0 0 .5em 1em ;}

#comments { font-size: 14px; border-top: 1px solid #ccc; clear: both; padding-top: 1em}
#comments h3 {font-size: 14px;}


.notfound {text-align: center; position: absolute; top:40%; width: 100%; color: #999; text-shadow: 0 2px 5px #000; line-height: 1.8}
.notfound h2 {display: none;}

/* Forms */

.gform_heading {}

.gfield_label {display: block !important;}

.gfield {padding: 1em 0; overflow: hidden !important; display: block; border-top: 1px solid rgba(0,0,0,0.1); }
.gfield input, .gfield textarea { font-size: 18px !important; border: none !important; width: 100% !important; padding: .5em !important; border-radius: 6px;}
.gfield input.medium  { width: 100% !important; }



.gfield_description {width: 350px !important; float: left !important; font-size: 16px !important; }
.ginput_container {margin-left: 370px !important; width: 50% !important;}

.formnewsletter .ginput_container, .formpermission .ginput_container {margin-left: 0 !important; width: 80% !important; font-size: 16px !important; }
.formnewsletter .ginput_container ul li label, .formpermission .ginput_container ul li label {margin-left: 40px !important;}

.formtitle {}
.formtitle {}
.formaddress {}
.formdescription textarea {}

.formimage {}
.formaudio {}
.formname {}
.formemail {}