/*     20 introduction to expression web 4 tutorial completed 10:35   */

/*       ! css reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


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;
}
/* 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;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------------------------------------------*/

/* Global */

html {   }
body { background-color:#110000; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #fff; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

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

/* Text Elements */

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

a				{   }
a:link			{	 color:#00f;	}
a:visited		{	 color:#0f0;	}
a:active		{	 color:#000;	}
a:focus			{	 color:#666;	}
a:hover			{	 color:#f00;	}

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

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

/* Images */

/* Lists */

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

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

dl				{	}
dt				{	}
dd				{	}

/* Tables */

table			{	width:100%	}

tr				{	}
.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;		}



/* Miscellanoeous */

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-style:italic;	}



/* Containers */

#wrapper			{	width:1280px; margin:0px auto; background-color:#ffffff;background-image:url('../images/background/Rost_gespiegelt_2.jpg');  }

#top				{	background-color:#111111; width:100%; padding:20px 0; overflow:hidden;border-bottom:1px #cc0000 solid; 
	}
	#logo				{	margin:0 0 0 0px; float:left;	}
		
	#social-media		{ 	float:right; margin:0 10px 0 0;	}
	#social-media p		{	color:#00ff00; font-size:12px; margin:4px 10px 4px  25px;	}
	#social-media img	{	width:80px; height:54px;		}
	#social-media ul li	{	display:inline;		}
	
#topnav				{ 	background-color:#333333; clear:both; 	}
#topnav ul			{	width: 100%; float: left; margin: 0; background-color:#333333; border-bottom:3px #cc0000 solid; }

#banner				{ width: 100%; overflow:hidden;	}

#subbanner			{ width: 100%; background-color:#555555; 
						padding:15px 0; overflow:hidden; 
						border-top:5px #cc0000 solid; border-bottom:1px #cc0000 solid;}	
#subbanner h3		{ color:#c0c0c0; font-size: 16px; 
						font-weight:bold; text-align: center; line-height:180%}

#content			{ float:left; width:1000px; padding:20px;	}
#content h1			{ margin: 0 0 20px 0; font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif
					font-size :32px;  border-bottom:1px #cc0000 solid; padding: 20px 0;}
#content p			{ margin: 20px 0px; line-height:150%; font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }
#content h2			{ margin: 20px 0 0  0; font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; }
#content img		{ padding:5px; border:1px #444444 solid; margin: 8px; }


#rightside			{ padding:20px; margin-left:1020px 	}
#rightside h2 		{ margin: 20px 0 10px 0; }
#rightside p		{ margin: 8px 0;line-height:150%;}

#footer				{ clear:both; background-color:#220000; padding: 10px 0;}
#footer p			{ font-family:Arial, Helvetica, sans-serif; text-align: center; 
					 color: #555555; }

box1				{	}

box2				{	}

box3				{	}

box4				{	}

box5				{	}

box6				{	}

/* Layout Extra */


/* Navigation 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 */

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

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

.artist			{	font-size:16px; font-weight:bold; color:#333; 	}
.author			{	font-size:14px; font-weight: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;	 	}

.hide 			{	display:none;	}
.block			{	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;	}


/*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;	}