Resultat de la compression du code CSS de ageek.de

Lasse nous voir ce que nous avons fait pour ageek.de

CSSCruncher.com à sauvgardé
42,06 % de code poour ce site! je n\'y crois pas!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

body{background:#fff;margin:0;padding:0;text-align:center}
#hnav{width:750px;margin:8px auto;height:23px;background:#d9d7da url(images/navgradient.jpg) repeat-x top;border-bottom:1px solid #ccced2;border-left:1px solid #f5f6f7;border-right:1px solid #ccced2}
#header{float:left;width:235px;margin:0px;padding:0px;text-align:left;height:20px}
#hmenu{margin:2px 5px 0 0;text-transform:lowercase;text-align:right;float:right;width:440px}
#masthead{background:url(images/ageek_header_bo_winter.jpg);width:750px;height:193px;margin:0 auto;padding:0;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
#masthead h1{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:right;margin-right:20px;margin-top:15px}
#container{width:750px;margin:10px auto;background:#f5f6f7;border-left:1px solid #d5d7db;border-right:1px solid #d5d7db;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.70em;text-align:left;border-top:15px solid #d5d7db;border-bottom:15px solid #d5d7db}
#topcontentdouble{float:right;width:500px;height:27px;background:#f5f6f7 url(images/header_whole2.gif) no-repeat right top;margin:9px 10px 0 0;display:inline}
#content{float:right;width:500px;background:#ffffff;margin:0 10px 0 0;display:inline}
#bottomcontentdouble{display:inline;float:right;width:500px;background:#f5f6f7 url(images/bottom_whole2.gif) no-repeat -40px 0;margin:0 10px 9px 0;height:27px}
.post{margin:0 20px 80px 10px}
#topcontent{width:730px;background:#f5f6f7 url(images/header_whole.gif) no-repeat top;margin:9px auto 0 auto;height:27px}
#singlecontent{width:730px;background:#ffffff;padding-top:0;margin:0 auto}
.singlepost{margin:0px 105px 80px 105px}
#bottomcontent{width:730px;background:#f5f6f7 url(images/bottom_whole.gif) no-repeat top;margin:0px auto 0px auto;padding-bottom:9px;height:27px}
.meta{font-size:.9em;line-height:18px}
.feedback{float:right;font-size:1.0em;line-height:35px}
.author{width:200px;float:right;text-align:right}
.postnavigation{height:45px}
.left{float:left;padding-left:105px}
.right{float:right;padding-right:105px}
.leftdouble{float:left;padding-left:10px}
.rightdouble{float:right;padding-right:10px}
#sidebar{position:relative;float:left;width:220px;margin:0 0 0 10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.0em;text-align:left;display:inline}
#sidebar ul{position:relative}
#sidebar ul li{list-style-type:none;list-style-image:none}
#sidebar ul,#sidebar ul li{margin:0;padding:0}
#sidebar ul li ul{background:#fff;margin:0 5px 0 0;padding:10px 5PX 15px 5px}
#sidebar h2{background:url(images/navgradient.jpg) repeat-x top;height:16px;margin:10px 5px 0 0px;padding:8px 0 1px 5px;color:#8B9198;border-bottom:1px solid #fff}
#sidebar ul li ul li{margin:4px 5px 4px 5px;display:block;background:url(images/bullet_blue.png) no-repeat;background-position:0px -1px;padding:0 0 0 18px}
#sidebar ul li ul li a{display:block;height:1%}
#sidebar ul li ul li a:hover{background:#F0F0F0;text-decoration:none}
#sidebar ul li ul li ul{margin:0;padding:0}
#sidebar .buttons{background:#fff;margin:0 5px 0 0;padding:10px 5px 15px 20px;text-align:left}
#sidebar .buttons .linkbutton{padding:3px}
#sidebar .random_images{background:#fff;margin:0 5px 0 0;padding:10px 5px 15px 10px;text-align:left}
#sidebar .syndication{background:#fff;margin:0 5px 0 0;padding:10px 5px 15px 5px;text-align:left}
#sidebar .syndication ul{margin:0;padding:0}
#sidebar .syndication ul li{background:url(images/feed.png) no-repeat;background-position:0px 1px;margin-left:4px;padding:3px 0px 2px 20px}
#sidebar .randomimage{height:80px;background:#fff;margin:0 5px 0 0;text-align:center}
#sidebar ul .ngg-randomlist li{background-image:none}
#sidebar ul .tagcloud{text-align:center}
#sidebar ul .tagcloud li{background-image:none;display:inline;margin-left:-10px}
#sidebar ul .tagcloud li a{display:inline;font-weight:bold}
#sidebar ul .wp-tag-cloud{text-align:center}
#sidebar ul .wp-tag-cloud li{background-image:none;display:inline;margin-left:-10px}
#sidebar ul .wp-tag-cloud li a{display:inline;font-weight:bold}
#response{margin:0px 110px}
#commentlist{padding:0px 10px 0px 10px;margin:0 10px;color:#7b7b7b;list-style-type:none;text-align:justify}
#commentlist li p{padding:0px;margin:8px 0px 0px 0px}
.commentname{width:220px;float:left;font-size:0.9em;margin:0;padding:0 0 2px 0}
.commentinfo{width:250px;float:right;text-align:right}
.commenttext{clear:both;padding-top:0px;margin:0 0 70px 0;border-top:1px solid #e4ebef;text-align:left;line-height:16px}
h2#postcomment{background:#FFFFFF url(images/comments.gif) no-repeat center top;margin:40px 0px 0px 0px;padding:0 0 20px 10px}
#commentform{background:#f5f6f7;padding:1px 20px;margin:0px}
#commentboxes{width:200px;float:left;color:#7b7b7b;font-size:0.9em}
p.instructions{margin:14px 0 0 200px;color:#7b7b7b;font-size:0.9em;text-align:justify;border-left:1px solid #d5d7db;padding-left:15px;position:relative}
#inputbox{clear:both;color:#7b7b7b;font-size:0.9em}
#button{padding-top:0.5em}
#commentsbottom{background:#FFFFFF url(images/commentsdown.gif) no-repeat center top;margin:0;padding:0;height:22px}
#menu{width:750px;height:45px;background:#F0F0F0 url(images/bottomgradient.jpg) repeat-x top;border-top:1px solid #d1d4d9;border-right:1px solid #d5d7db;border-bottom:2px solid #d5d7db;border-left:1px solid #d1d4d9}
#searchform{float:left;margin-top:12px;padding-left:20px}
#topimage{margin:2px 0 0 0;cursor:pointer;width:60px;height:40px;background:url(images/topbutton.gif) no-repeat top;float:right;padding:3px 9px 0 0}
#topimage a{display:block;height:100%;overflow:hidden;text-decoration:none}
#footer{margin:10px auto;width:750px;font-size:.8em}
#footer p{margin-top:0}
.clearer{clear:both;line-height:0px}
a{color:#005D93;text-decoration:none}
a:hover{color:#990000;text-decoration:underline}
top a{border:0;text-decoration:none}
blockquote{background:#f5f6f7;padding:10px 20px;border-left:3px solid #bbbbbb}
code{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1.0em}
h1 a{margin:0;padding:0;text-decoration:none;color:#6f6f6f}
h2{color:#005D93;font-family:Arial,Helvetica,sans-serif;font-size:1.1em;margin:40px 0 0 10px}
.singlepost h2{margin-top:0px}
h3{text-align:left;color:#005D93;margin:3px 0 0 0;padding:0;font-size:0.9em;line-height:26px;font-weight:normal}
#blogtitle{margin:0;padding:5px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:0.7em}
#blogtitle a{font-weight:bold}
#blogtitle a:hover{color:#bfbfbf;font-weight:bold;text-decoration:none}
#topbar{display:inline;list-style-type:none}
#hnav ul li{display:inline}
#hnav ul li a{color:#919191;text-decoration:none;padding:5px 0px 5px 30px;font-size:0.7em;font-family:Arial,Verdana,Helvetica,sans-serif;font-weight:normal}
#hnav ul li a:hover{color:#bfbfbf}
.post,.singlepost{color:#3f3f3f;text-align:left}
.posted{color:#555555}
.title a{text-align:left;height:20px;color:#444444;display:block;text-decoration:none;font-size:1.6em;padding-top:8px}
.title a:hover{color:#005D93}
.storycontent{border-bottom:1px solid #BBBBBB;padding:0 0 5px 0;font:1.1em Arial,Helvetica,sans-serif;line-height:18px}
.storycontent img{padding:1px;margin:5px;border:1px solid #000}
.storycontent .wp-smiley{padding:0px;margin:0 0 -3px 0;border:none}
.singlepost p{margin-top:0}
.singlepages p{color:#3f3f3f;text-align:left;margin:0 105px 80px 105px;line-height:20px;font:1.2em Arial,Helvetica,sans-serif}
.storycontent a{text-decoration:none}
.storycontent a:hover{text-decoration:underline}
.storycontent a:visited{color:#005D93}
.left a{color:#990000;font-size:0.9em}
.right a{font-size:0.9em;color:#990000}
.leftdouble a{color:#990000;font-size:0.9em}
.rightdouble a{font-size:0.9em;color:#990000}
.commentauthor{font-weight:bold;font-size:1.2em;padding:0 0 2px 0;margin:0;color:#000000}
.commentauthor a{font-weight:bold;margin:0;padding:0 20px 0 0;background:url(images/icon.jpg) no-repeat top right}
.commentdate{font-size:0.8em;text-align:right;line-height:18px;padding:0;margin:0}
#nocomment,#commentsclosed{text-align:center;color:#7b7b7b;font-size:1.1em}
#comment{width:465px}
#comment,#author,#url,#email,#press{background:#e7e9ed;font-family:Arial,Helvetica,sans-serif;font-size:1.1em;color:#7b7b7b;padding:1px 2px 1px 1px}
#comment,#author,#url,#email{border:1px solid #d5d7db}
#comment:hover,#author:hover,#url:hover,#email:hover{border:1px solid #7b7b7b}
#comment:focus,#author:focus,#url:focus,#email:focus{background:#FFFFFF;border:1px solid #000000;color:#7b7b7b;padding:1px 2px 1px 1px}
#commentboxes p{margin:0;padding-bottom:0.9em}
h2#comments{margin-bottom:40px}
p.feeds{float:right;margin-top:-1.8em;font-size:0.9em}
p.feeds a,p.feeds a:hover{text-decoration:none}
p.feeds a:hover{color:#000000}
#inputbox{clear:both;color:#7b7b7b;font-size:0.9em}
#inputbox a{color:#7b7b7b}
#inputbox a:hover{color:#FFFFFF}
p.inputbox{margin:0;padding-bottom:10px}
p.pages{margin:0;padding:0 40px 40px 40px;text-align:center}
p.pages a{color:#005D93}
p.credits{padding:0px 0px;text-align:center;margin:10px 0px;color:#9e9e9e;font-family:Arial,Helvetica,sans-serif;font-size:0.8em}
p.wordpress{margin:0;padding:0;border-bottom:1px solid #d5d7db}
.searchresult{padding:30px 0 0 0;margin:0}
.searchresult a{color:#000000}
.searchinfo{font-size:.9em;line-height:18px;padding:0 0 2px 0;color:#000000;margin:0}
.searchdetails{font-size:.9em;line-height:18px;padding:0 0 2px 0;color:#000000;margin:0;border-bottom:1px solid #BBBBBB}
#ed_toolbar{background:#d5d7db;border:1px solid #d5d7db;padding-left:5px}
#ed_bold{background:url(images/bold.png) no-repeat top;height:16px;width:16px;border:0px none}
#ed_italic{background:url(images/italic.png) no-repeat top;height:16px;width:16px;border:0px none;margin-left:5px}
#ed_link{background:url(images/link.png) no-repeat top;height:16px;width:16px;border:0px none;margin-left:5px}
#ed_close{background:url(images/close.png) no-repeat top;height:16px;width:16px;border:0px none;margin-left:25px}
#wp-calendar{empty-cells:show;margin:10px auto 0;width:520px}
#wp-calendar #next a{padding-right:10px;text-align:right;background-color:#fff}
#wp-calendar #prev a{padding-left:10px;text-align:left;background-color:#fff}
#wp-calendar a{display:block;background-color:#E0EAEF}
#wp-calendar caption{text-align:center;width:100%}
#wp-calendar td{padding:3px 0;text-align:center}
#wp-calendar th{padding:3px 0;text-align:center;background-color:#f5f6f7}
* html #content{}
* html #sidebar{height:1%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
* html .clearfix{height:1%}
.clearfix{display:block}
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline-block;width:100%}
* html .clearfix{height:1%}

» Montre le code CSS originaire

« Cache le code CSS originaire

/*
Theme Name: Rin
Theme URI: http://www.brokenkode.com/rin/
Description: Nebula flavoured Rin
Version: 1.1
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/

Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.

Also a big shout out to Franchesco Anselmo & David Prince for their invaluable
support.

Also I've got to thank the wordpress forums for all the little help in solving
loads of questions we had when creating this theme.

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Theme for blogging software. Initially released for Wordpress.
Copyright (C) 2004 khaled abou alfa.
This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/

/*
Content  ---------------------------------------------------------------------->
Version 1.1 released 3rd July 2005.

A: Universal Elements

B: Structure
   1: Header & Navigation
   2: Main Body (Index)
   3: Main Body (Posts)
   4. Post Additional Structure
   5: Page Navigation
   6: Sidebar
   7: Comments
   8: Comments Form
   9: Footer
   10: Credits

C: Site Typography
   1: General
   2: Main Body
   3: Page Navigation
   4: Comments
   5: Comment Form
   6: Credits
   7: Search/Archives/Categories Results Pages
   8: Comment Edit Buttons
   9: Snippets formatting
   10: Sidebar and Resources formatting
   11: Tags, Images Positioning in posts

D: Hacks for IE

E: External Stuff
	1: Lightbox
------------------------------------------------------------------------------->
*/

/*
A: Universal Elements >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: #fff;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */
}

/*
B: Structure >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. Header & Navigation ------------------------------------------------------>*/
#hnav {
 width: 750px;
 margin: 8px auto;
 height: 23px;
 background: #d9d7da url(images/navgradient.jpg) repeat-x top;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #f5f6f7;
 border-right: 1px solid #ccced2;
}

#header {
 float: left;
 width: 235px;
 margin: 0px;
 padding: 0px;
 text-align: left;
 height: 20px;
}

#hmenu {
 margin: 2px 5px 0 0;
 text-transform:lowercase;
 text-align: right;
 float: right;
 width: 440px;
}

#masthead {
 /* 
 background: url(images/masthead.jpg);
 width: 750px;
 height: 80px;
 */
 background: url(images/ageek_header_bo_winter.jpg);
 width: 750px;
 height: 193px;
 margin: 0 auto;
 padding: 0;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

#masthead h1 {
 font-family: Verdana,  Arial, Helvetica, sans-serif;
 text-align: right;
 margin-right: 20px;
 margin-top: 15px;
}

/*
2. Main Body (Index) -------------------------------------------------------->*/
#container {
 width: 750px;
 margin: 10px auto;
 background: #f5f6f7; 
 border-left: 1px solid #d5d7db;
 border-right: 1px solid #d5d7db;
 font-family: Verdana,  Arial, Helvetica, sans-serif;
 font-size: .70em;
 text-align: left; /* IE hack Part 2 */
 border-top: 15px solid #d5d7db;
 border-bottom: 15px solid #d5d7db;
}

#topcontentdouble {
 float: right;
 width: 500px;
 height: 27px;
 background: #f5f6f7 url(images/header_whole2.gif) no-repeat right top;
 margin: 9px 10px 0 0;
 display: inline;
}

#content {
 float: right;
 width: 500px;
 background: #ffffff;
 margin:  0 10px 0 0;
 display: inline;
}

#bottomcontentdouble {
 display: inline;
 float: right;
 width: 500px;
 background: #f5f6f7 url(images/bottom_whole2.gif) no-repeat -40px 0;
 margin: 0 10px 9px 0;
 height: 27px;
}

.post {
 margin: 0 20px 80px 10px;
}

/*
3. Main Body (Posts) -------------------------------------------------------->*/
#topcontent {
 width: 730px;
 background: #f5f6f7 url(images/header_whole.gif) no-repeat top;
 margin: 9px auto 0 auto;
 height: 27px;
}

#singlecontent {
 width: 730px;
 background: #ffffff;
 padding-top:0;
 margin:  0 auto;
}

.singlepost {
 margin: 0px 105px 80px 105px;
}

#bottomcontent {
 width: 730px;
 background: #f5f6f7 url(images/bottom_whole.gif) no-repeat top;
 margin: 0px auto 0px auto;
 padding-bottom: 9px;
 height: 27px;
}

/*
4. Additional Post Structure -----------------------------------------------> */
.meta {
 font-size: .9em;
 line-height: 18px;
}

.feedback {
 float: right;
 font-size: 1.0em;
 line-height: 35px;
}

.author {
 width: 200px;
 float: right;
 text-align: right;
}

/*
5. Page Navigation ---------------------------------------------------------> */
.postnavigation {
 height: 45px;
}

.left {
 float: left;
 padding-left: 105px;
}

.right {
 float: right;
 padding-right: 105px;
}

.leftdouble {
 float: left;
 padding-left: 10px;
}

.rightdouble {
 float: right;
 padding-right: 10px;
}

/*
6. Sidebar -----------------------------------------------------------------> */
#sidebar {
 position: relative;
 float: left;
 width: 220px;
 margin: 0 0 0 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 text-align: left; /* IE hack Part 2 */
 display: inline;
}

#sidebar ul {
 position: relative;
}

#sidebar ul li {
 list-style-type: none;
 list-style-image: none;
}

#sidebar ul, #sidebar ul li {
 margin: 0;
 padding: 0;
}

#sidebar ul li ul{
 background: #fff;
 margin: 0 5px 0 0;
 padding: 10px 5PX 15px 5px;
}

#sidebar h2 {
 background: url(images/navgradient.jpg) repeat-x top;
 height: 16px;
 margin: 10px 5px 0 0px;
 padding:  8px 0 1px 5px;
 color: #8B9198;
 border-bottom: 1px solid #fff;
}

#sidebar ul li ul li{
 margin: 4px 5px 4px 5px;
 display: block; 
 background: url(images/bullet_blue.png) no-repeat;
 background-position: 0px -1px;
 padding: 0 0 0 18px;
}

#sidebar ul li ul li a{
 display: block;
 height:1%; /* IE WIN */
}

#sidebar ul li ul li a:hover{
 background: #F0F0F0;
 text-decoration: none;
}

#sidebar ul li ul li ul {
 margin: 0;
 padding: 0;
}

#sidebar .buttons {
	background: #fff;
	margin: 0 5px 0 0;
	padding: 10px 5px 15px 20px;
	text-align: left;
}

#sidebar .buttons .linkbutton {
	padding: 3px;
}

#sidebar .random_images {
	background: #fff;
	margin: 0 5px 0 0;
	padding: 10px 5px 15px 10px;
	text-align: left;
}

#sidebar .syndication {
	background: #fff;
	margin: 0 5px 0 0;
	padding: 10px 5px 15px 5px;
	text-align: left;
}

#sidebar .syndication ul {	
	margin: 0;
	padding: 0;
}

#sidebar .syndication ul li {	
	background: url(images/feed.png) no-repeat;
	background-position: 0px 1px;
	margin-left: 4px;	
	padding: 3px 0px 2px 20px;
}

