/* From Timothy Kywn Tutorial */

/* Color Legend */

/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, h7, p, p2, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin-left: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
	

img		{ margin:0; padding:0; border:0; display:block; 
	width: auto;
	max-width: 100%;
	height: auto;} 

table. tr. th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block; }
	
h1, h2, h3, h4, h5, h6, h7, p, p2, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color: #000;
	}
	
ol, ul { list-style:none; }


/* Global */

html	{   }
body	{ background-color:#fff	}  


/* Headings */

h1, h2, h3, h4, h5, h6, h7 { font-weight: bold;  }

h1 { font-size:24px; color:#D47085; 
		}
h2 { font-size:20px; }
h3 {
	font-size: 16px;
	margin-bottom: 5px;
	text-align: center;
}
h4 { font-size:16px; border-top:1px #ccc solid; padding-top:10px; margin-top:30px; }
h5 { font-size:18px; border-top:1px #ccc solid; padding-top:10px; margin-top:30px; color:#666; }
h6 { font-size:14px; }
h7 { font-size:14px; margin-top:30px; margin-bottom:15px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, h7 img { margin:0; }


/* Text Elements */

p				{ color:#000; font-size:12px; line-height:150%;
					margin:15px 0; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding:0; }
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding:0; }

p2				{ color:#000; font-size:12px; line-height:150%;
					margin:0; }
p2 .left		{ margin: 1.5em 1.5em 1.5em 0; padding:0; }
p2 .right		{ margin: 1.5em 0 1.5em 1.5em; padding:0; }

a				{	font-weight:bold;}
a:link			{ color:#47A29E; font-weight:bold;	}
a:visited		{ color:#765EA9;	font-weight:bold;}
a:active		{ color:#000;	font-weight:bold;}
a:focus			{ color:#666;	font-weight:bold;}
a:hover			{ color:#f00;	font-weight:bold;}

blockquote		{ color:#000; font-size:12px; }

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

/* Images */

.image-frame	{ padding:5px; border:1px #ccc solid; }

/* Lists */

ul				{	}
ol				{ list-style-type:decimal; }

ul li			{ color:#000; font-size:12px; }
ol li			{ color:#000; font-size:12px; }

dl				{	}
dt				{	}
dd				{	}

/* Tables */

table			{ width:auto; 	max-width: 1600px; align:center; height:auto; }


tr				{width:auto; 	max-width: 1600px; align:center; height:auto; }
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight: bold; }
thead, th		{ background #ccc; }

tbody			{	}

th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background: #efefef; }


/*Miscellaneous */

sup, sub 		{ line-height:0; }

abbr, acronym	{ border-bottom: 1px dotted #666; }
address 		{	}
del				{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; }
					
/* Containers */

#outer				{ width: auto; max-width: 1000px; margin:0 auto; background-color:#FFF; }
#outer2				{ width:800px; margin:0 auto; background-color:#FFF; }


#wrapper			{ 	width: auto;
	max-width: 100%; margin:0 auto; background-color:#FFF; }
	
	
#wrapper2			{ width:800px; margin:0 auto; background-color:#FFF; }

#QR				{  Padding-top:25px; padding-bottom:25px; float:center; background-color:#FFF; align:center;}

#social-media-icons			{ float:left;	}
#social-media-icons ul li	{ display:inline; }
#social-media-icons ul		{ margin-top:5px; }




#content			{ width:100%; float:center; padding-bottom:30px; background-color:#FFF;	}

#content2			{ clear:both width:100%; }
#content2 ul		{ margin-top:60px; margin-bottom:160px; }
#content2 ul li		{ display:inline; }
#content2 ul li a	{ padding:50px 25px 30px 0px;	}

#content3			{ padding:30px 25px 10px 25px; float:center; background-color:#FFF; align:center;
 display:block; 
	width: auto;
	max-width: 1000px;
	height: auto; 

}



#content4			{ width:100%; float:right; }


#biophoto			{ width:200px; height:293px; float:left; margin-top:30px; margin-bottom:30px; margin-right:20px; }
#biocontent			{ float:right; width:560px; margin-top:30px;}

#rightside			{ width:200px; float:right; }
	
#footer				{ clear:both; margin-top:20px; border-top:1px #ccc solid; padding-bottom:20px;	}

#content-desktop {display: block;}
#content-mobile {display: none;}

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

#content-desktop {display: none;}
#content-mobile {display: block;}

}
/* Layout Extra */



/*  Navigtion Extra */



/* Forms */

form { text-align::left; margin:20px; }

label, submit, input, textarea  {
	border:0; padding:0; margin:0; background:none;
	}

label {
	float:left; width:150px;
	text-align:right; display:block;
	}

input. textarea {
	border:1px #333 solid; margin-left:10px;
	}

input {
	width:280px; margin-bottom:16px; 
	}

textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}

select {	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
 	}
	
br	{ clear:left; }

/* Miscellaneous */

.date 				{ font-weight:bold; color:#D47085; margin-bottom:3px; }

.copyright-text 	{ font-size:80%; font-style:italic; color:#333; }
.footer-text 		{ font-size:12px; font-style:normal; color:#666; text-align:center; }

.title 				{ font-size:18px; font-style:bold; color:#333; }
.subtitle		 	{ font-size:14px; font-style:italic; color:#333; }

.artist		 		{ font-size:16px; font-style:bold; color:#333; }
.author		 		{ font-size:14px; font-style:bold; color:#555; }
.editor		 		{ font-size:14px; font-style:italic; color:#555; }

.pub-date		 	{ font-size:10px; font-style:italic; color:#555; }
.article-date	 	{ font-size:10px; font-style:italic; color:#555; }
.location		 	{ font-size:10px; font-style:italic; color:#555; }

.float-right		{ float:right; }
.float-left			{ float:left; }
.clear 				{ clear:both; }
.center				{ margin: 0 auto; }

.hide				{ display:none; }
.bloack 			{ display:block; }
.inline				{ display:inline; }

.first				{ font-weight:bold; }
.last				{ font-weight:bold; }
.left				{ font-weight:bold; text-align:left; }
.right				{ font-weight:bold; text-align:right; }

.added				{ background:#D7D7FF; }
.removed			{ background:#FFCECE; color:#f00; }
.changed			{ background:#FFB; }

.mobile-articles {
  display:block;
}
@media screen and (max-width:780px) {
  .mobile-articles {
    display:none;
  }
}



/* Success, info, notice and error/alert boxes -from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
	
.error, .alert 	{background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}

.notice 		{background:#fff6bf;color:#514721;border-color:#ffd324;}

.success 		{background:#e6efc2;color:#264409;border-color:#c6d880;}

.info 			{background:#d5edf8;color:#205791;border-color:#92cae4;}

.error a		{color:#8a1f11;}
.alert a 		{color:#8a1f11;}

.notice a		{color:#514721;}
.success a		{color:#264409;}
.info a			{color:#205791;}