/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */

body {
		/*background: #F5F4EF url('../images/bg.png');*/
                /*color: #000305;*/
                background-image: url("../images/bg_eyeballs.gif");
                background-repeat: repeat;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */
h7 {font-size: 12px}	/* 12px */
h8 {font-size: 12px}	/* 12px */


h2 {
	font-weight: 400;
	line-height: 1;
	margin-bottom: .5em;
	margin-top: 15px;
	color: #464548;
}

h3, h4, h5, h6 {
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 5px;
	color: #C3593C;
}

h7 {
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
	color: #464548;
}

h8 {
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
	color: #464548;
}




/*.orange h1, h2, h3, h4 {
	color: #C3593C;
	background: inherit;
}*/
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #4A8EBC; /*bluish*/
	padding: 0 1px;
	/* text-decoration: underline; */
	text-decoration: none;
}
a:hover, a:active {
	background-color: #C3593C; /*dark orange*/
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}
	
/* Paragraphs */
/*p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}*/

p {margin: 0 0 0 0; }

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
/*table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
/*	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
/*	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
/*	tfoot th {}
	tfoot td {}
*/	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
#container{
    margin:0 auto;
    padding:0;
    width: 802px;
    height: 4000px;
}


.page{ 
	margin: 0 auto;
	width: 802px; 
}

.body {clear: both; margin: 0 auto; width: 800px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

.subbody {clear: both; 
         margin: 10px auto; 
         width: 776px;
         background:#f4f4f4;
         padding: 15px 10px 10px 10px;

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

        box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
        -moz-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
        -webkit-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
}


/*
	Header
*****************/
#banner {
	margin: 0 auto;
	padding: .25em 0 0 0;
}

	/* Banner */
	#banner h1 {font-size: 2em; line-height: .65; color:#464548; /*very pretty gray blue*/}
	#banner h1 a:link, #banner h1 a:visited {
		color: #C3593C; /*dark orange*/
		display: inline;
		font-weight: bold;
		margin: 0px;
		text-decoration: none;
		width: 450px;
	}
	#banner h1 a:hover, #banner h1 a:active {
		background: none;
		color: #FE6700; /*bright orange*/
		text-shadow: none;
	}
	
	#banner h1 strong {font-size: 0.45em; font-weight: normal; color:#808080; /*light gray*/}
	
	/* Main Nav */
	#banner nav {
		background: #464548; /*#808080; grayish*/
		font-size: 1.13em; /* 1.143em; */
		height: 40px;
		line-height: 30px;
		margin: 0 auto 0px auto;
		padding: 0px;
		text-align: center;
		width: 796px;

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

                box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	        -moz-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	        -webkit-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
                }
	
	#banner nav ul {list-style: none; margin: 0 auto; width: 796px; padding:0;}
	#banner nav li {float: left; display: inline; margin: 0;}
	
	#banner nav a:link, #banner nav a:visited {
		color: #fff;
		display: inline-block;
		height: 30px;
		/* padding: 5px 1.51475em; */  /* better for firefox */ 
		padding: 5px 1.48em;   /* better for safari */
		text-decoration: none;
		margin: 0;
	}
	
	#banner nav a:hover{
                /*background:#464548; /*very pretty gray blue*/
		background: #4A8EBC; /*bluish*/
		color: #fff;
		text-shadow: none !important;
	}
	
        #banner nav a:active,
	#banner nav .active a:link, 
        #banner nav .active a:visited {
		background: #C3593C; /*dark orange*/
		color: #fff;
		text-shadow: none !important;
	}
	
	#banner nav li:first-child a {
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}

	#banner nav li:last-child a {
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		
		border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}

	
.subheader {
	width: 776px;
	margin: 10px auto;
	padding: 10px 10px 15px 10px;
        /*padding: 15px 10px 10px 10px;*/
	background: #f4f4f4;
	color: #808080; /*light gray*/
	/*border-bottom: 1px solid #ccc;*/

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

        box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	-moz-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	-webkit-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/

}


/* nontumblr figure/face in address bar  */
figure{
    /* margin:0; */
    /* width:121px; */  
    /* height:125px;  */
    /* border:1px solid black; */
    /* border-radius:5px 5px 5px 5px; */
    overflow:hidden;
    margin:0 0 5px 18px;
    width:90px;
    height:120px;
    border:0px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
          transition: transform 0.8s ease-in-out;
}

figure:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}



/*
	Extras
*****************/

#leftside {margin:0;
	   padding:0;
	   float:left;
	   /* width:480px; */
	   width: 760px; 
	  }

#rightside {margin:0;
	   padding:0;
	   float:right;
	   width:240px;
}

#extras {margin: 0; 
        overflow: hidden;
	float: left;
	/* width: 480px; */
	width: 760px;
	}