#sidebar .randomimage {
	height: 80px;
	background: #fff;	
	margin: 0 5px 0 0;	
	text-align: center;
}

#sidebar ul .ngg-randomlist li {
	background-image: none;	
}

#sidebar ul .tagcloud {
	text-align: center;
}

#sidebar ul .tagcloud li {
	background-image: none;
	display: inline;
	margin-left: -10px;
}

#sidebar ul .tagcloud li a {
	display: inline;
	font-weight: bold;	
}

#sidebar ul .wp-tag-cloud {
	text-align: center;
}

#sidebar ul .wp-tag-cloud li {
	background-image: none;
	display: inline;
	margin-left: -10px;
}

#sidebar ul .wp-tag-cloud li a {
	display: inline;
	font-weight: bold;	
}

/*
7. Comments ----------------------------------------------------------------> */
#response {
 margin: 0px 110px;
}

#commentlist {
 padding: 0px 10px 0px 10px;
 margin: 0 10px;
 color: #7b7b7b;
 list-style-type: none;
 text-align: justify;
}

#commentlist li  p{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}

.commentname {
 width: 220px;
 float: left;
 font-size: 0.9em;
 margin: 0;
 padding: 0  0 2px 0;
}

.commentinfo{
 width: 250px;
 float: right;
 text-align: right;
}

