html * { max-height:9999999999px; }

.roman-ol { list-style-type:lower-roman; margin-top:1em; }

.info_table { width:100%; margin-top:1em; font-family:verdana; font-size:0.7em; border-collapse:collapse; }
.info_table table, th, td { border:1px solid #ccc; padding:0.4em; }
.info_table_header { font-weight:bold;  background:#efefef; }

.top { text-align:center; font-family:verdana; font-size:0.7em; color:#777; text-decoration:none; letter-spacing:3px; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}
.top:hover { color:#f75100;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

body {
	margin:0px;
	background-image:url('bgtile2.gif');
	background-color:#d60000;
	font-size:16px;
}

fieldset { padding:0px; margin:0px; border:0px; outline:0px; }

#special_feature_behind { background-image:url('http://www.themachinestarts.com/images/red_grad.png'); background-repeat:repeat-x; width:100%; margin:0px; padding:0px; }

#special_feature { width:100%; background-image:url('http://www.themachinestarts.com/images/evilrobots2.gif'); background-size:130%; background-position:top; background-repeat:no-repeat; display:block; }
#special_feature .special_feature_link { display:block; text-align:center; }
.special_feature_image { border:0px; margin-top:2.5em; margin-bottom:2em; }

#wrapper {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	padding:30px 80px 0px 80px; background-color:#fff;
}

#header {
	opacity:1;
	width:100%;
	text-align:center;
	background-image:url('images/headerbg.gif');
	background-repeat:repeat-x;
	border-bottom:1px solid #000;
	background-color:#fff;
	position:relative;
	z-index:2;
}


#icon {
	height:120px;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
	text-align:center;
	width:400px;
	float:right;
	min-height:100%;
	background-color:#fff;
	position:relative;
	z-index:2;
}

#logo {
	float:left;
	height:120px;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
	text-align:center;
	width:550px;
	min-height:100%;

}

.header_img {
	position:relative; 
	top:-20px;
	margin-bottom:0.5em;
}

#content {
	margin-top:0px;
	clear:both;
	overflow:hidden;
}

#menu1 {
	display:none;
}

#menu2 {
	width:100%;
	border-bottom:1px solid #000;
	padding:0.9em 0em 0.9em 0em;
	font-family:verdana;
	font-size:0.7em;
	text-align:center;
	background-color:#fff;
	position:relative;
	z-index:2;
}


#menu2 li {
	list-style-type:none;
	padding:0px;
	display:inline;
	margin-right:23%;
	margin-top:0px;
}

#menu2 ul {
	margin-right:auto; margin-left:auto; margin-top:0px; margin-bottom:0px; padding:0px; width:550px; display:block;
}


#column {
	opacity:1;
	width:40%;
	float:right;
}

#column:hover { opacity:1; }

#column h4 {
	font-family:verdana; color:#aaa; font-size:0.8em; margin:0em 0em 1em 0em; padding:0px; text-align:center;
}

#column h4 a { text-decoration:none; color:#aaa; }

#searchbox { border:0px; width:180px; background-color:#efefef; height:1.5em; margin-bottom:20px; }


#readout {
	margin-top:2em;
	width:550px;
	float:left;
}

#updates {
	padding:0px;
	margin:0px;
}

#updates li {
	list-style-type:none; padding:0px; margin:0px;
}

.verdana_text { font-family:verdana; font-size:12px; }

