/*   
Theme Name: vintageTek
Theme URI: http://vintageTEK.org
Description: Web site for progress towards building a Brick and Mortar Museum, to commemorate the 
             Founding, Hyper Growth, and Market Share Dominance “eras” of Tektronix, Inc.
Author: Pete Mackie and Michael Wilhelm
Author URI: http://seaquest.com, http://wilhelmphoto.com
Version: 0.1
*/
@media screen {

* { margin: 0; padding: 0; }

article, aside, aside-blog, figure, footer, header, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack */ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

body { font: 14px/1.4 Georgia, serif; background: #e1d8b9 url(images/bgtkbluetan7560.png);}

/*
	TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-weight: normal; line-height: 1.5; }
h1, h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; }
h1 { font-size: 42px; color:black; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc; font-weight: 100; text-transform: uppercase; }
.giant { font-size: 90px; }
h2 { font-size: 26px; color: #647484; text-shadow: 1px 1px 0 #d7ddf2, 2px 2px 0 #d7ddf2; text-transform: uppercase; letter-spacing: 5px; }
h2 em { font: italic 24px Baskerville, Georgia, Serif; letter-spacing: 0; color: black; text-transform: none; }
h3 { font-size: 22px; background: #647484; color: white; padding: 0 0 0 20px; }
h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 3px; }
h5 { font-size: 14px; line-height: 1.5; }
a { text-decoration: none; color: #647484; }
a img { border: 0; }
.zoomer:active { top: 0; }
.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

h1 a, h2, h4 a, h5 a { color: black; display: block; }
h3 a { color: white; }
a:hover, a:focus { text-decoration: underline; }
a:active { position: relative; top: 1px; }
p { margin: 0 0 10px 0; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 0; font-style: italic; color: #666; }
ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
.button { background-image: -moz-linear-gradient(top, #6b7886, #3b4f63); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b7886),color-stop(1, #3b4f63)); 
	padding: 5px 15px; -moz-border-radius: 20px; color: white; font-weight: normal !important; text-transform: uppercase; border: 2px solid white !important; -moz-box-shadow: 1px 1px 3px #666;
	 -webkit-box-shadow: 1px 1px 3px #666; }
.button:hover { background-image: none; background-color: #6b7886; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; }

#page-wrap { position: relative; 
	width: 940px; 
	padding: 0 60px 0px 0;                /* was 30px */
	 margin: 30px auto 5px;              /* this is where the top margin can be changed */
	background: white; 
	-moz-box-shadow: 0 0 20px black; 
	}
		
#topleftpic {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/VintageTEKBanner.png) no-repeat;
	width:1000px;
	height: 200px;	
}

aside  {
	/*  position: relative; 
	top:195px;            was 95 */
	float: left;
	width: 270px;          /* was 250px */
	margin: 210px 0px 0px 0px;      
	list-style:none;
/*	background-color: red; */
}


#main-content {
	position: relative;
	top:100px;	         /*    was 0 */
	left: 40px;
	z-index: 20; 
	float: right;	
	width: 580px;
	margin: 120px 80px 120px 0px; 	
}

aside h4 { text-align: right; }

h2 {
	position: relative;
	top: 0px;
	color: #003399;      /* leave a reply text  */
	text-transform:uppercase;
	text-shadow:2px 2px 0 #d8d8dc;
	font-weight: normal;
	font-size: 26px;
	margin:10px 0px 52px 190px;
	letter-spacing: 5px;
}

#page-title { color:#6699cc; 
	text-shadow: 1px 1px 0 #666, 2px 2px 0 #666; 
	font-size: 36px; 
	padding: 10px 0 0 40px; 
	margin: 20px 0 40px 0px; 
	width: 650px; 
	text-align: center; 
	position: relative; 
	left: -70px; }
	
/*.hm-title {
	left: -230px; }
}	
.bloghm {
		
}*/


