/** 
 * Frogtongue - ©2009 Joshua Richey - JoshuaRichey.com
 *
 * Main Layout File
 */

/* Fixing the fox*/
:focus {
  -moz-outline-style: none;
}
	
/* Misc Styles and defaults 
-------------------------------------------- */
* {
	margin:0;
	padding:0;
}

html,body {	
/* get rid of default spacing on the edges */
	margin:0;
	padding:0;
/* get rid of that 2px window border in Internet Explorer 6 */
	border:0;
/* fill the height of the browser */
	height:100%;
	overflow:auto;
}

html {
	background:url(../images/bg_top.png) repeat-x;
}

body {
	color:#fff;
	font-size:62.5%;
	font-family:Helvetica, Lucida, sans-serif;
	background: url(../images/bg_bot.png) bottom repeat-x;
}

.clear {
	clear:both;
}

#maintenance {
font-size: 3em;
}
	
/* CONTAINER
----------------------------------------- */
#Container {
	width:731px;
	margin:80px auto 20px;
	background:#999;
}


	
/* Left Side 
----------------------------------------- */
#leftside {
	width:200px;
	float:left;
	text-align:right;
	height:100%;
	border-right:1px solid #B0B0B0;
	position:absolute;
	top:138px;
	height:78%;
}

#jr {
	position:relative;
	left:34px;
	top:-60px;
	height:34px;
	background:transparent url(../images/jr.png) top center no-repeat;
}

#jr:hover {
	background:transparent url(../images/jr.png) bottom center no-repeat;
	cursor:pointer;
}

#leftfooter {
	position:absolute;
	bottom:0;
	margin:0;
	text-align:right;
	width:200px;
}

#iconLinks {
	margin:0 15px 5px 0;
}

#iconLinks .icon {
	margin:0 0 0 4px;
}


	
/* Right Side 
----------------------------------------- */
#rightside {
	margin-left:200px;
	width:530px;
	float:left;
	padding:51px 0 0 15px;
}


	
/* Links */
ul.linksList {
	list-style-type:none;
}

ul.linksList li {
	color:#808080;
	font-family:Georgia, serif;
	font-size:1.2em;
	margin:0 0 40px;
}


	
/* Home Page 
----------------------------------------- */
#jrbio, #nf {
  color: #808080;
  font-family: Georgia, serif;;
 	font-size: 14px; 
  line-height: 24px;
  text-align:justify;
  letter-spacing:0.01em;
  margin: 100px 0 0px 0;  
  display: block;
  border-bottom: 1px dotted #808080; 
}

#jrbio{
  width: 200px;
  float: right;  
}
#nf {
  width: 300px;
  float: left;
}

p.miniBio {
  float: right;  
  font-size:1.16em !important;
  line-height:18.7px !important;
  padding-top:6px;
  text-align:justify !important;
  width:200px;
}


	
/* Friend Feed  */

.friendfeed.widget {
	border:none!important;
	font-size:1.2em!important;
	margin:0 0 50px 0 !important;
	padding:0!important;
	width:300px!important;
	float:left !important;
}

/* Feeds titles */
#main_feeds {
	display:block;
	margin:0 auto;
	padding:0;
	width:840px;
	text-align:center;
}

.friendfeed.widget a, p.miniBio a {
color: #444 !important;
}

.friendfeed.widget .feed {
	margin:0!important;
	padding:0!important;
}

.friendfeed.widget .feed .cluster {
	margin:0 0 11px!important;
	padding:10px 0 0;
	background-color:transparent!important;
}

.friendfeed.widget .feed .cluster .summary a {
	font-size:1.25em!important;
}

.friendfeed.widget .feed .entry {
	margin:-3px 0 0 !important;
}

.friendfeed.widget .feed .entry .info a {
	text-align:right;
}

.friendfeed.widget .feed .entry .media img {
	max-width:250px!important;
	height:auto!important;
}

.friendfeed.widget .feed .cluster .body {
	margin:0!important;
}

.friendfeed.widget .feed .cluster .icon {
	padding:0 3px 0 0;
	z-index:1000;
}

.friendfeed.widget .bottom {
	display:none;
}

.friendfeed.widget,div.friendfeed.widget div,div.friendfeed.widget span,div.friendfeed.widget img,div.friendfeed.widget table,div.friendfeed.widget tr,div.friendfeed.widget td {
	background:transparent!important;
	font-family:Georgia,serif!important;
	  color: #808080 !important;
	  line-height: 18px !important;
}

.friendfeed.widget .feed .cluster .body .summary {
	display:none!important;
}

.friendfeed.widget .feed .cluster .body .entry {
	padding:0px 0 0 25px!important;
}

.friendfeed.widget .feed .cluster .body .info {
	font-size:0.8em !important;
  padding-right:22px !important;
  text-align:right !important;
}

.friendfeed.widget .feed .cluster .body .info:before {
	content:" -"!important;
}

.friendfeed.widget .feed .cluster .body .info a {
	display:none!important;
}

#viewMore {
  position: relative;
  }
	
/* Icon Links */
img.icon {
	margin:2px 2px 8px 0;
}

#iconLinks a,.friendfeed.widget .feed .entry .media a {
	border-bottom:none;
}

#walk {
  margin: 20px auto;
  display: block;
  text-align: center;
}
	
/* ---------------------------------------------*/
/* ----------->>> IE HACKS / MISC <<<-----------*/
/* ---------------------------------------------*/

	
/* png fix for IE */
* {
	behavior:url(iepngfix.htc);
}


	
/* clearfix for IE */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}


	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}


	
/* End hide from IE-mac */
.clearboth {
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

hr.clear {
	clear:both;
	display:block;
	visibility:hidden;
}