/* CSS Document */

body{padding: 0px; margin:0px;color: #222;text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	font-size:20px;}

input, textarea, select {
	font-size: 16px;
}

textarea:-moz-read-only, input:-moz-read-only { /* For Firefox */
  background-color: yellow;
}

textarea:read-only, input:read-only {
  background-color: yellow;
}

div#new_city {
display:none;
}

h1,h2,h3,p{margin: 0;padding:5px 0px 5px 0px;font-weight:normal}
p{padding: 0 10px 15px 0px}
h1{font-size: 150%;color: #333; margin: 0px 0px 20px 0px;}
h2{font-size: 140%;line-height:1;color:#002455;}
h3{font-size: 125%;line-height:1;color:#002455 }

#logo {
	float:left;
	margin:auto;
}

#logo img {
	width:100%;
	max-width:300px;

}

#header_surname {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin: 10px 0 16px 0;
}


/*Base Mobile Layout*/
#container {
	width: 90%!important;
	margin: 0 auto;
  padding: 5px;
  text-align:left;
  background:#FFF;
}

#content, #nav {
	width: 100%;
	float: left;
	padding:10px;
	margin:5px 0;
}

#global_nav_left {
	float:left;
	font-size:14px;
	display:none;
}

#global_nav_right {
	float:right;
	font-size:14px;
	text-align: right;
}

.responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-embed {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
  margin: 10px 0;
  overflow: hidden;
}

/*2 Column Layout*/
@media only screen and (min-width: 600px) {

	#logo {
		float:left;
		width:50%
	}

	#logo img {
		max-width:300px;
	}

	#header_surname {
		float:right;
		width:50%
	}

}

@media only screen and (min-width: 1024px) {

	body {
		font-size: 16px;
	}

	#global_nav_right {
		float:right;
		overflow:hidden;
		max-height:20px;
	}

	#container {
		width: 1024px;
		margin: 0 auto;
    padding: 10px;
    margin: 5px 0;
	}

	#content {
		width: 65%;
		float: left;
	}

	#nav {
		width: 30%;
		float: left;
	}
}

/*Wide Layout*/
@media only screen and (min-width: 1200px) {
	#container {
		width: 1140px;
		margin: 0 auto;
	}
}


/*/div#container{width:90% !important;
    margin: 0 auto;padding:5px;text-align:left;background:#FFF}/*/
div#header{background: #FFF;padding:0px 0px 0px 0px;text-align:left}
/*/div#content{float:left;width:65%; padding:10px;margin:5px 0;background: #FFF}/*/
div#content_wide{width:956px;padding:10px;margin:5px 0;background: #FFF}
div#content_narrow{float:left;width:600px;padding:10px;margin:5px 0;background: #FFF}
/*/div#nav{float:right; width:30%; max-width:336px;padding:0;margin:10px 0;
    text-align:left;background:#FFF;
}/*/

div#nav1{float:right; width:175px;padding: 10px  0;margin:5 auto;
    text-align:left;background: #FFF url(images/gradient.png) repeat-x 0 -5px}

div#nav h2{font-size: 120%;color: #9E4A24}
div#navbar{background:#FFF; font-size:80%; padding:5px 5px 5px 5px; margin:0px;border-bottom:1px solid #DDD;}
div#navbar a {text-decoration:none;color:#2361A1}

div#footer{clear:both; background:#CFCFCF; padding:10px 0; margin:5px 0; text-align:center; font-size:80%;}
div.box1{padding:0px 5px 0px 5px; font-size:90%}

#myheritage {
	margin:20px 0 20px 0;
	background-color:#f8f5ee;
	padding-bottom:10px;
	border:1px solid #DDD;
	max-width: 330px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

div#global_nav {
background-color: #333;
color: #EFEFEF;
height: 1.2em;
width: 100%;
border-bottom: 3px solid silver;
margin: 0;
text-align: left;
padding: 0.5em 0 0.5em 0;
font-size: .9em;
}