.commenttext {
 clear: both;
 padding-top: 0px;
 margin: 0 0 70px 0;
 border-top: 1px solid #e4ebef;
 text-align: left;
 line-height:16px;
}

/*
8. Comment Form ------------------------------------------------------------> */
h2#postcomment {
 background: #FFFFFF url(images/comments.gif) no-repeat center top;
 margin: 40px 0px 0px 0px;
 padding: 0 0 20px 10px;
}

#commentform {
 background: #f5f6f7;
 padding: 1px 20px;
 margin: 0px;
}

#commentboxes {
 width: 200px;
 float: left;
 color: #7b7b7b;
 font-size: 0.9em;
}

p.instructions {
 margin: 14px 0 0 200px;
 color: #7b7b7b;
 font-size: 0.9em;
 text-align: justify;
 border-left: 1px solid #d5d7db;
 padding-left: 15px;
 position: relative;
}

#inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}

#button{
 padding-top: 0.5em;
}

#commentsbottom {
 background: #FFFFFF url(images/commentsdown.gif) no-repeat center top;
 margin: 0;
 padding: 0;
 height: 22px;
}

/*
9. Footer ------------------------------------------------------------------> */
#menu {
 width: 750px;
 height: 45px;
 background: #F0F0F0 url(images/bottomgradient.jpg) repeat-x top;
 border-top: 1px solid #d1d4d9;
 border-right: 1px solid #d5d7db;
 border-bottom: 2px solid #d5d7db;
 border-left: 1px solid #d1d4d9;
}