.verdana_text p a { text-decoration:none; color:#f75100; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}

.verdana_text p a:hover { color:#aaa;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

.morebox { text-align:center; height:30px; }
.more { display:block; margin-bottom:1em; text-align:center; width:100px; padding:6px; background-color:#bcbcbc; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; font-family:verdana; font-size:0.6em; margin:auto; 
-webkit-transition:background-color 200ms ease-in;
-moz-transition:background-color 200ms ease-in;
-o-transition:background-color 200ms ease-in;
transition:background-color 200ms ease-in;
}

.more:hover { background-color:#f75100;
-webkit-transition:background-color 300ms ease-in;
-moz-transition:background-color 300ms ease-in;
-o-transition:background-color 300ms ease-in;
transition:background-color 300ms ease-in;
}

#col1_wrap { width:50%; float:left;}

#col1 {
	padding-top:1.5em; 
	padding-right:1em;
	margin-top:0em;
	margin-bottom:1.5em;
	position:relative;
	z-index:2;
	background-color:#fff;
}

#col1 ul { padding:0px; margin:0px; font-family:verdana; font-size:0.8em; }
#col1 li { list-style-type:none; margin-bottom:0.8em; padding-bottom:0.8em; border-bottom:1px solid #ddd;  }
#col1 li a, #col1 li a:visited, #menu2 a, .special a { text-decoration:none; color:#000; transition-property : color; transition-duration : 0.5s; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}
#col1 li a:hover, #menu2 a:hover, .special a:hover, #col1 h4 a:hover { color:#f75100; 
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

#col2 {
	width:45%;
	padding:0em;
	border-left:0px solid #000;
	float:left;
	background-color:#fff;
	margin:1.5em 0em 0em 0.9em;
}

#col2 p { padding-top:0em; margin-top:0px; color:#777; font-family:verdana; font-size:0.8em; line-height:1.5em; }
#col2 h5, #col2 h5 a { text-decoration:none; color:#999; font-weight:bold; font-family:verdana; font-size:13px; margin:0em 0em 0.4em 0em; padding:0px; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}
#col2 h5 a:hover { color:#f75100; 
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

.special { font-family:georgia; font-style:italic; font-size:1.25em; margin-bottom:1em; }