.post { margin: 30px 0 40px 0px;  }
.post a { font-weight: bold; border-bottom: 1px solid #6699cc; }				/* was dotted #647484*/
.post a:hover { border-bottom: 1px solid red; }                                 /* was white */
.post h4, .post h4 a, .post h4 a:hover { border: 0; margin: 0;   }
.post h4 a:hover { text-decoration: underline; color:red; }                         /* added color: red  */
.post * ~ h3, .post * ~ h4 { margin-top: 25px; }
.post p a { color:#6699cc;}															/* added this line to color hyper linked text  */


.meta { background: url(images/bg.png); padding: 1px 5px; color: #6699cc; margin: 5px 0; }

.coupon { border: 5px dashed #ccc; padding: 20px; text-align: center; -moz-transform: rotate(-2deg); font-size: 20px; }
.breadcrumb { background: #eee; padding: 1px 5px; }


.single #post-title { color: #6699cc; text-shadow: 1px 1px 0 #666, 2px 2px 0 #666; font-size: 36px; background: url(images/bg.png); padding: 70px 0 30px 10px; margin: 200px 0 0 0px; width: 650px; text-align: center; position: relative; left: -50px; }/* color: #6699cc was #eee */
.single aside {  margin-top: 230px; }
.single #main-content {  margin-top: -130px; }

.single .meta { background: #666; padding: 3px 0 3px 220px; color: #eee; position: relative; left: -30px; width: 400px; }
.single .entry p:first-child:first-line { font-size: 135%; letter-spacing: 1px; text-transform: uppercase; }
/* .single .entry p:first-child:first-letter { font-size: 300%; float: left; line-height: 79px !important; margin: 0 5px 0 0; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc; font-weight: 100; } */

#featured-widgets { list-style: none;}
#featured-widgets li { position: relative; margin: 20px 0 40px 0px; }
#featured-widgets h3, #featured-widgets p { padding: 0 0 0 200px; }
.image-and-button { position: absolute; top: -20px; left: 0; width: 200px; text-align: center; }
.image-and-button img { margin: 0 0 15px 0; }





nav ul {
	list-style:none;
	margin: 30px 0 0px 0px ;         /* was 30px 0 0px -30px */
}
nav ul li a {
	position:relative;
	width: 233px;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #FC6;
	font-size: 16px;
	text-decoration: none;
	background-color: #003399;
	margin: 0px 0 5px 0 ;
	
}

nav ul li a span {
	position:absolute;
	right: 100%;
	top: 5px;
	width:15px;
	height: 100%;
	background-color: #003399;
	background-image: url(images/navshadow.png);
	background-position: right top;
	background-repeat: repeat-y;
}


nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span {
	background-color: rgba(0,51,153, .8); 
}
	
nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span{
	background-color: rgba(0,51,153, .65); 
}

nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span {
	background-color: rgba(0,51,153, .5); 
}

nav ul li:nth-child(5) a, nav ul li:nth-child(5) a span {
	background-color: rgba(0,51,153, .4); 
}
nav ul li:nth-child(6) a, nav ul li:nth-child(6) a span {
	background-color: rgba(0,51,153, .65); 
}
nav ul li:nth-child(7) a, nav ul li:nth-child(7) a span {
	background-color: rgba(0,51,153, .8); 
}

nav ul li:nth-child(8) a, nav ul li:nth-child(8) a span {
	background-color: rgba(0,51,153, .99); 
}


ol.commentlist { list-style: none; margin: 0 0 20px 0px;}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

.widget { background: url(images/shadowTopRight.png) top right no-repeat; padding: 17px 22px 0 0; margin: 0 0 30px 0; }
.widget h5 { color: #555; }
.widget p { color: #999; line-height: 1.5; }
.sidebar-post { margin: 0 0 20px 0; }
.date { position: relative; left: 0px; text-align: right; padding: 0px 8px 2px; width: 187px; }    /* moves sidebar ribbons left: 0px */
.latest-post h4 { color: #909673; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.latest-post .date { background: #909673; color: #e7e9dd; }
.latest-post .date span { background-color: #909673; }
.industry-news h4 { color: #ad7601; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.industry-news .date { background: #ad7601; color: #e7e9dd; width: 187px; }
.industry-news .date span { background-color: #ad7601; }

#searchform #s { width: 188px; margin: 20px 0 10px 10px; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 999; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
* html .ui-tooltip { background-image: none; } /* Fades and background-images don't work well together in IE6, drop the image */
body .ui-tooltip { border-width: 2px; }
.mini { float: left; margin: 0 10px 0 0; }

.latest {
	background: url(images/sidebarshadow.png) top right no-repeat;
	padding: 30px;
	margin: 20px 0 0 0;
}

.latest h4 {
	color: #003399;
	text-align: right;
	font-size: 16px;
	text-shadow: 2px 2px 0 #d8d8dc;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	letter-spacing: 5px;
	font-weight: normal;
}

.latest .date {
	background: #003399;
	color: #ffecc5;
	padding:3px;
	text-align: right;
	width: 266px;
	margin: 0 0 12px -30px;
	letter-spacing: 3 px;
	font-size: 12px;
	text-transform: uppercase;	
}

.latest h5 {
	font-weight: normal;
	font-size:18px;
	margin: 0 0 6px 0;
	color: #666;
}

.latest p {
	
	font-size:12px;
}


.textSidebar {
	background: url(images/sidebarshadow.png) top right no-repeat;
	padding: 30px;
	margin: -40px 0 0 0;
	
}

.textSidebar h4 {
	color: #003399;
	text-align: right;
	font-size: 16px;
	text-shadow: 2px 2px 0 #d8d8dc;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	letter-spacing: 5px;
	font-weight: normal;
}

.textSidebar .date {
	background: #003399;
	color: #ffecc5;
	padding:3px;
	text-align: right;
	width: 266px;
	margin: 0 0 12px -30px;
	letter-spacing: 3 px;
	font-size: 12px;
	text-transform: uppercase;
	
}

.textSidebar h5 {
	font-weight: normal;
	font-size:18px;
	margin: 0 0 6px 0;
	color: #666;
}

.textSidebar p {
	
	font-size:12px;
	margin-left: 10px;
}

.textSidebar img {
	padding: 0 0 0px 0;
	margin: 10px 0px 0 0px;
}

footer {
	width: 800px;
	margin: 0 auto 20px;
	color: #003399;
	text-transform:uppercase;
	letter-spacing: 3px;
	font-size: 18px;
	clear: both;
}

#description{
	width: 70%;
	float: left;	

}

#copyright {
	width:30%;
	float: right; 
	 text-align: right; 
}


} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

#sidebar_inner {
/*	margin-left: 10px;
	padding-left: 5px;
	 background-color: red; */
}