#searchform {
 float: left;
 margin-top: 12px;
 padding-left: 20px;
}

#topimage {
 margin: 2px 0 0 0;
 cursor: pointer;
 width: 60px;
 height: 40px;
 background: url(images/topbutton.gif) no-repeat top;
 float: right;
 padding: 3px 9px 0 0;
}

#topimage a{
 display: block;
 height: 100%;
 overflow: hidden;
 text-decoration: none;
}

/*
10. Credits ----------------------------------------------------------------> */
#footer {
 margin: 10px auto;
 width: 750px;
 font-size: .8em;
}

#footer p {
 margin-top: 0;
}

.clearer {
 clear: both;
 line-height: 0px;
}

/*
C: Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. General ------------------------------------------------------------------>*/
a {
 color: #005D93;
 text-decoration: none;
}

a:hover {
 color: #990000;
 text-decoration: underline;
}

top a {
 border: 0;
 text-decoration: none;
}

blockquote {
 background: #f5f6f7;
 padding: 10px 20px;
 border-left: 3px solid #bbbbbb;
}

code {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.0em;
}

h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 color: #6f6f6f;
}

h2 {
 color: #005D93;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 margin: 40px 0 0 10px;
}

.singlepost h2{
 margin-top: 0px;
}

h3 {
 text-align: left;
 color: #005D93;
 margin: 3px 0 0 0;
 padding: 0;
 font-size: 0.9em;
 line-height: 26px;
 font-weight: normal;
}

