body	{
	color: #222;
	font-family: "Helvetica Neue Light", Arial, Helvetica, sans-serif;
}
#wrapper {
	 width: 720px;
	 margin: 0 auto;
}
h1 {
   font-weight: normal;
}
ol {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
li {
   margin: 5px 2px;
}
label:hover,
input:hover {
	    color: #000;
	    cursor: pointer;
}
fieldset {
	 font-family: Futura, Arial, Helvetica, sans-serif;	
	 background-color: #F2FFD5;
	 border: 2px #FFE07D solid;
	 color: #333;
}
legend,
p.total {
	color: #222;
	font-size: 18px;
	padding: 0 10px;
	margin-left: 0;
	font-weight: bold;
}
input {margin-right: 0;}
p.total {
	margin-left: 10px;
}
p.total strong {
	color: #F84100;
	font-size: 28px;
	font-family: Eurostile, Arial, Helvetica, sans-serif;	
}
input#submit {
	     color: #000;
	     font-size: 18px;	
	     background-color: #D4FFEE;
	     border: 2px #499483 solid;
	     padding: 10px;
}
input#submit:hover {
		   cursor: pointer;
		   background-color:#5BB470;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: background: #fff; /* for non-css3 browsers */

/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#808080), color-stop(.2, #fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(bottom, silver, white 90%);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=white, endColorStr=silver, GradientType=0);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=silver, GradientType=0)";

/*background: #4f84ff;*/
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 0.8em;
}

a { color: green; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 { font-size: 2em; margin-bottom: 0.1em; letter-spacing: .4px;}
h2 { font-size: 1.2em; margin-bottom: 0.8em; letter-spacing: .4px;} /* Took this out, don't need it --> text-transform: uppercase;*/
h3 {
	font-size: 1.6em;

	font-style: italic;
	letter-spacing: 2px;
	background: yellow; /*This makes the BG yellow for Quick Views, the wider the BG, the wider the yellow box, i think the height of the yellow BG box is determined by the letter height*/
	color: #5e0d04;
	padding: 5px;
	margin-bottom: 0.5em;
	text-align: center;
}  /*took this out, don't need it -->  text-transform: uppercase;*/
h4 { font-size: 1em; margin-bottom: 2.5em; letter-spacing: .4px; color: gray;}

.clear { clear: both; }

div#page-wrap {
	width:945px;
	margin: 0 auto;
}


ul#nav {
	height: 236px;
width:945px;
	background: url(images/numbstruck_arm_shadows_01.png) no-repeat;
        background-position:center top;
	list-style: none;
	padding-left: 0px;
	padding-bottom: 20px;
	}
	ul#nav li {
		display: inline;
		font-size: 1.5em;
		letter-spacing: 0.4px;
	}
	ul#nav li a {
background: url(images/bandaid_single_03.png) no-repeat center;

text-align: center;
vertical-align:middle;
		display: block;
		width: 90px;
		height:20px;
		float: left;
		margin-top: 183px;
		margin-left: 15px;
		color: white;
		padding: 25px;
		font-weight: bold;
		text-decoration: none;
		}
		ul#nav li a:hover, ul#nav li a:active {
			color: 6bd434;
		}
		
	div#main-content {

		padding-bottom: 50px;

		}

div#main-content div#right-col {
background: rgba(255,255,255,.7);
float: right;
margin-right: 20px;
			width: 225px;
			/* This originally was border-top: 4px solid hsl(0, 100%, 25%);*/
/*border: 4px solid hsl(210, 50%,75%);*/
border: 3px solid #4f84ff;
			padding: 10px;
padding-top: 20px;
			}	
			div#main-content div#right-col p {
				font-size: 1.1em;
			}

		div#main-content div#left-col {
background: rgba(236,242,255,.7);
border: 3px solid #4f84ff;
margin-left: 20px;

		        padding: 15px;
			float: left;
			width: 600px;
		}
		div#main-content div#left-col div#FlickrImages ul li {
			text-decoration: none;
			list-style: none;
			}
		
/*Quick-jumps turned off in html code,not using content below -->*/

div#main-content div#left-col div#quick-jumps {
			width: 200px;
			float: left;
			margin-right: 15px;
			background: url(../images/plain-board.jpg) bottom center no-repeat;
			padding-bottom: 90px;
			}
			div#main-content div#left-col div#quick-jumps p {
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1px;
				}
				div#main-content div#left-col div#quick-jumps p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-jumps a {
				color: black;
			}
		div#main-content div#left-col div#quick-nav {
			width: 200px;
			float: left;
			margin-right: 15px;
			}
			div#main-content div#left-col div#quick-nav p {
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 1px;
				}
/* bullet point color -->*/ div#main-content div#left-col div#quick-nav p span {
					color: #e9bc3d;
				}
			div#main-content div#left-col div#quick-nav a {
				color: black;
			}

/* <-- Quick-jumps turned off in html code,not using content above*/

div#main-content div#left-col div#post-header{
width:595px;
background: rgba(255,255,255,.8);
padding:7px 0px 5px 7px;
}


img {border:0}	


/*.twitter-share-button {
float: right;
}

.fb-share-button {
float: right;
}
*/

div#like {

position:relative; clear: left; top:0px; float:right;
}


div#tweet {
position:relative; clear: left; top:0px; float:right;
}


div#main-content div#right-col #SocialMediaLinks_div
{
padding:0px 12px 0px 12px;} /* top,right,bottom,left*/
	
#twitter_div{width:95%; margin:5px 0px 5px 0px;padding:5px 3px 3px 3px;background-color:rgba(255,255,255,.7);
border-radius: 15px; -moz-border-radius: 15px; border: hsl(110, 50%, 50%) 3px solid;text-align:left;}

#twitter_update_list{font-weight:normal;display: inline;}
#twitter_update_list ul{float:left;}
#twitter_update_list li{list-style:none; padding:0 2px 2px 2px;}

.img-resize
{
width: 180px;
height : auto;
clip:rect(0px,180px,65px,0px); /*top,right,bottom,left*/
position: absolute;
display: block;
margin-left: 23px;
margin-top: 39px;
}

div.img
  {
  margin:12px;
  border:1px solid hsl(110, 50%, 50%); /*green border*/
  height:auto;
  width:auto;
  float:left;
  text-align:center; 
  }
div.img img
  {opacity:1;
filter:alpha(opacity=100);
  display:inline;
  margin:3px 3px 3px 3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #4f84ff;  /*blue outline on hover*/
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }


div#footer {		
background: hsl(110, 50%, 50%);
		color: white;
		padding: 10px 0 10px 0;
		text-transform: uppercase;
		border-top: 2px solid white;
		text-align: center;
clear:left;
	}