/* CSS Document */
/* CSS Document */

 @font-face {font-family: 'FranklinGothicHandLight';src: url('http://www.ellenbeldner.info/fonts/1DEBCB_0_0.eot');src: url('http://www.ellenbeldner.info/fonts/1DEBCB_0_0.eot?#iefix') format('embedded-opentype'),url('http://www.ellenbeldner.info/fonts/1DEBCB_0_0.woff') format('woff'),url('http://www.ellenbeldner.info/fonts/1DEBCB_0_0.ttf') format('truetype');}

body {
color:#333;
font-family:franklin-gothic-urw-1,Arial, sans-serif;
font-size:14px;
padding: 0;
margin: 0;
background: #f0f0f0 url(http://www.ellenbeldner.info/img/graphy.png);
}
h2 {
font-family: FranklinGothicHandLight,franklin-gothic-urw-1,arial, sans-serif;
font-size:22px;
font-weight:normal;
color: #FF3333;
}

tr {
vertical-align:top;
}


.ex { font-size: 85%; color: #555; }

div.error {
margin: 2em 8%;
}

.warning {
font-weight: bold; 
background: #ffff99;
margin-left: -2.2em;
margin-right: .4em;
padding: 2px .6em;
float:left;
border: 2px solid #000;;
color: #000;
}

.error b {
color: #CC0033;
}

a:link {
color: #09f;
}

a:visited {
color: #004675;
}

a:hover {
background-color: #ffff99;
}

h4 {
font-size: 150%;
font-weight:normal;
color: #DC361F;
margin-bottom: 2px;
clear: right;
 }
 
 p {
 margin: 0 0 1.5em 0;
 }
 
 a img {
 border-width: 1px; 
 }

#header {
margin-bottom: 0;
overflow:hidden;
padding: 40px 40px 20px 40px;
/*background:#e8e8e8;*/
} 
#header h1 {
white-space:nowrap;
font-weight: normal;
color: #006;
letter-spacing: 0px;
margin: 0;
font-size: 80px;
font-family: FranklinGothicHandLight, franklin-gothic-urw-1, arial, sans-serif;
float:left;
}

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

#categoryname {
float:left;
font-family: FranklinGothicHandLight, franklin-gothic-urw-1, arial, sans-serif;
margin:20px 0 0 20px;
font-size: 60px;
line-height:60px;
height:60px;
color:#006;
letter-spacing:-2px;
}

#categoryname a {
color:#006;
text-decoration:none;
}


#nav {
width: 160px;
float:left;
margin: 0em 20px 0 -200px;
}


#wrap {
}

#indexbody {
 float:left;
 margin:0px 260px 40px 40px;
}
.article {
 float:left;
 margin:0px 260px 40px 40px;
 padding: 20px;

 max-width:700px;

-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;

border-radius: 2px;
background: rgb(248, 248, 248);
/* RGBa with 0.6 opacity */
background: rgba(248, 248, 248, 0.9);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20F8F8F8, endColorstr=#20F8F8F8);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20F8F8F8, endColorstr=#20F8F8F8)";


}
.article body p, #index body p {

}

.article li {
padding-top: 4px;
padding-bottom: 4px;
}

.summaryThumbnail {
width:auto;
margin-bottom:4px;
}

.summaryThumbnail img {
padding:2px; border:1px solid #999;
}

.articlesummary {
margin:0 20px 40px 0;
width: 260px;
padding: 20px 20px 20px 20px;
display:inline-table;
overflow:auto;
vertical-align:top;
max-height:300px;

-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;

border-radius: 2px;

background: rgb(248, 248, 248);
/* RGBa with 0.6 opacity */
background: rgba(248, 248, 248, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50F8F8F8, endColorstr=#50F8F8F8);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50F8F8F8, endColorstr=#50F8F8F8)";

  }


.articlesummaryIntro {
line-height: 120%;
font-size: 16px;
font-weight: 300;
}

.articlesummary p {
margin: 0 0 1em 0;
}

.articlesummary .dateline {
font-size: 12px;
}

.articlesummary h2{
  margin: 0 0 4px 0;
}

.articlesummary h2 a:link {
color: #FF3333;
text-decoration:none;
border-bottom:1px dotted;
}

.articlesummary h2 a:visited {
color:#781E1B;
color:#ff3333;
text-decoration:none;
border-bottom:1px dotted;
}

.articlesummary .readmore, .readmore {
font-size:12px;
margin-top:10px;
}
.readmore a {

}

.navsection { }

.navsection h3 { 
  margin-bottom:2px;
  font-size:125%;
  font-weight:normal;
  color: #FF3333;
}
.navsection h3 a {
  color: #FF3333;
}
.navsection li {
padding-top:2px;padding-bottom:2px;
}
.navsection ul, .navsection ol {
margin-left: 0;
padding-left:0;
list-style-type:none;
        margin-top:0;
}
.navsection ul ul, .navsection ol ol {
margin-left: 1em; 
padding-left: 1em;
list-style-type: circle;
}

.navsection#TopArticles li {
padding:4px 0;
}

ul.monthlyArchive {
list-style-type:none;
}
ul.monthlyArchive li {
font-size:12px;
display: inline;
}

#pagefooter {
padding: 1.5em 0 0 0;
clear:left;
}

.nextpage {
margin:80px 0 20px 0;
font-size:22px;
}
#pagefooter h3 {
font-weight: normal;
font-size: 200%;
}
#pagefooter .fe {
margin-top: 1.5em;
}
#pagefooter .fe p {
padding: 0 40px;
}

.disclaimer { color: #777;}

#title h2 {
margin: 0 0 0 -2px;
}

#articlefooter {
  margin-bottom:1.5em;
  font-weight:bold;
  
}
#articlefooter p {
margin: 2px 0;
}
#articlefooter a {
white-space: nowrap;
}


.th {
float:right;
margin: 0 .5em .5em 0.5em;
}


#rightcol {
margin:0;
max-width:300px;
min-width:22%;
float:left;
width:22%;
position: relative;
top: -30px;
}

.article #body {
 clear:both;
}

.mt-image-none {
 border:1px solid #09f !important;
}


.like-button-wrapper {
 padding-top:10px;
}

.li-share {
-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #99CCFF;
background-color:#BCDFFF;
display:block;
float:left;
font-size:12px;
font-weight:normal;
height:18px;
margin:0 1em 0 0;
padding:5px 0.8em 0px;
text-decoration:none;
}

.IN-widget {
position:relative !important;
top:-5px !important;
}

#headshot {
position: relative;
top: -40px;
}

#headshot img {
-webkit-box-shadow: 4px 4px 4px #999;
-moz-box-shadow: 4px 4px 4px #999;
box-shadow: 4px 4px 4px #999;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
transform: rotate(2deg);
}

.followme {
float:right;
margin-top: 40px;
}

.followme a { 

font-family: FranklinGothicHandLight,franklin-gothic-urw-1,arial, sans-serif;
font-size:18px;
line-height:18px;
font-weight:normal;
color:white;
display:inline-block;
padding: 6px 1.5em 4px 1.5em;
background-color:#09f;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px outset #ccf;
text-decoration:none;
}

.followme a:hover {
background-color:#2BF;
}