/*
2. Site Navigation ---------------------------------------------------------> */
#blogtitle {
 margin: 0;
 padding: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 0.7em;
}

#blogtitle a{
 font-weight: bold;
}

#blogtitle a:hover{
 color: #bfbfbf;
 font-weight: bold;
 text-decoration: none;
}

#topbar {
 display: inline;
 list-style-type: none;
}

#hnav ul li{
 display: inline;
}

#hnav ul li a {
 color: #919191;
 text-decoration: none;
 padding: 5px 0px 5px 30px;
 font-size: 0.7em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

#hnav ul li a:hover {
 color: #bfbfbf;
}

/*
3. Main Body ---------------------------------------------------------------> */
.post, .singlepost{
 color: #3f3f3f;
 text-align: left;
}

.posted {
 color: #555555;
}

.title a  {
 text-align: left;
 height: 20px;
 color: #444444;
 display: block;
 text-decoration: none;
 font-size: 1.6em;
 padding-top: 8px;
}

.title a:hover {
 color: #005D93;
}

.storycontent {
 border-bottom: 1px solid #BBBBBB;
 padding: 0 0 5px 0;
 font: 1.1em Arial, Helvetica, sans-serif;
 line-height: 18px;
}

.storycontent img {
	padding: 1px;
	margin: 5px;
	border: 1px solid #000;
}

