/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Stylezzz */
body {
    background:url(../img/bg/body.png) repeat;
    font-family: 'Shanti', 'helvetica neue', helvetica, arial, sans-serif;
    line-height:1.35;
    -webkit-font-smoothing: antialiased;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.top-border {
    height:6px;
    width:100%;
    background:url(../img/bg/top-border.png) repeat-x;
    margin-bottom:30px;
}
.wrapper {
    margin:0 auto;
    width:960px;
    position:relative;
}

#header {
    color:#ccc;
    text-shadow:1px 1px 0 #1c1d20;
    margin-bottom:-10px;
}
#header h1 {
    width:231px;
    height:216px;
    position:absolute;
    z-index:10;
    left:-50px;
}
#header h1 span {
    display:none;
}
#header h2 {
    margin:0 auto;
    font-size:28px;
    text-align:center;
    font-weight:200;
    margin-bottom:10px;
}
#header h2 em {
    font-family:'Permanent Marker', georgia, serif;
    font-style:italic;
    color:#eee;
    text-shadow:1px 1px 2px #000;
}
.sharing {
    height:22px;
    margin-left:280px;
}
.sharing .tweet-btn {
    float:left;
    display:inline-block;
}

#map-area.map-area {
    background:url(../img/bg/map-shadow.png) transparent;
    margin-left:-30px;
    margin-right:-30px;
    padding:30px;
}
#map-area .map {
    background:url(../img/bg/underlay.jpg) #eee;
    width:960px;
    -webkit-box-shadow:inset 0 1px 0 #f5f5f5;
    -moz-box-shadow:inset 0 1px 0 #f5f5f5;
    box-shadow:inset 0 1px 0 #f5f5f5;
}

#google-map.google-map {
    width:700px;
    height:600px;
    margin:10px;
    float:left;
    background-color:#e5e5e5;
}
#google-map.google-map.underlay {
    /*background-color:transparent;*/
}
#google-map .canvas {
    width:698px;
    height:598px;
    border:solid 1px #ccc;
    opacity:0.9;
}

#google-map {
    font-size:13px;
    text-shadow:1px 1px 0 #eee;
    color:#444;
}
#google-map h3 {
    font-size:22px;
    margin-bottom:10px;
}
#google-map h3 a {
    color:#444;
    text-decoration:none;
    cursor:default;
}
#google-map .facts {
    width:350px;
}
#google-map .facts .typeint {
    display:none;
}
#google-map .facts a {
    color:#4165ad;
}
#google-map .logo {
    float:right;
}
#google-map .logo img {
    max-width:150px;
}
#google-map dt {
    font-weight:bold;
    font-size:11px;
    margin-bottom:2px;
}
#google-map dd {
    margin-bottom:5px;
}
#google-map .lat,
#google-map .lng {
    display:none;
}




#startups.startups {
    width:240px;
    float:right;
    padding-top:10px;
    color:#444;
    text-shadow:1px 1px 0 #eee;
}
/*
#startups em, #startups a {
    font-family:'Permanent Marker', georgia, serif;
    font-style:italic;
    text-decoration:none;
}*/
#startups a:hover {
}

#startups .actions {
    padding:0 10px;
    height:80px;
}
#startups .search-field {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid  1px #ccc;
    font-size:13px;
    margin-bottom:5px;
    padding:5px;
    width:208px;
    background-color:#eee;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition:  all 0.5s ease-in-out;
    -ms-transition:  all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    transition:  all 0.5s ease-in-out;
}
#startups .search-field:focus {
    outline:none;
    background-color:#fff;
}
#startups label {
    font-size:11px;
    color:#444;
}

#startups ul {
    border-top:dotted 1px #ccc;
    height:530px;
    overflow-y:scroll;
}
#startups li {
    cursor: pointer;
	cursor: hand;
    padding:5px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
}
#startups li:hover {
    background-color:rgba(255,255,255,0.3);
    color:#111;
}
#startups h3,
#startups h3 a {
    font-size:13px;
    font-weight:normal;
    color:#333;
    text-decoration:none;
}
#startups .favicon {
    margin:0 3px -3px 0;
}
#startups .upnc {
    font-size:11px;
    color:#777;
}
#startups p {
    margin:0 auto 15px;
    font-size:14px;
    line-height:1.3;
    text-align:left;
}

#startups .facts {
    display:none;
}



#tweets.tweets h2,
.info h2 {
    color:#ccc;
    font-size:28px;
    margin-bottom:15px;
    font-weight:600;
    text-shadow:1px 1px 0 #111;
}
#tweets.tweets h2 em,
.info h2 em {
    font-family:'Permanent Marker', georgia, serif;
    font-style:italic;
    color:#eee;
    text-shadow:1px 1px 2px #000;
}

#info.info {
    float:right;
    margin-right:10px;
    width:450px;
}