hr { border:0px; outline:0px; height:1px; background-color:#ccc; }

.item {
	display:block;
	border:0px dotted #333;
	padding-bottom:10px;
	color:#000;
	margin-top:0em;
	font-family:arial;
	font-size:14px;
}

.item h2  {
	font-family:georgia; color:#f75100; font-weight:normal; font-size:2.3em; margin:0em 1em 0.4em 0em;
}

.item h2 a { text-decoration:none; color:#f75100; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}

.item h2 a:hover { color:#000;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

.item p {
	margin-top:1.3em;
	font-size:14px;
	line-height:1.6em;
	font-family:arial;
}

.item p a { text-decoration:none; color:#f75100; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}

.item p a:hover { color:#aaa;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

.item li { font-family:verdana; font-size:14px; }

.item img { border:0px; }

.pullquote { display:block; font-family:georgia !important; font-size:1.5em !important; font-style:italic; text-align:center; line-height:1.3em !important; padding-left:20%; padding-right:20%; margin-top:1.6em !important; margin-bottom:1.6em !important; }
.quote { display:block; line-height:1.3em !important; padding:0.7em 4em 0.7em 4em; font-size:0.85em !important;  }

.inner_ol_li { font-size:12px !important; margin-bottom:1em; }

.large_img { margin-bottom:0.5em; }

.dateline { font-family:verdana; color:#999; font-size:0.7em; border-bottom:1px solid #ccc; padding-bottom:0.5em; margin:0em 0em 1em 0em; }
.dateline a { color:#999; text-decoration:underline; }
.dateline2 { font-family:verdana; color:#999; font-size:0.7em; margin:0em 0em 1em 0em; }
.dateline2 a { color:#999; text-decoration:underline; }
.dateline3 { font-family:verdana; color:#999; font-size:0.7em; margin:0em; }

#search_form { margin:0px; padding:0px; }

.search_info { display:block; margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #ccc; font-family:arial; font-size:14px; }

.search_result { display:block; margin-bottom:0.5em; padding-bottom:0.5em; padding-top:0.5em; border-bottom:1px dotted #000; }
.search_result p { font-family:arial; font-size:14px; line-height:17px; margin-top:0.4em; }
.search_result h1, .search_result h1 a { font-family:georgia; font-size:1.1em; color:#000; padding:0px; margin:0em 0em 0.3em 0em; text-decoration:none; font-weight:normal; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}
.search_result h1 a:hover { color:#f75100;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

#social_buttons { margin:0.5em 0em 0.6em 0em; width:100%; }
#social_buttons ul { padding:0px; margin:0px; }
#social_buttons li { display:inline; list-style-type:none; margin-right:0.2em; }
	
#footer {
	clear:both;
	font-family:verdana; font-size:0.6em;
	color:#000;
	height:9em;
	margin-top:1em;
}

#footer a { text-decoration:none; color:#777; 
-webkit-transition:color 200ms ease-in;
-moz-transition:color 200ms ease-in;
-o-transition:color 200ms ease-in;
transition:color 200ms ease-in;
}
#footer a:hover { color:#f75100;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}

#footer_wrap {
	border-top:1px solid #000;
	padding-top:10px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	
}

#follow_icons { float:right; width:140px;  }
#follow_icons img { border:0px; float:right; opacity:0.3; margin-left:5px;
-webkit-transition:opacity 300ms ease-in;
-moz-transition:opacity 300ms ease-in;
-o-transition:opacity 300ms ease-in;
transition:opacity 300ms ease-in;
}

#follow_icons img:hover { opacity:1;
-webkit-transition:opacity 300ms ease-in;
-moz-transition:opacity 300ms ease-in;
-o-transition:opacity 300ms ease-in;
transition:opacity 300ms ease-in;
}

.f_lft_flt { float:left; }

#advice { float:right; }
	
#sticky_wrap {
	display:none;
	
	clear:both;
	
}

#sticky {
	display:none;
	
	background-color:#fff;
	border-top:1px solid #000;
	background-repeat:no-repeat;
	width:180px;
	font-family:verdana;
	color:#000;
	text-align:center;
	position:absolute;
	z-index:1;
}

#sticky h5 { font-size:0.7em; margin-bottom:1em; margin-top:0.5em; color:#ababab; }
#sticky p { display:block; padding:0em; font-size:0.8em; font-size:0.6em; }
#sticky ul { padding:0px; margin:0px auto 10px auto; width:120px; }
#sticky li { list-style-type:none; display:inline; padding:0px; }

.socialicon { opacity:0.3; }
.socialicon:hover { opacity:1; }

#comments { width:98%; margin-top:1em; border-top:1px solid #000; padding-top:1em; }

#contactme { font-family:verdana; font-size:0.7em; color:#888; padding:0px; margin-top:2em; }
#contactme input { display:block; background-color:#efefef; border:0px; color:#777; margin:0.6em 0em 0.6em 0em; }
#contactme .submit { display:block; border:1px dashed #666; font-weight:bold; background-color:#fff; color:#555;
-webkit-transition:background-color 200ms ease-in;
-moz-transition:background-color 200ms ease-in;
-o-transition:background-color 200ms ease-in;
transition:background-color 200ms ease-in;
}
#contactme .submit:hover { background-color:#ddd;
-webkit-transition:background-color 300ms ease-in;
-moz-transition:background-color 300ms ease-in;
-o-transition:background-color 300ms ease-in;
transition:background-color 300ms ease-in;

}
#contactme textarea { display:block; background-color:#efefef; border:0px; margin:0.6em 0em 0em 0em; font-family:verdana; color:#777; font-size:1em; }
#contactme .surname { display:none; }

.back_2_top { text-align:center; margin-top:1em; margin-bottom:1em; }

.article_image { float:right; margin-left:10px; margin-bottom:10px; }

.list_num { display:block; font-weight:bold; font-size:2.8em; color:#F75100; padding:0em 0.3em 0.1em 0em; margin:0px; float:left; line-height:1em; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:1150px) {



#wrapper {
	width:800px;
	padding:30px 40px 0px 40px;
}

#logo {

}

#icon {
	width:200px;
}

#column {
	width:25%;
}

#col1_wrap { width:100%; float:none; }

#col1 {
	width:100%;
	float:none;
	margin-bottom:0em;
}

#col2 {
	width:90%;
	border-left:0px;
	margin-left:0em;
}