div#global_nav_inner {
	width:98%;
	margin: 0px auto 0px auto;
}

#global_nav a {
	color:#EFEFEF;
}


div#surname_entry {
	background-color:#DDEEEE;
	padding:10px;
	margin:10px;
}

div.link_entry {
	background-color:#EEE;
	margin:10px;
}

div.link_entry h1 {

	color:#333333;
	font-size:16px;
	padding:3px;
	font-weight:normal;
}

div.link_entry a {
	color:#333333;
}

div#feature {
	background-color:#DDEEEE;
	padding:10px;
	margin:10px;
}


div#journal_list table{
	border-collapse:collapse;
	margin:0px 0px 0px 0px;
}

#journal_list th {
	border:1px solid silver;
	background-color:#EEE;
	font-weight:bold;
	text-align:center;
	font-size:.8em;
}

#journal_list td {
	border:1px solid silver;
	background-color: #FFF;
	padding:5px;
}

#journal_list td.question {
	background-color: #FFFBE5;
}

#journal_list td.question.title {
	border-left:10px solid #EEC900;
}

#journal_list td.query {
	background-color: #F8EDF8;
}

#journal_list td.query.title {
	border-left:10px solid #8E388E;
}

/*/ http://www.december.com/html/spec/colorshadesuse.html /*/

#journal_list td.journal.title {
	border-left:10px solid #608341;
}

#journal_list td.article.title {
	border-left:10px solid #9BC4E2;
}

#journal_list td.article {
	background-color: #EBF3F9;
}


#journal_list th.title {
	border-left:10px solid silver;
}


#journal_list td.journal {
	background-color: #F2F7EE;
}

.bigborder {
  border-radius: 5px;
  -moz-box-shadow: 3px 3px 6px #ccc;
  -webkit-box-shadow: 3px 3px 6px #ccc;
  box-shadow: 3px 3px 6px #ccc;
}

#journal_excerpt {
	font-size:.7em;
}

.journal_note p {
	line-height:24px;
}

div.journal {
	margin-bottom:20px;
}

div.journal .meta, div.journal .byline, div.journal_body .byline {
	font-size:.8em;

}

div.journal .journal_body {
	padding:10px;
}

.journal h2 a {
	text-decoration:none;
}

.journal h2 a:hover {
	text-decoration:underline;
}


.bigborder.query, .query h2 {
	background-color: #F8EDF8;
	border-left:10px solid #8E388E;
	padding:10px;
}

a.query{
	background-color: #F8EDF8;
}

a.journal{
	background-color:#F2F7EE;
}

a.question{
		background-color:#FFFBE5;
}

.query a.hi_lite {
	color: #8E388E;
	padding:0 2px 0 2px;
}


.bigborder.question, .question h2 {
	background-color: #FFFBE5;
	border-left:10px solid #EEC900;
	padding:10px;
}

.question a.hi_lite {
	color: #EEC900;
	padding:0 2px 0 2px;
}

.bigborder.journal, .journal h2 {
	background-color: #F2F7EE;
	border-left:10px solid #608341;
	padding:10px;
}

.journal a.hi_lite {
	color: #608341;
	padding:0 2px 0 2px;

}

.bigborder.article, .article h2 {
	background-color: #EBF3F9;
	border-left:10px solid #9BC4E2;
	padding:10px;
}

.article a.hi_lite {
	color: #9BC4E2;
	padding:0 2px 0 2px;

}

.article {
    margin-bottom:20px;
}

.small {
	font-size:80%;
}

.smaller {
	font-size:90%;
}

.tiny {
	font-size:9px;
}

div.surname {
	margin:10px;
	font-size:90%;
}

td.journal_left {
	font-size:80%;
}

a.delete {
	font-size:.8em;
	color:#AA0000;
	text-decoration:none;
}

a.delete:hover {
	background-color:red;
	font-size:.8em;
	color:#AA0000;
}

