/*  
Theme Name: TomKenyon
*/
:link,:visited { text-decoration:none }ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }address { font-style:normal }

body { background-color:#666; }
body{background: radial-gradient(#aaa,#666,#aaa);}
#left {z-index: 2000;}

#banner, #banner-mobile {left: 119px;	position: absolute; top: 0;	z-index: 1;}
#tom {	font: italic bold 12px/18px Georgia, "Times New Roman", Times, serif;	color: #FFF;
	text-decoration: none;	position: absolute;	left: 190px;	top: 5px;
	letter-spacing: 2px;	word-spacing: 5px;	height: auto;	width: 400px;
	z-index: 10;	text-transform: lowercase;	}	
#tom2 {font: italic bold 12px/18px  Optima, Rockwell, Didot, "Bembo Expert", serif;
	color: #999;	text-decoration: none;	position: absolute;	left: 310px;	top: 9px;
	letter-spacing: 2px;	word-spacing: 5px;	height: auto;	width: 350px;
	text-transform: lowercase;	z-index: 10;}
#title {	font: italic 45px Optima, Georgia, "Times New Roman", Times, serif; color: #fff;
	text-decoration: none;	position: absolute;	left: 230px;	top: 40px;	letter-spacing: 2px;
	height: auto;	width: 400px;	text-align:right;	z-index: 100;}
.alignright {float: right; margin: 0 0 10px 12px;}

#main { font:90%/140% Optima, Georgia, "Times New Roman", Times, serif; color:#001; background:#EEEEEE; padding:0 20px; position:absolute; width:785px; left:131px; top:115px; z-index:1; margin-top:0; border-top:2px solid #ccc; border-left:2px solid #ccc; letter-spacing:1px; padding-bottom:10px; box-shadow: 0 0 20px 1px #9977DD; }

#main p { padding:5px 0;}
#main li a:link { font: 90%/130% Optima, Georgia, "Times New Roman", Times, serif; color:#fafafa; text-decoration:none; padding:4px 5px; background-color:#999; border-right: 1px solid #555;border-bottom: 1px solid #555;border-left: 1px solid #eee;border-top: 1px solid #999;}
#main li  a:visited { color:#f1f1f1; text-decoration:none; font-size:90%;padding:4px 5px; background-color:#999;border-right: 1px solid #555;border-bottom: 1px solid #555;border-left: 1px solid #eee;border-top: 1px solid #999;}
#main li  a:hover { color:#f0f0f0; text-decoration:none; font-size:90%; background-color:#666;padding:4px 5px;border: 1px solid #eee;}
#main li#active a { color:#666; text-decoration:none; font-size:90%; background-color:#555; padding:4px 5px;}

#main2 { font: 100%/135% Optima, Georgia, "Times New Roman", Times, serif; color: #333; background: #ddd;  width: 624px;  margin-top:15px;	padding: 10px 20px;	background-color: #f9f8f7;	font-size: 105%;	line-height: 135%;	position: relative; top: 110px; left:130px; }

