--- /dev/null
+/* \r
+\r
+Grey Blog Free Template\r
+By Herreman David \r
+http://www.free-css-templates.com\r
+\r
+*/\r
+\r
+body { \r
+ margin:5px 0; \r
+ padding:0; \r
+ font: 74% Arial, Sans-Serif; \r
+ color:#FFF; \r
+ background-color:#eee;\r
+ line-height: 1.4em; \r
+ background : #7D8085;\r
+}\r
+\r
+.toph {
+ background: #7D8085 url(top.jpg) no-repeat center;
+ height: 60px;
+ text-align:center;
+ font-size:2em;
+ background-position: 0px 21px; margin-top: 1em;
+ color:#FFFFFF;
+ font-family:"Times New Roman", Times, serif;
+}\r
+\r
+.content { \r
+ color: #a0a0a0; \r
+ margin: 0 auto; \r
+ padding: 0; \r
+ width: 800px; \r
+ background: #3D3E42 url(bg.jpg) repeat-y center;\r
+}\r
+\r
+.title {\r
+ font-family:Verdana, Arial, Helvetica, sans-serif;\r
+ height: 28px;\r
+ color: #3D3E42 ;\r
+ font-size:140%; \r
+ font-weight:bold; \r
+ padding: 10px 0 0 0;\r
+ \r
+}\r
+\r
+.right { \r
+ clear: both; \r
+ font-size: 95%; \r
+ float:right; \r
+ width: 170px; \r
+ margin: 0 15px 0 0 !important;\r
+ margin: 0 8px 0 0;\r
+ padding: 0px 1em 0 0px; \r
+}\r
+\r
+.right a { color: #7D8085;}
+\r
+.nav {
+ clear: both;
+ text-align: left;
+ color: #7D8085;
+ padding: 5px 0 0 0;
+ font-family:verdana;
+}\r
+.nav li {
+ font-weight: bold;
+ margin: 0 0 8px 0;
+ padding: 0 0 0 5px;
+ border-left: 1px solid #3D3E42;
+}\r
+.nav li a {
+ color: #7D8085;
+}\r
+
+.nav li a:hover {
+ color: #F29900;
+ text-decoration: none;
+}\r
+\r
+.boxad {
+ background: #45464B;
+ color: #BBB;
+ border: 1px solid #555;
+ padding: 5px;
+}\r
+\r
+p {
+ margin: 0 0 5px 0;
+ padding: 0;
+ color: #888;
+ background: inherit;
+}\r
+
+hr {
+ border: 0;
+ height: 1px;
+ color: #eee;
+ background-color: #eee;
+}\r
+
+a {
+ color: #888;
+ text-decoration:none;
+}\r
+
+a:hover {
+ text-decoration: underline;
+}\r
+
+h1 {
+ padding:0;
+ margin:0;
+ color: #FFF;
+ background: inherit;
+ font: bold 1.8em Arial, Sans-Serif;
+ letter-spacing: -1px;
+}\r
+
+h1 a {
+ color: #FFF;
+ background: inherit;
+}\r
+
+h2 {
+ background-color: inherit;
+ color: #FFF;
+ font-size:140%;
+ font-weight:bold;
+ margin: 10px 0 10px 0;
+ padding:0;
+ font-family:"Times New Roman", Times, serif;
+}\r
+
+h2 a { color: #F29955; }\r
+
+h2 a:hover { color: #F29955; text-decoration: none;}\r
+\r
+ul { margin: 5px 0 20px 15px; padding : 0; list-style : none; }\r
+li { list-style-type: square; color: #F29900; margin: 0 0 0px 0; padding: 0 0 0 0px; }\r
+li a { color: #7D8085; }\r
+li a:hover { color: #F29900; }\r
+\r
+.center { \r
+ float:left; \r
+ width: 530px; \r
+ font-size: 1.1em; \r
+ margin: 0px 0 5px 35px !important;\r
+ margin: 0px 0 5px 20px; \r
+ padding: 0; \r
+ background: #3D3E42; \r
+ color: #FFF;\r
+}\r
+\r
+.center a { color: #FFF;}\r
+.center a:hover { color: #FFF; }\r
+\r
+\r
+.footer { \r
+ clear:both;\r
+ width: auto;\r
+ height: 37px;\r
+ color:#333; \r
+ font-size:90%;\r
+ background: #3D3E42 url(bot.jpg) no-repeat center;\r
+ text-align:right; \r
+}\r
+\r
+\r
+.footer_text {
+ background: #7D8085 none repeat scroll 0%;\r
+ text-align: right;\r
+ padding: 0px 1.5em 0px 0px;\r
+ color: #fff;\r
+}\r
+\r
+.footer_text a { color: #fff; }\r
+\r
+\r
+fieldset {\r
+ border: 1px solid #eee;\r
+}\r
+\r
+textarea.text { \r
+ height: 150px; \r
+ width: 90%; \r
+ border: 1px solid #ccc; \r
+ background: #fff; \r
+ color: #000;\r
+}\r
+\r
+textarea.text:hover { \r
+ border: 1px solid #eee; \r
+ background: #FFFFF4; \r
+ color: #000;\r
+}\r
+\r
+input.field { \r
+ border: 1px solid #ccc; \r
+ background-color: #3C3C3C; \r
+ width: 100px; \r
+ color: #000;\r
+}\r
+\r
+input.field:hover { \r
+ border: 1px solid #eee; \r
+ background: #ccc; \r
+ color: #000;\r
+}\r
+\r
+input.text { \r
+ margin: 0; \r
+ width: 110px;\r
+ border: 1px solid #F29900; \r
+ background: #FFF;\r
+ color: #808080; \r
+}\r
+\r
+input.text:hover { \r
+ border: 1px solid #F26600; \r
+}\r
+\r
+input.searchbutton { \r
+ margin: 0; \r
+ font-size: 100%; \r
+ font-family: Arial, Sans-serif; \r
+ border: none; \r
+ background: #FFFFFF; \r
+ color: #808080; \r
+ padding: 1px; \r
+ font-weight: bold; \r
+}\r
+\r
+.date { \r
+ color: #ccc; \r
+ background: #3D3E42;\r
+ text-align: right; \r
+ margin: 4px 0 5px 0; \r
+ padding: 0.4em 0 0 0; \r
+ border-top: 1px solid #555;\r
+}\r
+\r
+.date a { color: #ccc; }\r
+\r
+\r
+.time { \r
+ color: #192D50; \r
+ float: left;\r
+ text-align: left; \r
+ padding: 5px 0 0 15px; \r
+}\r
+\r
+input.button { \r
+ background: #FFFFF4; \r
+ color: #808080;\r
+ border-right: 1px solid #ccc;\r
+ border-bottom: 1px solid #ccc;\r
+}\r
+\r
+.comments { \r
+ padding: 10px 10px 8px 10px; \r
+ margin: 0 0 7px 0; \r
+ background: #3f3f3f; \r
+ color: #000;\r
+}\r
+\r
+.commentsbox { \r
+ padding: 8px 0 10px 10px; \r
+ margin: 0 0 10px 0; \r
+ background: #f4f4f4; \r
+ color: #000;\r
+}\r
+\r
+.error {\r
+ color: #990000;\r
+ background-color: #FFF0F0;\r
+ padding: 7px;\r
+ margin-top: 5px;\r
+ margin-bottom: 10px;\r
+ border: 1px dashed #990000;\r
+}\r
+.error h2 {\r
+ color: #990000;\r
+ background: inherit;\r
+}\r
+\r
+.success {\r
+ color: #000000;\r
+ background: #F5FBE1;\r
+ padding: 7px;\r
+ margin-top: 5px;\r
+ margin-bottom: 5px;\r
+ border: 1px dashed #7BA813;\r
+}\r
+.success h2 {\r
+ color: #7BA813;\r
+ background: inherit;\r
+}\r