.storycontent .wp-smiley {
	padding: 0px;
	margin: 0 0 -3px 0;
	border: none;
}

.singlepost p {
 margin-top: 0;
}

.singlepages p {
 color: #3f3f3f;
 text-align: left;
 margin: 0 105px 80px 105px;
 line-height: 20px;
 font: 1.2em Arial, Helvetica, sans-serif;
}

.storycontent a {
 text-decoration: none;
}

.storycontent a:hover {
 text-decoration: underline;
}

.storycontent a:visited {
 color: #005D93;
}

/*
4. Site Navigation ---------------------------------------------------------> */
.left a{
 color: #990000;
 font-size: 0.9em;
}

.right a{
 font-size: 0.9em;
 color: #990000;
}

.leftdouble a{
 color: #990000;
 font-size: 0.9em;
}

.rightdouble a{
 font-size: 0.9em;
 color: #990000;
}

/*
5. Comments ----------------------------------------------------------------> */
.commentauthor {
 font-weight: bold;
 font-size: 1.2em;
 padding: 0 0 2px 0;
 margin: 0;
 color: #000000;
}

.commentauthor a{
 font-weight: bold;
 margin: 0;
 padding: 0 20px 0 0;
 background: url(images/icon.jpg) no-repeat top right;
}

.commentdate {
 font-size: 0.8em;
 text-align: right;
 line-height: 18px;
 padding: 0;
 margin: 0;
}