#menu1 { display:none; }



#menu2 li {
	margin-right:23%;
}

#footer_wrap { width:100%; }

#sticky_wrap { position:relative; }
#sticky { position:relative;  }


}

/* ---------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-device-width: 800px) and (orientation:portrait) {

body { background-color:#fff; background-image:none; }

#special_feature_behind { background-image:none; }

#special_feature { background-image:none; }
#special_feature .special_feature_link { display:none; }
.special_feature_image { display:none; }

#wrapper {
	width:86%;
	min-width:420px;
	padding-top:30px;
	padding-right:7%;
	padding-left:7%;
	margin:auto;
}


#logo {
	float:none;
	width:100%;
}


#icon {
	display:none;
}

#content { margin-top:0px; }

#readout {
	float:none;
	width:100%;
	border-bottom:1px solid #000;
}

.item img { width:100%; }

.item p { font-size:186%; }

#column {
	width:100%;
}

#col1_wrap { width:80%;
	float:none; 
	padding-right:0px;
	margin-right:auto; margin-left:auto;
}

#col1 {
	text-align:center;
}

#col2 {
	width:100%;
	padding-left:0px;
	border-left:0px;
	margin-left:auto; margin-right:auto;
}

#col2_wrap { width:410px; margin-left:auto; margin-right:auto; height:310px; }

.box3 { width:180px; float:left; margin-right:0.5em;  }

#menu1 { display:none; }

#menu2 { 
	width:100%;
	display:block;
	border-bottom:1px solid #000;
	padding:10px 0px 10px 0px;
	font-family:verdana;
	font-size:0.7em; }

#menu2 li {	margin-right:17%; }
#menu2 ul { width:100%; }

#footer { width:100%; }

#sticky_wrap { display:none; }

.pullquote { display:none; } 

}

/* ---------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:700px) {

body { background-color:#fff; background-image:none; }

#special_feature_behind { background-image:none; }

#special_feature { background-image:none; }
#special_feature .special_feature_link { display:none; }
.special_feature_image { display:none; }

#wrapper {
	width:86%;
	min-width:420px;
	padding-top:30px;
	padding-right:7%;
	padding-left:7%;
	margin:auto;
}

#logo {
	float:none;
	width:100%;
}


#icon {
	display:none;
}

#content { margin-top:0px; }

#readout {
	float:none;
	width:100%;
	border-bottom:1px solid #000;
}

.item img { width:100%; }

#column {
	width:100%;
}

#col1_wrap { width:80%;
	float:none; 
	padding-right:0px;
	margin-right:auto; margin-left:auto;
}

#col1 {
	text-align:center;
}

#col2 {
	width:100%;
	padding-left:0px;
	border-left:0px;
	margin-left:auto; margin-right:auto;
}

#col2_wrap { width:400px; margin-left:auto; margin-right:auto; }

.box3 { width:180px; float:left; margin-right:0.5em;  }

#menu1 { display:none; }

#menu2 { 
	width:100%;
	display:block;
	border-bottom:1px solid #000;
	padding:10px 0px 10px 0px;
	font-family:verdana;
	font-size:0.7em; }

#menu2 li {	margin-right:17%; }
#menu2 ul { width:100%; }

#footer { width:100%; }

#sticky_wrap { display:none; }

.pullquote { display:none; } 

}

/* --------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:450px) {

body { background-image:none; }

#wrapper {
	width:90%;
	min-width:200px;
	padding:0.5em;
}

#logo {
	float:none;
	width:100%;
	padding-top:1em;
	padding-bottom:1em;
	height:100%;
}

#logo img { width:95%; }

#header { margin-top:1em; }

.header_img { position:relative; top:-12px; width:90%; margin-bottom:1em; border:0px; }

.item h2 { font-size:1.5em; }

#col1_wrap { float:none; width:100%; }

#col1 { float:none; width:100%; }

#col2 {  float:none; width:100%; padding-left:0px; border-left:0px; }

#col2_wrap { width:100%; }

#menu2 { border-bottom:0px; padding:0px; margin:0px; }

#menu2 li { display:block; padding:0.5em 0em 0.5em 0em; border-bottom:1px solid #000; margin-right:0px;  }
#menu2 ul { width:100%; }

.pc { display:none; }

#footer { height:10em; text-align:center; }

.f_lft_flt { float:none; }

.box3 { float:none; text-align:center; display:inline; }
.box3 img { display:none; }

#follow_icons { display:none; }
#follow_icons img { float:none; }

.pullquote { display:none; }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-device-width: 480px) and (orientation:portrait) {

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { font-size:30px; }

#wrapper {
	width:90%;
	padding:1.7em 1.5em 0em 1.5em;
}

#header { background-image:url('images/headerbg_retina.gif'); height:7em; }

.header_img { width:85%; margin-bottom:1em; top:-40px; }

#icon {
	display:none;
}

#content { margin-top:0px; }

#readout {
	float:none;
	width:100%;
	border-bottom:1px solid #000;
}

.more { display:none; }

.item img { width:100%; }

.item h2 { font-size:4.5em; margin-right:0em; }

.item p { margin-top:1.5em; font-size:3em; line-height:1.6em;  }
.quote { font-size:2.7em !important; padding:0.5em 2em 0.5em 2em; }
.pullquote { display:none;  }

.dateline { font-size:2em; color:#666; }
.dateline2 { font-size:1.7em; color:#666; }
.dateline2 a { color:#666; }

#social_buttons { display:none; }

#remlen { width:3em; font-size:1.25em !important; }
#verif { width:10em; }

#column {
	width:100%;
	text-align:center;
	display:block;
}

#column p { font-size:1em; }

#searchbox { width:13em; height:1.5em; font-size:1em; }

.special { font-size:1.8em; }

#col1_wrap { float:none; width:100%; }

#col1 { float:none; width:100%; }
#col1 li { font-size:1.6em; }

#col2 {  float:none; width:100%; padding-left:0px; border-left:0px; }

#col2 h5 { font-size:1.3em; }
#col2 p { font-size:0.8em; }

#col2_wrap { width:100%; }

.box3 img { display:none; }
.box3 h5 a { font-size:1em !important; }
.box3 p { padding-bottom:1.5em !important; }

#tweet_relay { display:none; }

#menu1 { display:none; }

#menu2 { border-bottom:1px solid #000; padding-top:0.7em; margin:0px; }

#menu2 li { display:inline; padding:0.7em 0em 0.7em 0em; margin-right:2em; font-size:1.6em;  }
#menu2 ul { width:100%; }

#footer { margin-top:1em; font-size:0.8em; text-align:center; }

.pc { display:none; }

#sticky_wrap { display:none; }

#comments { display:none; }
.comment_link { display:none; }

#follow_icons { display:none; }
.f_lft_flt { text-align:center; float:none; }

.back_2_top { font-size:2em; }
.back_2_top img { width:5%; }

hr { height:2px; margin:1em 0em 1em 0em; }

}

/*-----------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-device-width: 480px) and (orientation:landscape) {

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { font-size:20px; }

#header { background-image:url('images/headerbg_retina_landscape.gif'); }

#menu2 li { margin-right:15%; }

.item h2 { font-size:2.5em; margin-right:0em; }

.item p { margin-top:1.5em; font-size:1.6em; line-height:1.6em;  }
.quote { font-size:0.8em !important; padding:0.5em 2em 0.5em 2em; }
.pullquote { font-size:1.7em !important;  }

.dateline { font-size:1em; }
.dateline2 { font-size:1em; }

#social_buttons { display:none; }

}