div.littlebox {
	font-size:90%;
	background:red;
	padding:10px;
	margin:10px;
	float:left;
	width:80px;
	color:white;
}

ul#profile,ul#profile li{list-style-type:none;margin:0;padding:0}
ul#profile{width: 474px;margin:10px auto 0;text-align:left}
ul#profile li{float:left;width: 120px; height:100px;
    padding: 30px 10px 20px 20px;margin:8px 8px 0 0}
li#ab1{background:#FC3}
li#ab2{background: #9F3}
li#ab3{background: #F63}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}

ul#cloud,ul#cloud li{list-style-type:none;margin:0;padding:0}
ul#cloud{margin:10px auto 0;text-align:left}
ul#cloud li{float:left;padding: 3px ;margin:3px}
li.tag1{background:#FC9; font-size:80%}
li.tag2{background: #FC3; font-size:90%;}
li.tagb{background: #F63}
li.tag4{background: #39F}
li.tag5{background: #F36}
li.tag6{background: #FFF;color: #000}

.error {
	background-color:#FFFF33;
	color:#FF0000;
	padding:5px;
	margin:10px;
	width:80%;
	border:1px solid red;
}

.alert {
	background-color:#FDF7B8;
	color:#336600;
	padding:5px;
	margin:10px;
	border:1px solid #360;
}

.notice {
	background-color:#F4F7ED;
	color:#556B2F;
	padding:5px;
	margin:10px;
	width:80%;
	border:1px solid #556B2F;
}


.outer  {
      position:absolute;
      left:50%;
      top:50%;
      width:400px;
      margin-left:-200px;
      margin-top:-100px;
        padding: 0px 10px 10px 10px;
      background-color:#FFF;
      text-align:center;
      font-size: 1em;
      border: 1px solid #000;
 }

 div#search_form {
 	font-size:100%;
	font-weight:normal;
	text-align:center;
}

div#surname_reg {
	width:100px;
	text-align:center;
	background-color:#FFFF66;
	color:#003399;
	padding:5px;
	margin:0px 20px 0px 20px;
	font-size:90%;
	font-weight:bold;
}

div#surname_reg a {
	color:#3399CC;
}
/* Goal Soup styles */

div.goalsoup {
    color: #666;
}

div.goalsoup span a {
	color: #000;
	line-height: 25px;
	margin: 0 2px;
}

span.nobreak {
	white-space: nowrap;
}

div.goalsoup {
	clear: left;
}

div.goalsoup h2 {
	font-size: 12px;
	margin: 30px 0 5px 0;
}

div.goalsoup span span.nobreak a {
	font-size: 12px;
}

div.goalsoup span.level1 { font-size: 11px; line-height: 15px; }
div.goalsoup span.level2 { font-size: 12px; line-height: 17px; }
div.goalsoup span.level3 { font-size: 14px; line-height: 19px; }
div.goalsoup span.level4 { font-size: 16px; line-height: 21px; }
div.goalsoup span.level5 { font-size: 18px; line-height: 23px; }
div.goalsoup span.level6 { font-size: 20px; line-height: 25px; }
div.goalsoup span.level7 { font-size: 22px; line-height: 27px; }
div.goalsoup span.level8 { font-size: 24px; line-height: 29px; }
div.goalsoup span.level9 { font-size: 26px; line-height: 31px; }

div.goalsoup span.level1 a { background: #FFFBEE; color: #777; }
div.goalsoup span.level2 a { background: #FFF6DD; color: #555; }
div.goalsoup span.level3 a { background: #FFF2CD; color: #333; }
div.goalsoup span.level4 a { background: #FFEEBB; color: #000; }
div.goalsoup span.level5 a { background: #FFEAAB; color: #000; }
div.goalsoup span.level6 a { background: #FFE699; color: #000; }
div.goalsoup span.level7 a { background: #FFE188; color: #000; }
div.goalsoup span.level8 a { background: #FFDD77; color: #000; }
div.goalsoup span.level9 a { background: #FFDD77; color: #000; font-weight: bold; padding: 0 4px; }

div.goalsoup span a:hover,
div.goalsoup span.level1 a:hover,
div.goalsoup span.level2 a:hover,
div.goalsoup span.level3 a:hover {
	color: #000;
	background-color: #fc3;
}

.comment_entry {
	font-size:90%;
	padding: 0px;border:1px solid #FC9;
	margin: 5px 0px 5px 0px;

}

.comment_note {
	background-color:#FFFFCC;
	padding:5px;
	min-height:100px;
}

.comment_title {
	padding:3px;
	background-color:#FFCC99;
}

.outer  {
      position:absolute;
      left:50%;
      top:50%;
      width:400px;
      margin-left:-200px;
      margin-top:-100px;
        padding: 0px 10px 10px 10px;
      background-color:#FFF;
      text-align:center;
      font-size: 1em;
      border: 1px solid #000;
 }


#journal_foot {
 	font-size:90%;
	margin:10px;
	clear:both;
}

.button {
padding:5px;
background-color:#FFFF66;
border-top:1px solid #FFCC33;
border-left:1px solid #FC3;
border-right:1px solid #999999;
border-bottom:1px solid #999;
}

#info_box {
	background:#FFFFFF;
	width:400px;
	text-align:center;
	font-weight:normal;
	color:#8C9FBE;
	padding:3px;
	font-size:90%
}

#byline {
	margin:10px;
	font-size:80%;
}

#byline_top {
	font-size:.8em;
	margin:10px;
}

.owner_profile {
	background-color:#EFEFEF;
	margin:10px;
	padding:10px;
	border:1px solid silver;
}

#content.profile h3 {
	border-bottom:1px solid silver;
	margin:30px 0 15px 0;
}

#surname_page h2 {
	font-size:1em;
}

#content.surname h2 {
	font-size:1.5em;
}

#content.surname h3 {
	margin: 10px 0 0 0;
	padding: 5px;
	border-bottom: 1px solid gray;
}

#content.surname #surname_summary {
	margin:0px 10px 10px 0px;
	font-size:.8em;
}

.featured {
	margin:5px;
	padding:10px;
	float:left;
	width:45%;
	height:250px;
}

.featured a.title {
	font-weight:bold;
}

#newest {
	margin:10px;
}

#newest a.title{
	font-weight:normal;
}

.subtitle {
	font-size:.7em;
	margin:0px 0px 10px 10px;
}

#aweber {
	margin: 10px 0 0 0;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding:10px;
}