#topnav { width:100%; text-align:right; margin:0 auto; border-bottom: 1px  solid #ccc;}	
#topnav a:link, #topnav a:visited { padding:3px 1px; color:#282864; font: 75%/140% optima, verdana; text-decoration:none;}
#topnav a:hover { background:#ccc; }#topnav a:active { background:#eee; color:#bbb; }
.chosen {background:#999; color:#fff; padding:3px 6px;font: bold 80%/140% optima, verdana; letter-spacing:1px; }

.email {color:#333;}
.label {padding: 6px 10px; font-size:85%;}
#info { font-size:80%;padding:10px; border-top: solid 1px #ddd; color:#666;}
#sidebar {position:absolute; top:120px; left:585px; background-color: #feffff;
border:2px solid #eee;}
#footer {padding-top:3px; font-size:95%; color:#123; margin:0;}

.post {font-size:90%;background-color:#fff; margin:2px -8px; padding:10px 20px; border:solid 1px #666;} form {font-size:80%;}

h1 { font-weight:bold;	font: 180%/135%   Optima, "Trebuchet MS", Verdana, sans-serif;
	color: #373756; text-align: left;  padding: 10px 0; }
h2 {font:135%/135% Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756; padding: 10px 0 5px 0;}
h3 {	font: 115% Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756;text-align: left; margin-bottom:.5em; margin-top:1em;}
h4 {	font: bold small-caps 115%  Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756;	text-align: left;	padding-top: 0px;}
h5 {font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;color: #373756; margin-top:10px; margin-bottom:10px; }
h6 {  text-align:center; background-color:#adadac; margin:0; }
h6 a:link {color:#660033; font-family: Optima, Verdana; font-size: 85%;text-decoration:none;padding: 2px;}
h6 a:visited {color:#660033; text-decoration:none;padding: 2px;}
h6 a:hover {background-color: #fff; padding: 2px;}

.center_image {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
	font-size: 60%; 
}

.center_image_100 {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
}

.clearfix {
  overflow: auto;
}

.float_right {
	float:right; 
}

#arts {	text-align: right;}
#black {text-align: center;	vertical-align: middle;}
.text2 {font: 14px Georgia, "Times New Roman", Times, serif;	color: #000;	padding: 25px;}
#pulse {left: 250px;top: 100px;}
#ripple {background: #000;position: absolute;	left: -10px; padding: 260px 0 0 707px;
	top: 0px;height: 3350px;	width: 3250px; z-index: 1000;}
	

blockquote { font-size:95%; color:#444; border-left: #ddd solid 4px; margin: 15px; padding:0 12px;}
.border-off{
	border:none;
	font-size:100%;
	color:#000011;
	padding:0 10px;
	margin: 5px;
}
#rightbox { float:left; margin:10px;}
.label {color:#333; font-size:100%; padding-bottom:3px;}
.form { padding-left:4px;}
#email { color:#555;}
.right {float:right; margin: 15px 3px 15px 15px; border:1px #ddd solid;}
.left {float:left; margin: 15px 15px 15px 0px;border:1px #ddd solid;}

#menu { position:absolute; left:0; width:100px; top:150px; height:788px; }
#menu li { list-style-type:none; margin:0; padding:0; }
#menu ul { margin:0; padding:1px; }
#menu a { margin:0; text-align:left; border-bottom:0; display:block; text-decoration:none; padding:5px 10px; }
#menu ul a { margin:0; text-transform:capitalize; letter-spacing:1px; color:#fff; font:90% Optima, Verdana, sans-serif; text-align:left; }
#menu ul a:hover,#menu ul a:active,#menu ul a:focus { color:#ddd; font-weight:bolder; }
#photos { border-bottom: 1px #ddd solid;}
#photos h5 { font-size:180%; margin-top: 10px;}
#photos img { width:180px; float:right; margin:15px; border:#ddd solid 2px;}
#photos p { padding:15px 0;}
.title { font-weight:bold;	font: 150%/135%   "Trebuchet MS", Verdana, sans-serif;
	color: #373756; 
	text-align: left;  
	margin: 10px 0;
}
.item a img{opacity:1.0; filter: alpha(opacity=100);}
.item a:hover img{opacity:0.45; filter: alpha(opacity=45);}


#archives {  background: #eee; padding: 0 20px; position: absolute;  width: 785px; left: 131px; top: 115px; z-index: 1; margin-top:0; border-top:2px solid #ccc;   border-left:2px solid #ccc;-moz-border-radius: 9px 1px;-webkit-border-radius: 9px 1px;  }
#links ul { margin-top: 20px; width: auto;} /* 780 */
#links li {font: 90%/120% Optima, Georgia, Times, serif;  color:#373756;margin: 0 0 8px 0;  padding:0px; background-color: #eee; border-bottom: 1px solid #999; }
#links li a:link, #main li a:link  { font: 90%/120% Optima, Georgia, Times, serif; color:#373756; text-decoration:none; padding:5px 5px 5px 15px; background-color:#eee;letter-spacing: 1px; font-weight: bold; }
#links li  a:visited {font: 90%/120% Optima, Georgia, Times, serif; color:#373756;letter-spacing: 1px; text-decoration:none; padding:5px 5px 5px 15px;  font-weight: bold; background-color:#eee;}
#links li  a:hover { color:#f0f0f0; text-decoration:none;  padding:5px 5px 5px 15px; background-color:#888;font-weight: bold; }
#links li  a:active { color:#008; text-decoration:none;  padding:3px 5px; background-color:#eee;-moz-border-radius: 5px;
-webkit-border-radius: 5px 2px;font-weight: bold; }

#button {margin:15px 0 8px 0; position: relative; }
#button a:link, #button a:visited  { font: 90%/120% Optima, Georgia, Times, serif; color:#fff; text-decoration:none; padding:3px 5px; letter-spacing: 4px; font-weight: bold; width: 270px;margin-bottom: 5px;-moz-border-radius: 8px;
-webkit-border-radius: 8px 4px; border: none; background-color: #777; }
#button a:hover {background-color: #ddd; color: #666;}
.date {position:absolute; font: 75% Optima, Georgia, Times, serif; color: #1e0b67; right:40px; padding-top: 3px;}

ul.tabs li a {  
    background-image:url(images/tab_off.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;  
}  
ul.tabs li a.active {  
    background-image:url(images/tab_on.jpg);  
    background-repeat:repeat-x;  
    background-position:top;   
}  
.content {  
    background-image:url(images/content_bottom.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;   
}  

ul#links  { list-style-type: none; width: auto; }  /* 780 */


#links li a { display: block; text-decoration: none;}

 * html ul#links li a {  /* make hover effect work in IE */	width: auto;} /*780 */
#footer ul {margin-left: 24px; }
ul#one, ul#two, ul#three {  float: left; width: 180px;}
ul#one li, ul#two li, ul#three li{width: 180px;border-bottom: 1px solid #eee;}
ul#one li a:link, ul#two li a:link, ul#three li a:link { letter-spacing: 1px;background: white;color: #666; border: none; display: block; margin: 0;padding:1px 3px;line-height: 120%;}
ul#one li a:visited, ul#two li a:visited, ul#three li a:visited{ letter-spacing: 1px;background: white;color: #666;border: none; display: block;margin: 0;padding: 1px 3px;line-height: 120%;}
ul#one li a:hover, ul#two li a:hover, ul#three li a:hover{ letter-spacing: 1px;background: #999;color: #fff;border: none; display: block;margin: 0;padding: 1px 3px;line-height: 120%;}
 #notice {float:left;font-size: 85%; color: #555; margin-top: 10px;border-top: #333 solid 1px; line-height: 150%; letter-spacing: 1px; padding: 15px; }

#movie-block {
	box-shadow: 5px 10px 10px 2px #333333;
	background:#9977dd
	color:#fff;
	float-left;
}

.wp-caption-text {
	text-align:center;
	font-size:12px;
	margin-right:22px;
}

.wp-caption-text-1 {
	text-align:center;
	font-size:12px;
	margin-right:12px;
}

.alignright {float: right; margin: 0 0 10px 12px;}
.alignleft {float: left; margin: 10px 10px 0 0;}

.mm-float-right {
	box-shadow: 5px 10px 10px 2px #777777;
	float: right; margin: 15px 0 20px 25px;
}

#mm-page {
	padding:20px 60px 20px 25px;
}

.img-shadow {
    box-shadow: 5px 10px 10px 2px #333333;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 5px;
    margin-right: 15px;
}

.img-shadow-0 {
    box-shadow: 5px 10px 10px 2px #333333;
    margin: 8px 15px 0 0;
}

.dashed {
	background-color:#EEE;
	border-style: none none dashed;
	border-width: 1px;
	color: #555;
}

.underline-link {
	text-decoration:underline;
}

a.abr-trans {
	float:right;
	padding: 7px;
	border-radius:10px;
	background:#ccc;
	color:#332266;
	margin: -40px 40px 0 0
}

a.abr-trans:hover {
	background:#bbb;
        color:#552266;
}

#hathor-article {
	padding-left:40px;
	padding-right:80px;
}

.art-table {display:table;}
.art-row {
	display:table-row;
}
.art-cell {
	display:table-cell;
	height:70px;
}
.art-right {text-align:right;}
.art-left {text-align:left;}
.art-center {text-align:center;}

/* Responsive Design */
@media only screen and (max-width: 960px) {



	#main, #archives {
		padding-right:1.2em;
		margin-right:1.2em;
		width:auto; 
	}
}

/* Responsive Design */
@media only screen and (min-width: 630px) {
	#banner-moblie {
		display:none;
	}
}
@media only screen and (max-width: 629px) {

	body {
		font-size:1.2em;
	}


	#main, #archives {
		padding-right:0;
		margin-right:0;
	}

        #banner-mobile {

		display:block;

        }

	#banner, #tom2 {
		display:none;
	}

	.date {
		display:none;
	}

}


/* -------------------------------- */
/* iPhone 6: Portrait and Landscape */
/* -------------------------------- */
/*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

	body {
		font-size:1.2em;
	}

	#banner-mobile {

                display:block;
		width:510px;

        }

	#banner {
		width:0;
	}

        #banner, #tom2 {
                display:none;
        }

	.date {
		display:none;
	}

	#main, #archives {

		width:auto;
	}
}
*/

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}