body { background-color: #F4F0EC; color: #000; font-size: 12pt; }
.syndc li:hover .cntrl .flnk, 
.flnk, a:link { color: #007FFF; text-decoration: none; cursor: pointer; }
a:visited { color: #0073CF; }
.flnk:hover, a:hover{ color: #007FFF; text-decoration: underline; }
a:active  { color: #1E90FF; }
input.flnk { background-color: inherit; border-style: none; }
.content { position: relative; clear: both; width: 100%; z-index: 1; }
#openid_url { background:#FFF url('/static/img/login-bg.gif') no-repeat 2px center; color: #007FFF; padding-left: 24px; }

*{
	-transition-property: all; -transition-duration: 1s; -transition-delay: .1s;
	-moz-transition-property: all; -moz-transition-duration: 1s; -moz-transition-delay: .1s;
	-webkit-transition-property: all; -webkit-transition-duration: 1000; -webkit-transition-delay: 100;
}

#masthead h1 { display: inline; }
#masthead .sub { display: inline; font-size: 80%; padding: 0; margin: 0; font-style: oblique; font-variant: small-caps; }
#msg { text-align: center; color: #FFF; background-color: #C41E3A; width: 50%; font-weight: bold; margin: auto; padding: 1em; border-style: outset; }
#menu { position:fixed; top:0; right: 0; padding: 0 0 1em;
	background-color: #F4F0EC;
	border-radius: 1em 0 2em 12em / 2em;
	z-index: 10; opacity: .3;
	}
#menu:hover { opacity: 1; }
#menu li { float: left; display: inline; margin-right: 2em;}

.syndc { position: relative; margin: .5%; width: 100%; overflow: hidden; }
.syndc, .syndc h1 { border: 1px solid black; }
.syndc h1 { border-width: 0 0 1px; }
.syndc h1 { text-align: center; margin:0; width: 100%; height: 2em; background-color: #E52B50; color: #FFF; }

div.content h1 { 
	background-color: inherit; font-size: 110%; color: inherit; height: auto; position: relative; 
	text-align: center;	font-variant: small-caps; margin-bottom: 1em;
	}
div.content h1 .entry {  font-size: 136%; }
div.content h1 .date {  float: left; }
div.content h1 .feed  { float:right; font-style: oblique; }

#Entries.syndc div.content 
	{ 
		height: 0; width:0; opacity: 0; padding: 1em;
		border: 1em solid #000; background-color: #F4F0EC; z-index: 15;
		position: fixed; overflow: auto; left: 50%; top: 50%;
	}
.noscript #Entries.syndc div.content:hover, .noscript #Entries.syndc li:hover div.content ,
	#Entries.syndc li.shown div.content
	{ 
		height: 80%; width: 85%; opacity: 1; top: 5%; left: 5%; 
	}
.noscript #Entries.syndc li:hover div.shade,
	#Entries.syndc li.shown div.shade
	{
		height: 100%; width: 100%; top:0; left:0; opacity: .6;
	}
#Entries.syndc li div.shade, .noscript #Entries.syndc li div.shade:hover { 
	height: 0; width: 0; opacity: 0; top: 50%; left: 50%; position: fixed; z-index:10;
	background-color: #000;
	border-radius: 0;
	}

@media (max-width: 36em) 
{
	#Photos.syndc img, #Media.syndc img { max-width: 100%; }
}

@media (min-width: 36em) and (max-width: 800px)
{
	#Photos.syndc img, #Media.syndc img { position: absolute; top: 1.5%; right: 1%; max-width: 25%; max-height: 98%; }
	#Photos.syndc li, #Media.syndc li { padding-right: 28%; min-height: 14em;}
}

@media (min-width: 800px)
{
	#Entries.syndc,
	#Microblogs.syndc { width: 60%; float:left; margin-left: 1%;}
	#Photos.syndc, 
	#Media.syndc
		{ float: right; width: 35%; } 

	#Photos.syndc img { width: 100%; }
}
@media (min-width: 1000px)
{
	#Entries.syndc,
	#Microblogs.syndc { width: 80%; float:left; margin-left: 1%;}
	#Photos.syndc, 
	#Media.syndc { float: right; width: 17%; } 
}
@media (min-width: 1600px)
{
	#Entries.syndc, #Microblogs.syndc { width: 32%; }
	#Photos.syndc, #Media.syndc  { width: 15%; }
	#Entries.syndc { float: right; }
	#Microblogs.syndc { float: right;  }
	#Photos.syndc { float: right; }
	#Media.syndc  { float: left; }
}

#PAGED #Entries.syndc, #PAGED #Microblogs.syndc, #PAGED #Photos.syndc, #PAGED #Media.syndc
{
	float: none; width: 100%; margin: 0;
}

.syndc > ul { padding: 0; margin: 0;}
.syndc > ul > li { display: block; position: relative; padding:0; padding: 1em; clear: both; }
.syndc > ul > li:nth-child(odd) { background-color: #EEF; }
.syndc > ul > li:nth-child(even) { background-color: #F0F8FF; }
.syndc > ul > li.hp:nth-child(odd) { background-color: #EDE; }
.syndc > ul > li.hp:nth-child(even) { background-color: #E0F8FF; }
.syndc > ul > li .cntrl { 
	opacity: 0; 	float:right;
	font-size: 8pt; font-variant: small-caps; font-family: sans-serif;
	}
.syndc > ul > li .cntrl input {  padding: 0; margin: 0 ; }
.syndc > ul > li:hover .cntrl { opacity: 1; }
.syndc > ul > li .cntrl .flnk { color: #C40233; }

div, img, video {
	border-radius: 5px ;
	max-width: 100%;
}

.focus { width: 90%; margin: 1em 5%; }
form textarea { width: 96%; margin: 1em 2%; }

#shade,
#external_frame { position: fixed; height:0; width:0; left: 50%; top: 50%; 
			background-color: #FFF; }
#shade { z-index: 150; background-color: #000; opacity:0; 
	border-radius: 0;
	}
#external_frame { z-index: 200; border-width: 0;}
#external_frame.shown { height: 90%; width: 90%; left: 5%; top: 5%; }
#shade.shown { height: 100%; width: 100%; left: 0; top: 0; opacity:.6; }