#tweets.tweets {
    text-shadow:1px 1px 0 #222;
    float:left;
    margin-left:10px;
    width:450px;
}
#tweets li {
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#tweets li a {
    color:#ccc;
    text-decoration:none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition:  color 0.3s ease-in-out;
    -ms-transition:  color 0.3s ease-in-out;
    -o-transition:  color 0.3s ease-in-out;
    transition:  color 0.3s ease-in-out;
}
#tweets li a:hover {
    color:#fff;
}
#tweets li a b {
    color:#f4f399;
}

#tweets li:nth-child(even) {
    background-color:rgba(255,255,255,0.05);
}
#tweets img {
    float:left;
    margin-right:10px;
}
#tweets .content {
    float:left;
    width:360px;
}
#tweets h3 {
    font-size:14px;
    margin-bottom:2px;
}
#tweets p {
    font-size:13px;
}
#tweet {
    display:none;
}


.info{
    color:#ccc;
    text-shadow:1px 1px 0 #222;
}
.info a {
    color:#f4f399;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition:  color 0.5s ease-in-out;
    -ms-transition:  color 0.5s ease-in-out;
    -o-transition:  color 0.5s ease-in-out;
    transition:  color 0.5s ease-in-out;
    text-decoration:none;
}
.info a:hover {
    color:#fff;
}
.info .about {
    margin-bottom:20px;
}
.info .about p {
    font-size:14px;
    margin-bottom:10px;
}
.info p.preamble {
    font-size:18px !important;
    line-height:1.2;
    margin-bottom:10px;
    color:#e6e6e6;
}
.info .about img {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.info .we {
    margin-bottom:40px;
}
.info .we li {
    float:left;
    width:225px;
}
.info .we img {
    float:left;
    margin-right:10px;
}
.info .we h3 {
    font-weight:bold;
    color:#eee;
    line-height:1;
    margin-bottom:5px;
}
.info .we p {
    font-size:12px;
}

.info .add p {
    font-size:13px;
}
.info .add .form-info {
    margin-bottom:20px;
}
.info .add ul {
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:rgba(255,255,255,0.05);

}
.info .add li {
    margin-bottom:5px;
}
.info .add label {
    width:150px;
    display:block;
    float:left;
    font-size:14px;
}
.info .add select {
    width:150px;
}
.info .add input,
.info .add textarea {
    width:250px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid  1px #444;
    font-size:13px;
    margin-bottom:5px;
    padding:5px;
    background-color:#ddd;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition:  background 0.5s ease-in-out;
    -ms-transition:  background 0.5s ease-in-out;
    -o-transition:  background 0.5s ease-in-out;
    transition:  background 0.5s ease-in-out;
}
.info .add textarea {
    height:50px;
}
.info .add input:focus {
    outline:none;
    background-color:#fff;
}
.info .add .short {
    width:70px;
}
.info .add .medium {
    width:150px;
}
.info .add .map {
    height:200px;
    width:420px;
}
.info .add .geo_code_helper {
	display: none;
}

.btn {
    -moz-box-shadow:inset 0px 1px 0px 0px #88c990;
    -webkit-box-shadow:inset 0px 1px 0px 0px #88c990;
    box-shadow:inset 0px 1px 0px 0px #88c990;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #75ad77), color-stop(1, #4b994e) );
    background:-moz-linear-gradient( center top, #75ad77 5%, #4b994e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75ad77', endColorstr='#4b994e');
    background-color:#75ad77;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #1b4717;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #2d7527;
    margin:20px 0 0 80px;
}
.btn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b994e), color-stop(1, #75ad77) );
    background:-moz-linear-gradient( center top, #4b994e 5%, #75ad77 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b994e', endColorstr='#75ad77');
    background-color:#4b994e;
}
.btn:active {
    position:relative;
    top:1px;
}





#footer.footer {
    clear:both;
    float:left;
    padding-top:70px;
    margin-bottom:100px;
}
#footer.footer li {
    float:left;
    margin-left:50px;
}




/* Index specific CSS */
body.index h1 {
    text-align:center;
}
body.index h1 span {
    display:none;
}
body.index #info {
	float: left;
	width: 450px;
}
body.index #form {
	float: right;
	width: 450px;
	margin-bottom: 40px;
}

body.index #city h2 {
    clear:both;
    text-align:center;
}
body.index #city {
	margin-bottom: 40px;
}
body.index #city ul li {
	float:left;
    margin-left:50px;
}
body.index .sharing {
    margin-bottom:30px;
}


.flash {
    background-color:rgba(255,255,255,.1);
    padding:20px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    border:solid 1px #676767;
    margin-bottom:30px;
    color:#E6E6E6;
    text-shadow:1px 1px 0 #1c1d20;
    font-size:20px;
    text-align:center;
}
.flash iframe {
    display:inline-block;
    margin-bottom:-4px;
    margin-left:5px;
}