/*
Theme Name: Atmel Blog
Author:  PixelEight Web Studio, LLC, Rob Rasmussen, December 2015
Author URI: http://www.pixeleightstudio.com
Description: This site, the Atmel Blog, is a responsive-first design.
Version: 1.0.0

Text Domain: atmel.com

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

/* ===== **THIS IS A MOBILE-FIRST RESPONSIVE DESIGN** ===== */
/* ===== **BUILT BY ROB RASMUSSEN (PIXELEIGHTSTUDIO.COM) FOR ATMEL** ===== */

/* ===== **GLOBAL RESETS** ===== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.alignnone {margin:0px auto!important;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

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

/* ===== **BASIC STRUCTURE** ===== */
html {font-family: 'open sans', arial, sans-serif;}
body { background:white;}

#page { width:auto; height:auto;}
	.content-container { width: 90%;padding:0;margin:0 auto;}
	.bluestrip { background-color:#0078c5; width:auto; padding: 1% 0;text-align:center;}
	.mediabar {background-color:#023d61;text-align:center;padding:1% 0;}
	.sliderarea {height: 405px;}
	.latestposts {background-color:#f5f5f5;padding:5% 0;}
	.latestvideos {background-color:#0077c4;padding:5% 0;text-align:center;}
	.categorybox {background-color:#ffffff;padding: 0;text-align:center;}
	.permalinkcontent {background-color:#ffffff;padding: 0;}
	.footer {background-color:white;padding:1.5% 0;}
	

/* ===== **BLUE STRIP** ===== */
.atmellogo {float:none;width:auto;display:block;margin:0 auto;}
	.atmellogo img {width:80%;}
.searchblock {margin:0 0 15px 0;padding:0;}
	.searchblock form legend {display:none;}
	.searchblock form label {display:none;}
	.searchblock form input[type="text"] {color:#f8f8f8;background-color:#52a3d8;border:1px solid #2e7fb4;padding:8px 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;font-size:14px;font-family:'open sans', arial, sans-serif;font-weight:400;width:150px;}
	.searchblock form input[type="submit"] {display:inline-block;background:url(images/searchbtn.gif) top left no-repeat transparent;width:21px;height:21px;border:none;cursor: pointer;text-indent:-9999px;position:relative;z-index:1;margin:0 0 0 -35px;padding:5px 0 0 0;}
	
/* ===== **MAIN NAVS NAVIGATION** ===== */
.navs {text-align:left;margin: 0 0 0 0;}
	ul.menu {margin:0 0 0 0;padding:0;}
	ul.menu > li {display: block;margin:0 0 0 0;}	
	ul.menu > li > a {display:block;color:white;font-size:18px;font-weight:400;text-decoration:none;background-color:#004d7e;padding:10px 5px;width:auto;margin: 0 0 5px 0;}

	ul.sub-menu li {display:block;border-bottom:1px solid #638faa;}
		ul.sub-menu li:last-child {border-bottom:none;}
			ul.sub-menu li a {font-size:14px;background-color:none!important; padding:5px 10px;color:white;text-decoration:none;display:block;}
	
	
	
/* ===== **MEDIA BAR** ===== */	
.mediabar p {font-size:12px;text-transform:uppercase;color:white;font-weight:600;font-style:italic;line-height:17px;}
	.mediabar p strong {font-weight:700;}
		.mediabar p a {color:white;text-decoration:none;border-bottom:1px dotted #aec1cd;}
			.mediabar p a:hover {color:#eef8ff;border-bottom:1px dotted #eef8ff;}
	
/* ===== **SLIDER AREA**  ===== */		
	
div#slidetext {  background: transparent; font-family: 'open sans', sans-serif;text-align:center;}

div#slidetext h1 {font-weight:700!important;font-size:34px!important;color:white;margin: 0 0 20px 0;text-shadow: 0 0 10px rgba(0, 0, 0, 0.97), 0 0 5px rgba(0, 0, 0, 0.37), 0 0 65px rgba(0, 0, 0, 0.99);line-height:38px;position:relative;z-index:100;}
	
	div#slidetext h2 {font-weight:400!important;font-size:17px!important;color:white;text-shadow: 0 0 5px rgba(0, 0, 0, 0.97),0 0 10px rgba(0, 0, 0, 0.97),0 0 35px rgba(0, 0, 0, 0.97);line-height:22px;margin:0 0 45px 0;position:relative;z-index:90;}

#slidetext a.readpost {color:white;background:#0078c5;padding:1.25% 2.5%;margin: 25px auto;text-align:center;text-decoration:none;width:90px;font-size:16px;font-weight:700;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.69);position:relative;z-index:70;}





/* ===== **LATEST POSTS** ===== */		
.latestposts h2 {font-size:27px;color:#0079c2;text-transform:uppercase;font-weight:800;text-align:center;border-bottom: 1px solid #d6d6d6; line-height:0.1em;width:auto;margin:0 0 4% 0;}
	.latestposts h2 span { background:#f5f5f5; padding:0 2.75%; }
.latestposts .latestone, .latestposts .latesttwo {width:auto;}	
	.latestposts .latesttwo {margin: 8% 0 0 0;}
	.latestposts .latestone ul li, .latestposts .latesttwo ul li {border-bottom:1px solid #d5d8da;padding:2.5% 0;}
	.latestposts .latestone ul li:last-child, .latestposts .latesttwo ul li:last-child {border-bottom:none;}
		.latestposts .latestimage {float:left;width:25%;}
			.latestposts img {background-color:white;padding:2%;width:96%;}
		.latestposts .latestinfo {float:right;width:73%;}	
			.latestposts h3 {font-size:18px;line-height:21px;margin: 0 0 10px 0;}
				.latestposts h3 a {color:#0079c2;text-decoration:none;}
					.latestposts h3 a:hover {color:#053857;}
			.latestposts div.theexcerpt {font-size:13px;color:#545454;line-height:16px;margin: 0 0 4% 0;}	
			.latestposts p.metadata {color:#545454;font-size:12px;font-weight:300;font-style:italic;line-height: 15px;}	
				.latestposts p.metadata a {font-weight:400;text-decoration:none;color:#545454;}
	
/* ===== **LATEST VIDEOS** ===== */	
.latestvideos h2 {font-size:27px;color:#ffffff;text-transform:uppercase;font-weight:800;text-align:center;border-bottom: 1px solid #3091cf; line-height:0.1em;width:auto;margin:0 0 4% 0;}
	.latestvideos h2 span { background:#0077c4; padding:0 2.75%; }
.latestvideos ul li {display:block;padding:4% 0;}	
	.latestvideos ul li img {background:white;padding:3%;width:75%;margin: 0 0 10px 0;}
	.latestvideos h3 {font-size:19px;font-weight:400;line-height:23px;}
		.latestvideos h3 a {color:#ffffff;text-decoration:none;}
	.allvideosbutton {margin:0 auto;text-align:center;margin-top:4%;}	
		.allvideosbutton a {padding:2% 3.5%; background-color:#4d9ed2; color:#ffffff;text-transform:uppercase;text-decoration:none;font-weight: 700;}
		.allvideosbutton a:hover {background-color:#04578c;color:#e3f3fe;}

/* ===== **FOOTER** ===== */	
.footer-left {width:auto;text-align:center;margin: 0 0 5% 0;}
	.footer-left ul li {display:inline; padding:0 3%;font-size:12px;font-family:arial!important;}
		.footer-left ul li a {color:#0077c4;text-decoration:none;}
.footer-right {width:auto;text-align:center;color:#3c3c3c;font-size:12px;font-family:arial!important;}

/* ===== **CATEGORY BOX** ===== */
.categorybox h1 {font-size:34px;font-weight: 700;color:#313238;font-weight: 300;margin: 0 0 10px 0;}
.categorybox p.ctgydesc {font-weight:300;color:#313238;font-size: 15px;line-height:19px;}
.categorybox .categoryintro {background:white;padding:2% 0;}
.categorybox .thearticles {background:#f5f5f5;padding:2% 0;}
.categorybox ul li {height:325px;}
	.categorybox li h2 {font-size:19px;line-height:21px;margin: 0 0 10px 0;color:#0077c5;}
		.categorybox li h2 a {color:#0077c5;text-decoration:none;}
	.categorybox li div.theexcerpt {font-size:13px;color:#545454;line-height:16px;margin: 0 0 4% 0;}
	.categorybox li img {background:white;padding:3%;margin: 0 0 10px 0;border:1px solid #e4e4e4;width:65%;}
	
/* ===== NAV TRIGGERS (NAV BELOW) ===== */
nav#nav-below {margin: 3% 0 0 0;}
.nav-previous, .nav-next {width:45%;color:#0077c5;font-size:14px;font-weight:700;font-family:"open sans", sans-serif;vertical-align:middle;height:10px;}
	.nav-previous a, .nav-next a {color:#0077c5;}
	.nav-previous a:hover, .nav-next a:hover {color:#004472;}
.nav-previous {float:left;text-align:left;}
.nav-next {float:right;text-align:right;}


/* ===== **PERMALINK CONTENT** ===== */
.permalinkcontent .posttitle {background:#ffffff;padding:5% 0;}
	.posttitle h1 {color:#313238;font-size:35px;font-weight:300;margin: 0 0 15px 0;}
	.posttitle p.excerpt {font-size:17px;line-height:22px;color:#313238;}
.permalinkcontent .permalinkmain {background-color:#f5f5f5;padding:5% 0;}	
	.permalinkmain .blogcontent {background-color:#ffffff;padding:3%;}
	.blogcontent .entryfeaturedimage {background:red;}
		.blogcontent .entryfeaturedimage img {width:100%;max-width:100%;margin:0px auto;}
		.blogcontent img {width:100%;margin:0px auto!important;display:block!important;text-align: center!important;border:1px solid #ccc;}
		.blogcontent p.metadata {color:#545454;font-size:12px;font-weight:300;font-style:italic;line-height: 15px;}	
				.blogcontent p.metadata a {font-weight:400;text-decoration:none;color:#545454;}
				.blogcontent .blogbody {margin:0;padding:0;}
					.blogcontent .blogbody p {margin: 25px 0;color:#181818;font-size:16px;font-weight:400;line-height:26px;}
						.blogcontent .blogbody p a {color:#181818;font-weight:600;}
							.blogcontent .blogbody p a:hover {color:#0077c4;}
						.blogcontent .blogbody p strong {font-weight:600;}
		.blogcontent h2 {font-weight:700;font-size:23px;}
		.blogcontent h3 {font-weight:700;font-size:21px;}
		.blogcontent h4 {font-weight:600;font-size:19px;}
		.blogcontent h5 {font-weight:600;font-size:18px;}
		.blogcontent h6 {font-weight:600;font-size:17px;}	
		.blogcontent strong {font-weight:700!important;}
		.blogcontent em {font-style:italic!important;}
		.blogcontent ul, .blogcontent ol {margin: 25px 0;color:#181818;font-size:16px;font-weight:400;line-height:26px;}			
			.blogcontent ul li, .blogcontent ol li {margin: 10px 0 10px 40px;list-style:circle;}
		.blogcontent blockquote {width:80%;margin:0 auto;padding:5px 0;font-style:italic;font-weight:300;font-size:18px;}	
.blogtags	{background:#edecec;padding:3%;color:#656565;font-size:14px;line-height:19px;}
	.blogtags strong {font-weight:600;}
	.blogtags a {color:#656565;text-decoration:none;border-bottom:1px dotted #656565;}
		.blogtags a:hover {color:#2c2c2c;border-bottom: 1px dotted #2c2c2c;}
.abouttheauthor {background:#0077c4;padding:3%;text-align:center;}		
	.abouttheauthor img {margin: 0 0 15px 0;}
	.abouttheauthor p {color:#ffffff;font-size:14px;line-height: 19px;}
		.abouttheauthor p a {color:#ffffff;text-decoration:none;border-bottom: 1px dotted #ffffff;}
			.abouttheauthor p a:hover {color:#042e49;border-bottom:1px dotted #042e49;}
		.abouttheauthor p strong {font-weight: 600;}
		
.entrypermalinkmeta {margin-top:15px;color:#545454;font-size:14px;font-weight:300;font-style:italic;line-height: 15px;}		

#comments {margin:3.5% 0 0 0;}
h3.comments-title {color:#4d9ed2;font-weight:700;font-size:25px;margin-top:4%!important;}
	.comment-author img {display:none!important;visibility:hidden!important;}
	.comment-author {color:#4d9ed2!important;font-weight:600!important;font-style:italic!important;font-size:18px!important;}
#comments-list ul {list-style:none!important;margin:0;padding:0;}
	#comments-list ul li {margin:1% 0;padding:2%;list-style:none!important;background-color:#f4f4f4;}
	
	.comment-meta a {color:#4d4d4d!important;font-size:12px;text-decoration:none;color:#9b9b9b;}
	
	.comment p {font-size:14px!important;}
	
	#trackbacks-list li {margin: 0.5% 0 0.5% 4%!important;}
#trackbacks-list a {color:#545454;font-size:15px;}	
	#trackbacks-list a:hover {color:#4d9ed2;}
	
	.comment-form-comment {margin: 2% 0;}
	.comment-form-comment label {display:block;}
	.comment-form-comment textarea {width:98%;font-family:"open sans", sans-serif;font-size:15px;}
	
	.form-submit {text-align:left;margin-top:1%;}	
		.form-submit input#submit {padding:2% 3.5%; background-color:#4d9ed2; color:#ffffff;text-transform:uppercase;text-decoration:none;font-weight: 700;border:none;cursor:pointer;text-align:center;font-family:"open sans", sans-serif;font-size:15px;}
		.form-submit input#submit:hover {background-color:#04578c;color:#e3f3fe;cursor:pointer;}
	
	.logged-in-as a, .comment-notes {color:#4d4d4d;font-size:12px;}
	
	#commentform p {margin:1.5% 0;}
	#commentform p label {display:block;}
	#commentform p input#author, #commentform p input#email, #commentform p input#url {padding:0.5%;font-family:"open sans", sans-serif;font-size:15px;width:98%;}
	

						
/* ===== **SIDEBAR** ===== */
.widget-area {background-color:#ededed;padding:4.5%;}
#sidebar {width:auto;}
		.widget-area h3 {color:#535353;font-weight:700;font-size:15px;margin: 0 0 15px 0;line-height: 18px;}
		
#recent-posts-3 {}
	#recent-posts-3 ul {margin: 0;padding:0}
		#recent-posts-3 ul li {font-family:"open sans", sans-serif;font-size:15px;line-height:20px;margin: 0 0 10px 0;border-bottom:1px solid #ccc;padding: 0 0 10px 0;}
			#recent-posts-3 ul li:last-child {border-bottom:none;margin: 0; padding: 0;}
			#recent-posts-3 ul li a {color:#535353;text-decoration:none;}	
				#recent-posts-3 ul li a:hover {color:#0077c4;}
			
#shareatip {background:#0077c4;padding:3%;margin: 5% 0 0 0;}
	#shareatip .ccf-form-wrapper{margin:0 0 0 0!important;}
	#shareatip div.form-title {color:white;font-weight:700;font-size:15px;margin: 0 0 15px 0;line-height: 18px;padding:0 0 0 0!important;}
	
	.ccf-form-complete {color:white!important;font-family:'open sans', sans-serif!important;font-size:15px!important; font-weight:600!important;text-align:center!important;line-height:20px!important;margin: 0 0 0 0!important;}
	
	#shareatip form {margin: 0; padding: 0;}
		#shareatip form label {color:white;font-size:14px;display:block;margin: 0 0 1% 0;}		
		#shareatip form div {margin: 0 0 4% 0;}
		#shareatip input[type="text"], #shareatip textarea {font-family:"open sans", sans-serif;font-size:15px;font-weight:400;color:#0077c4;padding: 2%;width:96%;border:none;}
		
		#shareatip textarea {height:65px;vertical-align:top;word-wrap: break-word!important;line-height:16px;}
		
		#shareatip input[type="submit"] {padding:2% 3.5%; background-color:#4d9ed2; color:#ffffff;text-transform:uppercase;text-decoration:none;font-weight: 700;cursor:pointer;border:none;display:block;margin: 4% 0 0 0;float:right;}	
			#shareatip input[type="submit"]:hover {background-color:#04578c;color:#e3f3fe;}
			
p.antispam {display:none;visibility:hidden;}			
		

/* ===== **MEDIA QUERY (480PX)** ===== */		
@media only screen and (min-width:480px) {
	
	.categorybox ul li {height:350px!important;}
	
}

/* ===== **MEDIA QUERY (500PX)** ===== */		
@media only screen and (min-width:500px) {
	
	.categorybox ul li {height:365px!important;}
	
	.atmellogo img {width:70%;}
	
}
		
		
/* ===== **MEDIA QUERY (520PX)** ===== */		
@media only screen and (min-width: 520px) {
	
	.permalinkcontent .permalinkmain {padding:1% 0;}	
	.categorybox ul li {float:left; padding: 0 2%;width: 46%;height:330px!important;}

	.atmellogo img {width:70%;}
	
}
		
		
/* ===== **MEDIA QUERY (615PX)** ===== */		
@media only screen and (min-width: 615px) { 
	.content-container { width: 95%;}
	.atmellogo img {width:55%;}
	.categorybox ul li {height:315px!important;}
		
}		

/* ===== **MEDIA QUERY (700PX)** ===== */		
@media only screen and (min-width: 700px) { 
	.categorybox ul li {float:left; padding: 0 2%;width: 46%;height:220px;}
	.atmellogo img {width:50%;}
}

/* ===== **MEDIA QUERY (750PX)** ===== */
@media only screen and (min-width: 750px) {
	
	.atmellogo img {width:49%;}
	
	.permalinkcontent .posttitle {padding:2% 0;}
	#sidebar {float:right;width:27%;}
	.permalinkmain .blogcontent {float:left;width:69%;padding:1%;}
	.categorybox ul li {height:350px!important;}
	
}

		
/* ===== **MEDIA QUERY (820PX)** ===== */				
@media only screen and (min-width: 820px) { 
	
	.atmellogo {width:30%;margin:10px 0 0 0;float:left;}
		.atmellogo img {width:95%;}
	.searchblock {margin:1% 0 0 0;padding:0;width:20%;float:left;}
	.searchblock form input[type="text"] {padding:8px 10px;font-size:13px;width:100px;}

	.categorybox ul li {margin:0 0 5% 0;height: 295px!important;}
	
	.nav-collapse {width:50%;float:right;}
	
	ul.menu {margin:1% 0 0 0;padding:0;}
	ul.menu > li {display: inline-block;padding:3% 2%;overflow:visible;text-align:right!important;}	
	ul.menu > li > a {display:inline-block;color:#ddd;font-size:14px;font-weight:400;text-decoration:none;background-color:transparent;padding:0;width:auto;margin:0;}
		ul.menu > li > a:hover {color:white;}

	.navs ul li:hover ul.sub-menu {visibility:visible!important;opacity:1!important;}
		ul.sub-menu {opacity:0;visibility:hidden;position:absolute;z-index:999999;background:#f1f1f1;padding:10px;width:160px;border-radius: 5px;margin:10px 0 0 -15px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
			ul.sub-menu li {display:block;border-bottom:none;text-align:left;}
				ul.sub-menu li:last-child {border-bottom:none;}
					ul.sub-menu li a {font-size:13px;background-color:none!important; padding:5px 10px;color:#5c5c5c;text-decoration:none;display:block;}
						ul.sub-menu li a:hover {color:#292828;}
					ul.sub-menu:after {content: '';position: absolute;border-style: solid;border-width: 0 10px 10px;border-color: #f1f1f1 transparent;display: block;width: 0;z-index: 1;top: -10px;left: 15px;}
	

		.latestposts {padding: 5% 0 2.5% 0;}
		.latestposts h2 {font-size:24px;margin:0 0 7% 0;}
		.latestposts .latestone, .latestposts .latesttwo {width:46%;}
			.latestposts .latestone {float:left;}
			.latestposts .latesttwo {float:right;margin: 0;}	
				.latestposts .latestone li, .latestposts .latesttwo li {height: 182px;}
				.latestposts img {height:65px;}
				
		.latestvideos h2 {font-size:24px;margin:0 0 2% 0;}	
			.latestvideos ul li {display:inline-block;width:28%;padding: 2%;vertical-align:top;}	
				.latestvideos ul li img {background:white;padding:3%;height:auto;margin: 0 0 10px 0;width:75%;}
				.latestvideos h3 {font-size:15px;}
			.allvideosbutton a {padding:1.5% 3.5%;}
			.footer-left {margin: 0 0 3% 0;}
		.categorybox .categoryintro {padding:2% 0;}	
				
}

/* ===== **MEDIA QUERY (865PX)** ===== */		
@media only screen and (min-width: 865px) { 

	.categorybox ul li {height:330px!important;}

}

/* ===== **MEDIA QUERY (940PX)** ===== */		
@media only screen and (min-width: 940px) { 
	.categorybox ul li {padding: 0 2%;width: 29.333%;height:285px!important;}
	.latestposts .latestone li, .latestposts .latesttwo li {height: 170px;}
	.latestvideos ul li img {height:140px;}
	
	ul.menu {text-align:right;}
	ul.menu > 	li {padding: 3%;}
}


/* ===== **MEDIA QUERY (1020PX)** ===== */
@media only screen and (min-width: 1020px) { 
	ul.menu > li {padding:3% 3.5%;}	
	.footer-left {width:80%;text-align:left;margin: 0;float:left;}
		.footer-left ul li {padding:0 2%;}
	.footer-right {width:20%;text-align:right;float:right;}
	.latestposts .latestone li, .latestposts .latesttwo li {height: 140px;}
	.latestvideos ul li img {height:150px;}
	.categorybox ul li {height:305px!important;}
	
	.searchblock {margin:1% 0 0 0;padding:0;width:20%;float:left;}
	.searchblock form input[type="text"] {padding:8px 10px;font-size:13px;width:160px;}
	
	.nav-collapse {width:50%;float:right;}
	
}


/* ===== **DESKTOP MEDIA QUERY** ===== */
@media only screen and (min-width: 1180px) {
	
	.content-container { width: 1180px;max-width:1180px;}
	.bluestrip { padding:0.5%;}
	.searchblock {margin:1% 0 0 0;padding:0 0 0 4%;width:20%;float:left;}
	.nav-collapse {width:46%;}
	ul.menu > li {padding:3% 3%;}	
	.mediabar {padding: 0.65% 0;}
	
	.latestposts {padding: 3% 0 1% 0;}
	
	.latestvideos {padding: 3% 0 4% 0;}
		.latestvideos h3 {font-size:18px;}
		
	
		
		.latestposts .latestone li, .latestposts .latesttwo li {height: 128px;}
			.latestposts img {height:100px;}
			.latestvideos ul li img {height:160px;}
			
}

/* you've reached the end */