#extras p {font-size:1em;
	color: #808080; /*light gray*/
}


/* blocks
   ---------- */

/* a span { */
/* 	display: none; */
/* 	font-weight: normal; */
/* 	text-decoration: none; */
/* 	text-shadow: none; */
/* } */

/* a:hover span { */
/* 	display: block; */
/* 	float: left; */
/* 	text-align: left;  */
/* 	font-size: 9pt;  */
/* 	/\* position: absolute; *\/ */
/* 	line-height: 11pt; */
/* 	/\* top: 400px;  *\/ */
/* 	/\* left: 400px; *\/ */
/* 	width: 720px; */
/* 	/\* width:100%; *\/ */
/* 	padding: 10px;  */
/* 	margin: 5px;  */
/* 	/\* z-index: 100; *\/ */
/* 	border: 1px solid #808080; */
/* 	color: black;  */
/* 	background: #f4f4f4; */

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

/*                 box-shadow: 2px 2px 2px 2px #808080; /\*light gray*\/ */
/* 	        -moz-box-shadow: 2px 2px 2px 2px #808080; /\*light gray*\/ */
/* 	        -webkit-box-shadow: 2px 2px 2px 2px #808080; /\*light gray*\/ */

/* } */


a .abstract {
	display: none;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
}

a:hover .abstract {
	display: block;
	float: left;
	text-align: left; 
	font-size: 9pt; 
	/* position: absolute; */
	line-height: 11pt;
	/* top: 400px;  */
	/* left: 400px; */
	width: 720px;
	/* width:100%; */
	padding: 10px; 
	margin: 5px; 
	/* z-index: 100; */
	border: 1px solid #808080;
	color: black; 
	background: #f4f4f4;

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

                box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	        -moz-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/
	        -webkit-box-shadow: 2px 2px 2px 2px #808080; /*light gray*/

}




/*#extras ul {list-style: none; margin: 0;}
#extras li {border-bottom: 1px solid #fff;}
#extras h2 {
	color: #C74350;
	font-size: 1.429em;
	margin-bottom: .25em;
	padding: 0 3px;
}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #F4E3E3;
	text-decoration: none;
	padding: .3em .25em;
}

#extras li:last-child,
#extras li:last-child a {border: 0}

#extras .blogroll li:nth-last-child(2),
#extras .blogroll li:nth-last-child(3),
#extras .blogroll li:nth-last-child(2) a,
#extras .blogroll li:nth-last-child(3) a {border: 0;}

#extras a:hover, #extras a:active {color: #fff;}
*/

	/* Blogroll */
/*	#extras .blogroll {
		float: left;
		width: 480px;
	}
	
	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
*/	
	/* Social */
/*	#extras .social {
		float: right;
		width: 0px;
	}
	
	#extras div[class='social'] a {
		background-repeat: no-repeat;
		background-position: 3px 6px;
		padding-left: 25px;
	}
*/	
		/* Icons */
/*		.social a[href*='delicious.com'] {background-image: url('../images/icons/delicious.png');}
		.social a[href*='digg.com'] {background-image: url('../images/icons/digg.png');}
		.social a[href*='facebook.com'] {background-image: url('../images/icons/facebook.png');}
		.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/icons/lastfm.png');}
		.social a[href*='/feed/'] {background-image: url('../images/icons/rss.png');}
		.social a[href*='twitter.com'] {background-image: url('../images/icons/twitter.png');}
*/


/*


	Featured
*****************/
#featured {
	background: #fff;
	margin-bottom: 1em;
        /* margin-top: 1em; */
	margin-top: 0px;
	overflow: hidden;
        float: left;
	/* padding: 0px 10px 10px 10px; */
	padding: 0px;
	/* width: 480px;  */
	/* width:760px; */
	width:100%;
        color:#464548; /*very pretty gray blue*/
	
	/* border-radius: 10px; */
	/* -moz-border-radius: 10px; */
	/* -webkit-border-radius: 10px; */

        /* box-shadow: 0px 0px 2px 2px #808080; /\*light gray*\/ */
	/* -moz-box-shadow: 0px 0px 2px 2px #808080; /\*light gray*\/ */
	/* -webkit-box-shadow: 0px 0px 2px 2px #808080; /\*light gray*\/ */
}

/*
#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

#featured h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}
*/

/* left side
   ---------- */

	.left_articles {
		margin: 0;
		padding: 0;
		background: #fff;
	}

	.lt {
		height: 10px;
                color:#464548; /*very pretty gray blue*/
	}
	
	.lbox {
		padding: 0;
		margin: 0;
                color: #464548; 
		height: 100%;
	}
	
/*	.lbox a {
		color: #4A8EBC;
	}*/
	
	.lbox h2 {
		background: #fff;
                color:#464548; /*very pretty gray blue*/
	}

	
	
