gistfile1.css

                 body {
			font: 14px/20px 'Droid Sans', arial, serif;
			width: 500px;
			background-color: #fff;
			padding-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}
		header {
			text-align: left;
			line-height: 50%;
		}
		h3 {
			font-size: 19px;
		}
		a { 
			transition: color .3s ease;
			-moz-transition: color .3s ease;
			-webkit-transition: color .3s ease;
			-o-transition: color .3s ease;
		}
		a:link, a:visited {
			text-decoration: none;
			color: blue;
		}

		a:hover, a:active {
			color: red;
		}
		#date {
			border: 2px solid #333;
			text-transform: uppercase;
			text-align: center;
			font-weight: bold;
			background-color: #eee;
			padding: 2px 5px;
			color: #333;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-moz-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-webkit-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-o-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			margin-top: 20px;
			margin-bottom: 10px;
		}
		#date a:link {
			text-decoration: none;
			color: #222;
		}

		#date a:visited {
			text-decoration: none;
			color: #222;
		}

		#date a:hover, a:active {
			color: red;
		}
		blockquote {
			margin: 12px 0px 10px 10px;
			padding-left: 15px;
			border-left: solid 3px #000;
		}
		.quote blockquote {
			font-size: 180%;
			font-weight: normal;
			padding: 10px 0;
			color: #333;
			line-height: 30px;
			border: none;
			margin: 0;
		}
		#player {
			text-align: center;
			margin-top: 10px;
			background: #000;
			height: 27px;
			width: 500px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 3px 5px #ccc;
			-moz-box-shadow: 0px 3px 5px #ccc;
			-webkit-box-shadow: 0px 3px 5px #ccc;
			-o-box-shadow: 0px 3px 5px #ccc;
		}
		#search {
			float: right;
			display: block;
			position:relative;
			top: -11px;
		}
		input {
			font-size: 15px;
			border: 2px solid #333;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-moz-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-webkit-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-o-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			font-weight: bold;
			padding-left: 2px;
			opacity: 0.5;
                        transition: opacity 0.5s ease;
                        -moz-transition: opacity 0.5s ease;
                        -webkit-transition: opacity 0.5s ease;
                        -o-transition: opacity 0.5s ease;
		}
		input:focus, input:hover {
			opacity: 1;
		}
		#video {
			margin-top: 15px;
		}
		#shorturl {
			font-size: 10px;
		}
		.image {
			margin-top: 7px;
			position: relative;
			text-align: center;
		}
		.image img {
			margin-top: 7px;
			text-align: center;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-moz-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-webkit-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-o-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
                        border: 0px;
		}
		.image .hi-res {
			color: #111;
			font-size: 14px;
			opacity: 0;
			font-weight: bold;
			text-shadow: none;
			padding: 0 0.5em;
			position: absolute;
			background: #e9e9e9;
			border: 2px solid #b7b7b7;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 0px 7px #aaa;
			-moz-box-shadow: 0px 0px 7px #aaa;
			-webkit-box-shadow: 0px 0px 7px #aaa;
			-o-box-shadow: 0px 0px 7px #aaa;
			padding-bottom: 2px;
			padding-top: 2px;
			bottom: 1.7em;
			right: 2em;
                        transition: opacity 0.5s ease;
                        -moz-transition: opacity 0.5s ease;
                        -webkit-transition: opacity 0.5s ease;
                        -o-transition: opacity 0.5s ease;
		}
		.image:hover .hi-res {
			opacity: 1;
		}
		.aart {
                        display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 7px;
			text-align: center;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-moz-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-webkit-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
			-o-box-shadow: 0px 1px 3px rgba(66,66,66,.5);
		}
		.source {
			text-align: right;
                        font-size: 9px;
                        font-weight: bold;
                        text-transform: uppercase;
			opacity: 0.5;
                        transition: opacity 0.5s ease;
                        -moz-transition: opacity 0.5s ease;
                        -webkit-transition: opacity 0.5s ease;
                        -o-transition: opacity 0.5s ease;

		}
		.source:hover {
			opacity: 1;
		}
		.question {
			font-weight: bold;
			padding-top: 5px;
		}
		.answer {
			font-weight: normal;
		}
		p.answer {
			float: left; 
			margin-right: 5px;
		}
		.qst {
			color: blue;
			font-size: 16px;
		}
		.ans {
			color: red;
			font-size: 16px;
			font-weight: bold;
		}
		#asker {
			color: blue;
		}
		#pagination {
			border-top: 2px dashed;
			text-align: center;
			border-bottom: 2px dashed;
			font-size: 17px;
			font-weight: bold;
			padding-top: 15px;
			padding-bottom: 15px;
			margin-top: 30px;
		}
		#pagination {
			border-top: 2px dashed;
			text-align: center;
			border-bottom: 2px dashed;
			font-size: 17px;
			font-weight: bold;
			padding-top: 15px;
			padding-bottom: 15px;
			margin-top: 30px;
		}
		footer {
			text-align: center;
			padding: 10px;
		}
		.credit:link, .credit:visited {
			color: #777;
		}
		.credit:hover, .credit:active {
			color: red;
		}