input.question {
	font-size:1.3em;
	background-color:#FFFBE5;
}

.headline {
	font-size:.9em;
	width:500px;
	margin:5px auto 5px auto;
	background-color:#FFFBE5;
	padding:5px;
	text-align:center;
	border:1px solid #EEC900;
}

.hon {
		#background-color: #F2F7EE;
		#border:2px solid #608341;
		padding: 10px;
		margin: 10px;
		min-height:70px;
}

.gabanner {
	float:left;
	margin:3px;
	padding:10px;
	width:275px;
	height:100px;
	font-family:Arial, san-serif;
	border:1px dotted #666;
	text-align:left;
	position: relative;
	background-color: #FFF;
}

.gainner {
	margin:0px 2px;
	color: #0C3F81;
	font-size: 13px;
}

#results {
	margin:10px;
	padding:5px;
}

#results li {
	list-style-type: circle;
	font-size: 13px;
}

.journal_vote {
	padding:3px;
	text-decoration:none;
	text-align:center;
	display:inline;
}

.thank {
	background-color:#D2FFC4;
	color:gray;
}

.thanked {
	background-color:#336633;
	color:white;
}

.flag {
	font-size:.6em;
	background-color:#FFEAEA;
	color:gray;
}

.flagged {
	font-size:.6em;
	background-color:#F70000;
	color:white;
}