#nocomment, #commentsclosed {
 text-align: center;
 color: #7b7b7b;
 font-size: 1.1em;
}

/*
6. Comments Form -----------------------------------------------------------> */
#comment  {
 width: 465px;
}

#comment, #author, #url, #email, #press{
 background: #e7e9ed;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}

#comment, #author, #url, #email{
 border: 1px solid #d5d7db;
}

#comment:hover, #author:hover, #url:hover, #email:hover{
 border: 1px solid #7b7b7b;
}

#comment:focus, #author:focus, #url:focus, #email:focus{
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}

#commentboxes p {
 margin: 0;
 padding-bottom: 0.9em;
}

h2#comments{
 margin-bottom:40px;
}

p.feeds {
 float: right;
 margin-top: -1.8em;
 font-size: 0.9em;
}

p.feeds a, p.feeds a:hover  {
 text-decoration: none;
}

p.feeds a:hover {
 color: #000000;
}

#inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}

#inputbox a {
 color: #7b7b7b;
}

#inputbox a:hover {
 color: #FFFFFF;
}

p.inputbox {
 margin: 0;
 padding-bottom: 10px;
}

p.pages {
 margin: 0;
 padding: 0 40px 40px 40px;
 text-align: center;
}

p.pages a {
 color: #005D93;
}

/*
7. Credits -----------------------------------------------------------------> */
p.credits {
 padding: 0px 0px;
 text-align: center;
 margin: 10px 0px;
 color: #9e9e9e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

p.wordpress {
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #d5d7db;
}

/*
8. Search/Archives/Categories Results Pages --------------------------------> */
.searchresult {
 padding: 30px 0 0 0;
 margin:0;
}

.searchresult a{
 color: #000000;
}

.searchinfo {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
}

.searchdetails {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
 border-bottom: 1px solid #BBBBBB;
}

/*
9. 'Comment Edit' Buttons --------------------------------------------------> */
#ed_toolbar {
 background: #d5d7db;
 border: 1px solid #d5d7db;
 padding-left: 5px;
}

#ed_bold {
 background: url(images/bold.png) no-repeat top;
 height: 16px;
 width: 16px;
 border: 0px none;
}

#ed_italic {
 background: url(images/italic.png) no-repeat top;
 height: 16px;
 width: 16px;
 border: 0px none;
 margin-left: 5px;
}

#ed_link {
 background: url(images/link.png) no-repeat top;
 height: 16px;
 width: 16px;
 border: 0px none;
 margin-left: 5px;
}

#ed_close{
 background: url(images/close.png) no-repeat top;
 height: 16px;
 width: 16px;
 border: 0px none;
 margin-left: 25px;
}

/*
10. Calander for Archives --------------------------------------------------> */
#wp-calendar {
 empty-cells: show;
 margin: 10px auto 0;
 width: 520px;
}

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 background-color:  #fff;
}

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 background-color:  #fff;
}

#wp-calendar a {
 display: block;
 background-color: #E0EAEF;
}

#wp-calendar caption {
 text-align: center;
 width: 100%;
}

#wp-calendar td{
 padding: 3px 0;
 text-align: center;
}

#wp-calendar  th {
 padding: 3px 0;
 text-align: center;
 background-color: #f5f6f7;
}

/*
D: Hacks for IE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
The following is the fix for 3-pixel-jog bug in IE. Hide from IE5-mac. Only
IE-win sees this. */

* html #content {
 /*margin-right: 7px;*/
}

* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */

/* This piece of code is for clearing the floats without structural markup Don't
modify it ------------------------------------------------------------------> */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */

/*
E: External Stuff >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/*
1. Lightbox --------------------------------------------------> */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}