/* Color Legend */

/* Reset */

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

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;
	background: transparent;
	
}

img {margin:0; padding:0; border:0;}

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


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


/* Headings */

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

h1 { font-size: 24px; color: #4E087C;
	 padding-bottom: 15px; border-bottom: 1px #ccc solid; margin-bottom: 15px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; margin-bottom: 5px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 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;}

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

.image-frame { padding:10px; border: 1px #ccc solid; margin: 10px; }
/* Lists */

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

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

dl     { }
dt     { }
dd     { }


/* Tables */ 

table { width: 100%}

tr    { }
.odd  { background-color: #eee;}
.even { bacground-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; }


/* Containers */
#outer 	 		{ width: 960px; margin:  0 auto; background-color: #FFF; }
#wrapper 	 	{ width: 900px; margin: 0 auto; background-color: #FFF; }

#logo 		 	{ margin: 30px 0px; float: left; padding-left:  150px;}

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

#topnav  	 		{clear: both; }
#topnav ul          { border-top: 1px #000 solid; border-bottom: 1px #000 							solid; margin: 20px 0; padding: 10px 0;}

#topnav ul li       { display:inline;}
#topnav ul li a     { padding: 0 15px;}

#topnav a:link       { color: #000; font-weight:bold; }
#topnav a:visited    { color: #000; }
#topnav a:active     { color: #000; }
#topnav a:focus      { color: #666; }
#topnav a:hover      { color: #E30BF8;}

#banner		 		 	{margin-bottom: 30px; }

#content  		 		{ width: 650px; float: left;  } 
#content-fullwidth	    { width: 100%; }
#rightside 		 		{ width: 200px; float: right; }
#footer			 		{ clear:both; margin-top: 20px 0; border-top: 1px #ccc 							solid; }

#box1			 { width:250px; float:left; margin:25px; border-top: 15px 
					#8106F9 solid; background-color:#eee;}
#box2			 { width:250px; float:left; margin:25px; border-top: 15px  	
					#F50CD0 solid; background-color:#eee;}
#box3			 { width:250px; float:left; margin:25px; border-top: 15px 
					#3A04BD solid; background-color:#eee;}
#box1 h3, #box2 h3, #box3 h3 {margin:20px 10px 10px 10px;}
#box1 p, #box2 p, #box3 p {margin:5px 10px 10px 10px;}
#box4			 { }
#box5			 { }
#box6			 { }

/* Layout Extra */

/* Navagation Extra */

/* Forms */

form { text-align: left; margin: 20px;}
label, submit, input, textarea {
	border:0; padding: 0; margin:0; background: none;
}

label {
	float: left; width: 150 px;
	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: #F80206; margin-bottom: 3px; }

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

.footer-text { font-size: 100%; font-style: normal; color: #000; text-align: 				center;}



.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: #8a1f1l; 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; }