#feedback_line {
	margin:20px 0px 20px 0px;
}

.draft {
	background-color:#CACACA;
}

/* PAGINATE **********************************************************/
.paginate_wrapper em {
line-height: 2.5em;
}
.pagination {

clear: both;
}
p.paginate_key {
/*background: #edf2df;*/
background: #d2dbe2;
background: #ff0a5d;
margin: 12px -5px 5px -5px;;
border-bottom: 1px solid #333;
padding: 3px 8px;
font-weight: bold;
color: #fff;
}
ul.paginate_nav {
float: right;
list-style-type: none;
}
ul.paginate_nav li {
padding: 3px 0;
display: inline;
line-height: 2.3; /*very important or IE will chop off top and bottom borders!!!*/
text-decoration: none;
font-style: normal;
font-size: 93%;
padding: 2px 0;
margin: 0;
color: #515151;
border-right: 1px solid #c9c797;
}
ul.paginate_nav li.edge_l {
padding-left: 8px;
}
ul.paginate_nav li.edge_r {
padding-right: 8px;
}
ul.paginate_nav li.last_page {
margin-left: 10px;
}
ul.paginate_nav li.wrap {
font-weight: bold;
}
ul.paginate_nav li.wrap span,
ul.paginate_nav li a {
padding: 3px 5px;
color: gray;
}
ul.paginate_nav li a {
text-decoration: underline;
}
ul.paginate_nav a:hover {
color: #000;
text-decoration: underline;
}
ul.paginate_nav li span {
color: #515151;
}
ul.paginate_nav li.status {
display: none; /*hide*/
background: transparent;
text-transform: none;
color: #444;
font-size: 93%;
margin-right: 10px;
}
ul.paginate_nav li.status span {
border: 0;
border-bottom: 1px dotted #333;
}
ul.paginate_nav span.smallcaps {
padding-right: 10px;
}
ul.paginate_nav li.last_page span {
padding-right: 0;
}
ul.paginate_nav li.next a {
padding-left: 0;
}
ul.paginate_nav li.next a {
background: gray;
color: #fff;
font-size: 123.1%;
text-decoration: none;
padding: 4px;
}
ul.paginate_nav li.next a:hover {
background: #000;
text-decoration: underline;
}
ul.paginate_nav li.last_page,
ul.paginate_nav li.edge_l,
ul.paginate_nav li.edge_r,
ul.paginate_nav li.next {
border-right-width: 0;
}

.selected {
	text-decoration:none;
	font-weight:bold;
}

form.full input, textarea {
	width:100%;
}

form.full textarea {
	height:10em;
}

.form_error {
	color:red;
	font-size:.8em;
}

form > div {
	margin-top:5px;
}

#wiki_entry {
	background-color:#DDEEEE;
	padding:10px;
	margin:10px 0px 10px 0px;
}

#wiki_entry h2 {
font-weight:bold;
font-size:1.3em;
margin:10px 0px 5px 0px;
}

#wiki_entry h3 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;

}


a.wiki_not_exists {
	color:red;
}

div#signup {
	text-align:center;
	margin-bottom:20px;
	background-color:#222;
	color:#ECECEC;
	padding:16px;
	border:4px solid #777;
}

div#signup a.text {
	color:silver;
}

.signupButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:3px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.signupButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.signupButton:active {
	position:relative;
	top:1px;
}

.note .inner {
padding: 20px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 3px solid #F4EAC9;
}

.note {
background: url(images/alert-box-pattern.gif);
background-color:#FFFBCC;
border: 1px solid #D8C581;
text-shadow: white 1px 1px;
text-align: center;
position: relative;
color: #3F2502;
font-size: 17px;
}

.note .pointer {
display: block;
width: 21px;
height: 16px;
background: url(images/sprites.png) -29px -164px no-repeat;
position: absolute;
bottom: -12px;
left: 47%;
}