style.css

* {  margin: 0; padding: 0;}
article, aside, figure, footer, header, hgroup, nav, section { display:block;}
html { font-size:100.01%; border-top: #212121 15px solid;}
body { width: 1020px; margin : 0 auto; background-color: #fff; color: #202020; font-size:90%; font-family: 'Segoe UI Light',Arial, sans-serif;}
em {font-style: italic;}
strong {font-weight: bold;}
p {text-align: justify;}
p img, figure {text-align: center;}
img { max-width: 100%; height: auto; border:0;}
a, a:visited { text-decoration:none; outline:none;color: #202020;}
a:hover{	text-decoration: none; color:#000;}
ul { margin: 2px 0 22px 17px;}
ul li {  margin: 0 0 6px 0;  padding: 0 0 4px 5px;list-style-type: circle;  line-height: 1.2em;}
ol {  margin: 8px 0 22px 20px;}
ol li { margin: 0 0 11px 0;}
.txtcenter {text-align: center;}
.left { float: left; width: auto;margin-right: 10px;}
.right { float: right; width: auto; margin-left: 10px;}
.center { display: block; margin: 20px auto;text-align: center; }
#toppage { padding: 1% 3%; color: #202020; border-bottom: 1px solid #aaa;}
#toppage h1  {font-size:3em; font-weight:normal; line-height:1;}
#toppage h1 a:hover { color: #000 !important;}
#toppage p {font-size: 1.4em; font-weight: normal; padding: 15px 0;}
#toppage p a {  }
#toppage p a:hover { }
.go {display:block; float:right;}
p.description {font-size: 1.1em; font-style: italic;}
section { margin: 0 0%; padding: 1% 20px;}
section h2 {margin-bottom: .5em;}
section h2 a { color:#000;}
section h2 a:hover {  }
section h4 { font-weight: normal; font-size: small;}
article {border-bottom: 1px solid #aaa; padding: .5em 0;}
article h2 {margin:.5em 0;}
.vignette { width: 33%; float: left; margin-top: .5em; border-bottom:none;}
.vignette .title, .vignette .content {padding: 2%;}
footer { clear: both; font-size: .8em; text-align:center; padding-top: 20px; border-top:1px solid #aaa; line-height: 1.8em;}
footer p {text-align: center; margin-bottom: 1em; }
.content label { margin-top: 5px; }
form { margin-top: 15px; }
#addwebsite {margin: 1em auto; width:85%;}
#addwebsite input {margin-right: 2em;}
.pagination a, input[type="submit"], .btn  {
	font-size:1.1em; 
	font-weight:normal; 
	display:inline-block;
	padding:6px 14px; 
	line-height:20px; 
	color:#666; 
	text-align:center; 
	text-decoration:none; 
	vertical-align:middle; 
	cursor:pointer; 
	background-color:#f6f6f6;
	background:linear-gradient(to bottom, #fff, #e6e6e6);
	background:-webkit-linear-gradient(top, #fff, #e6e6e6);
	background:-moz-linear-gradient(top, #fff, #e6e6e6);
	background:-ms-linear-gradient(top, #fff, #e6e6e6);
	background:-o-linear-gradient(top, #fff, #e6e6e6); 
	border:1px solid #ccc; 
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
	border-radius:5px; 
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.09); 
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.09); 
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.09); 
}
.pagination a:hover, input[type="submit"]:hover{
	color:#333; 
	background-color:#f6f6f6;
	background:linear-gradient(to bottom, #e0e0e0, #fff);
	background:-webkit-linear-gradient(top, #e0e0e0, #fff);
	background:-moz-linear-gradient(top, #e0e0e0, #fff);
	background:-ms-linear-gradient(top, #e0e0e0, #fff);
	background:-o-linear-gradient(top, #e0e0e0, #fff);
	border:1px solid #ccc;
}
input[type="text"] {
	font-size:13px; 
	border:1px solid #ccc; 
	padding:8px; 
	background-color:#fff; 
	margin:0; 
	outline:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	display:inline-block; 
	margin-bottom:10px; 
	-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.12); 
}
input[type="text"]:focus {border:1px solid #999; color:#999; -moz-box-shadow:0 0 3px rgba(0,0,0,.32); -webkit-box-shadow:0 0 3px rgba(0,0,0,.32); box-shadow:0 0 3px rgba(0,0,0,.32);}
/* autoblog.php */
.pagination { text-align: center; padding: 1% 2%; font-size: .8em;}
.pagination strong { }
article .source { font-size: 0.8em; color: #666; }
article .source a { color: #666; }
.searchForm { float:right;  padding: 0 0.3em 0.3em; margin-top: 1.3%; }
.searchForm input { }
.content ul, .content ol { margin-left: 2em; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content ul, .content ol, .content p, .content object, .content div, .content blockquote, .content dl, .content pre { margin-bottom: 0.8em; }
.content pre, .content blockquote, .content q { background: #ddd; border: 1px solid #999; padding: 0.5em; max-width: 100%; overflow: auto; white-space: pre-wrap;}
.content img, .content iframe, .content video {padding: 4px; background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.2); border: solid 1px #bbb; max-width: 100%;}
.content h1 { font-size: 1.5em; }
.content h2 { font-size: 1.3em; }
.title h4 {font-size: .8em;}
.result h3 a { color: darkblue;}
#error { position: fixed; top: 0; left: 0; right: 0; padding: 1em 0 0 1em; border-bottom: 2px solid red; color: darkred; background-color: #fff; z-index:100; }
#error li {margin-left: 2em;}
/* Modal Box */
#modal {
	background:#fff;
	left:50%;
	margin:-250px 0 0 -40%;
	position:absolute;
	top:-50%;
	width:80%;
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
	border-radius:5px;
		-moz-box-shadow:0 3px 7px rgba(0,0,0,.5);
		-webkit-box-shadow:0 3px 7px rgba(0,0,0,.5);
	box-shadow:0 3px 7px rgba(0,0,0,.5);
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#modal:target {top:50%;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
#modal header,#modal footer {background:#f7f7f7;border-bottom: 1px solid #e7e7e7;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
#modal footer {border:none;border-top: 1px solid #e7e7e7;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
#modal section,#modal header, #modal footer {padding:15px; z-index:200;}
#modal h2 {margin:0;}
#modal .btn {float:right;}
.cf:before,.cf:after {content:""; display:table;}
.cf:after {clear:both;}