.thumb {
	float: left;
	width: 97.5%;
        /*border: 1px solid #C3593C;*/
	color: #464548;
	background: #fff;
	margin: 0 0 0 0;
	padding: 0px 10px 10px 10px;
}

.thumb p { 
           margin: 0; 
	   padding: 0; 
           color: #464548; 
           background: #fff; 
}


/* Example tumblrBadge CSS */
		.tumblr {
			list-style: none;
			width: 100%;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		.tumblr li {
  			margin-bottom: 1em;
		}
		.tumblr p {
                        font-style: normal;
			margin: 0 0 0 0;
                        padding: 0 0 0 0;
                        font-size: .9em; 
		}
		.tumblr img {
                    /*  clear: both; --*/
                        float: left;
		    /* 	display: inline; --*/
			margin: 0 1em 0 0;
                        padding: .2em;
                        border: 1px solid #464548;
			border-radius: 5px 5px 5px 5px;
 			overflow:hidden;
		}
		.tumblr em {
 		        display: block;
			margin-top: 0;
		}
		.tumblr .tumblr-post-date{
                        clear:both;
 			display: block;
			font-size: 0.7em;
			margin-top: .2em;
                        margin-bottom: 0;
		}

#tags {
        text-align:center;
        /*font-size:1em;*/
	/*float: left;*/
	/*width: 95%;*/
        /*border: 1px solid #C3593C;*/
	/*color: #fff;*/
	background: #fff;
	/*margin: 0 15px 15px 0;*/
	/* padding: 10px; */
	padding: 0px;
}



/*
	Body
*****************/
#content {
	background: #fff;
	margin: 5px 0px 0px 0px;
	overflow: hidden;
        float: right;
	padding: 10px;
	width: 240px;
        color:#464548; /*gray blue*/
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

        box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-moz-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-webkit-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/

}

#contentdos {
	background: #fff;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
        float: right;
	padding: 10px;
	width: 240px;
        color:#464548; /*gray blue*/
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

        box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-moz-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-webkit-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/

}

   #content img {float:left;
		padding:0 10px 0 0;
		}
   #contentdos img {float:left;
		padding:0 10px 5px 0;
		}


/* right side
   ---------- */
		
        .right {
	    float: right;
	    width: 245px;
	    margin: 0 0 10px 0;
	}

/*.right a {
	color: #FFFCD1;
	background: inherit;
}*/

		
	.rt {
		background: #fff;
		color: #464548;
		height: 7px;
	}
		
	.right_articles {
		font-size: 0.8em;
		background: #fff;
		color: #464548;
		padding: 5px;	
		margin: 0 0 5px 0;
	}
				
	/* .right img { */
	/*     float: left; */
	/*     /\* margin: 0 9px 3px 0; *\/ */
	/* } */

/* dl { */
/* 	        list-style-type: none; */
/*                 padding: 0px 0px 0px 0px; */
/* 		margin-left: 0px; */
/*  	        } */

/* li { margin-bottom:1em; } */


/*
	About
*****************/
#about {
	clear: both;
	margin: 2px auto;
        background: #fff;
	color: #464548;	
        overflow: hidden;
	padding: 0 5px 10px 10px;
	/*text-align: left;*/
	width: 760px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        
        box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-moz-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
	-webkit-box-shadow: 0px 0px 2px 2px #808080; /*light gray*/
}

#about p {margin: 0 0 5px 0; }



/* footer
   ------ */

#footer { 
	/*clear: both; */
	color: #464548;
	background: inherit;
	padding: 10px 10px 10px 10px;
        margin-bottom: 20px
}

.footleft{
        float: left;
	text-align: left;
	color: #464548;
	background: inherit;
}

.footleft a:hover {
		background: none;
		/*color: #464548;*/
		text-shadow: none;
   		}

.footright{
        float: right;
	text-align: right;
	color: #464548;
	background: inherit;
	padding:0;
}


/* Twitter Stuff
   ------ */

.user, .tweet {
    /* float:right; */
    display:block;
}

/* .user { */
/*   float:left; */
/* } */

/* .tweet { */
/*   /\* width:75%; *\/ */
/*     float:left; */
/*     display:block; */
/* } */

.timePosted {
  /* width:50%; */
    clear:left;
    margin-bottom:10px;
}

/* .user { */
/*   clear:left; */
/* } */

/* .user a { */
/*  width: 100px; */
/* } */

/* .user span span { */
/*   /\* width:100px; *\/ */
/*   /\* display:block; *\/ */
/*   float:left; */
/*   /\* margin-top:10px; *\/ */
/* } */

/* .user img, .user a > span { */
/*   float:left; */
/* } */

/* .user a > span { */
/*   float:left; */
/*   /\* margin-left:10px; *\/ */
/* } */