/*reset*/
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/*basic*/
body {font:62.5%/1.1em Verdana, Arial, Helvetica, sans-serif; text-align:center;}

h1 {font-size:3.6em; line-height:1.5em; padding-bottom:5px;letter-spacing:-2px;}
h2 {font-size:1.8em; line-height:1.3em; padding-bottom:5px; letter-spacing:-1px;}
h3 {font-size:1.4em; line-height:1.3em; padding-top:10px;}

p {font-size:1.1em; line-height:2em; padding:0 0 1em 0; color:#888;} 
a {text-decoration:none; outline:none;}
	p a {text-decoration:underline;}

/*header*/
#H {background:#000 url(../img/header_bg.png) top left; height:50px;}
#H-ct {position:relative; width:980px; margin:auto; text-align:right;}
#logo {position:absolute; top:9px; left:10px; }
#nav-main {position:absolute; top:12px; right:0; width:700px; margin-right:10px;}
#nav-main li {float:right; margin-left:20px; font:1.4em/1.2em Georgia, "Times New Roman", Times, serif; }
#nav-main a {color:#fff; padding:5px;}
#nav-main a:hover {background:#555;}

/*body*/
#B {width:980px; margin:auto; text-align:left;}

/*footer*/
#F {width:980px; margin:30px auto; border-top:1px solid #cfcfcf; color:#676767;}

/*grid system*/
#grid {}
.gu-1, .gu-2, .gu-3 {float:left;}
.gu-1 {width:150px; padding-left:10px;}
.gu-2 {width:310px; padding-left:10px;}
.gu-3 {width:460px; padding-left:10px;}

.grid-content {float:left; width:840px;}
.grid-extras {float:left; width:130px; height:500px; padding-left:10px;}
.gu-1_v1, .gu-2_v1, .gu-3_v1 {float:left;}
.gu-1_v1 {width:130px; padding-left:10px;}
.gu-2_v1 {width:270px; padding-left:10px;}
.gu-3_v1 {width:410px; padding-left:10px;}


.clr {clear:both; height:1px; line-height:1px; font-size:1px; margin:-1px 0 0 0; padding:0; border:none; visibility: hidden;}

/*
.minheight {float:left; width:1px;}
.six {height:6em;}
.eight {height:8em;}
.twelve {height:12em;}
*/

.menu {display:block; position:relative; margin-bottom:0px; color:#000;}
.menu .c1 {display:block; padding:5px;}
.menu .c2 {display:block; height:110px;}
.menu .title {display:block; padding:0 5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; line-height:1.3em; padding-bottom:0px; letter-spacing:-1px; color:#07a;}
.menu .desc {display:block; position:absolute; left:-999em; font-size:1.1em; line-height:2em; padding:0 0 1em 0; color:#888;}
.menu .content li {display:inline;}
.menu img {margin:5px 5px 5px 5px;}
.menu:hover {background:#aaa; cursor:pointer;}
.menu:hover .c1 {background:#eee;}
.menu:hover .c2 {background:#fff;}
.menu:hover .title {text-decoration:underline;}
.menu:hover .desc {left:10px; width:90%;}
.menu:hover .content {display:block; background:#ccc; visibility:hidden;}

#set-info {margin-bottom:10px; padding:0 10px 10px 10px; border-bottom:1px solid #ddd;}

#short-icon-list li {display:inline;}
#long-icon-list li {padding:5px 2px; border-bottom:1px solid #ddd;}
#long-icon-list li img {margin-right:15px;}

.favourite-sets a, .recent-sets a, .recent-comments a{color:#999;}
.favourite-sets li, .recent-sets li, .recent-comments li{padding:3px 0;}

.icon {padding:5px;}
.name-short {font-weight:bold; padding:0 5px;}
.name-long {}


#comment-feed {float:right; color:#000000; text-decoration:underline;}

.b3-top {margin-top:10px; padding:10px 0; border-top:3px solid #000;}



/* Comments Section: START */
.comment {padding-top:5px; border-top:1px dotted #cccccc;}
.comment-by {font-family:Georgia, "Times New Roman", Times, serif; padding:0;}
.comment-by a { font-size:1.4em; line-height:1.1em; font-weight:normal; color:#000;}
.count {float:right; padding:0 0 0 20px; line-height:1.1em; font-family:Georgia, "Times New Roman", Times, serif; font-size:4em; color:#ccc; letter-spacing:-3px;}
.leave-your-comment {margin: 0px 0px 10px 0px; padding:10px 20px 20px 20px; background-color: #eeeeee;}
.leave-your-comment p {padding:0;}
.leave-your-comment p label {}
.leave-your-comment .textarea {margin: 0px; padding: 6px 7px 5px 7px; width:95%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.leave-your-comment .input {margin:0 0 10px 0; padding: 6px 7px 5px 7px;width: 220px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb;border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.button {margin: 10px 0;padding:5px 10px;background-color: #000000;font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;font-weight: normal;	text-transform: uppercase;font-size: 14px;color: #ffffff; border:0px;}
.hr {margin: 0px;padding: 0px;height: 1px;font-size: 1px;background-color: #ffffff;clear: both;border-bottom: 1px solid #cccccc;}
.hr-top {margin:40px 0 10px 0;padding: 0px;height: 5px;font-size: 1px;background-color: #eeeeee; clear: both;border-top: 1px solid #cccccc;}
/* Comments Section: END */




/* Tag filter: START */
.tag-filter {margin: 0px 0px 10px 0px; padding:10px 20px 20px 20px; background-color: #eeeeee;}
.tag-filter h2 {}
.tag-filter .tags {font-size:1.1em; line-height:2em; }
.tag-filter .tags li {float:left; padding-right:5px; color:#000;}
.tag-filter .tags a {padding:4px 5px;font-weight:bold; color:#000; border-left: 1px solid #ddd; border-top: 1px solid #ddd;border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; background:#fff;}
.tag-filter .tags a:hover {background:#ccc;}
.tag-filter .tags a.active {color:#fff; border-color:#666 #888 #888 #666; background:#777;}
/* Tag filter: END */


/* Resources Section: START */
.resource {padding:10px 0; border-top: 1px solid #ddd;}
.resource img {display:block; float:left; margin-right:10px; border:5px solid #eee;}
.resource .content{width:550px; float:left;}
.resource .content h3 {padding:0; font-size:2em; line-height:1.2em; letter-spacing:-1px;}
.resource .content h3 a {color:#07a;}
.resource .content h3 a:hover {text-decoration:underline;}
.resource .content h3 a .author{padding:2px 3px 0px 3px; font-size:0.7em; color:#aaa; letter-spacing:0px;}
.resource .content h3 a:hover .author{padding:2px 3px 0px 3px; font-size:0.7em; color:#07a;}
.resource .content .desc {padding:0;}
.resource .content .time {padding:0; color:#bbb; font-size:1em;}
.resource .tags {font-size:1em; line-height:2em; }
.resource .tags li {float:left; padding-right:5px; color:#000;}
.resource .tags a {padding:1px 3px;font-weight:bold; color:#000; border-left: 1px solid #ddd; border-top: 1px solid #ddd;border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; background:#fff;}
.resource .tags a:hover {background:#ccc;}
/* Resources Section: END */



#HOMEpage h1 {margin:10px 0 0 10px; font-size:2.3em; letter-spacing:-1px;}
#HOMEpage h2 {font-size:2em;}
#HOMEpage .head {}
#HOMEpage .head h2 {padding-bottom:0;}
#HOMEpage .head p a {color:#07a;}
#HOMEpage .head p a:hover {color:#07a;}
#HOMEpage .resource {padding:4px 0; border-top: 1px solid #ddd;}
#HOMEpage .resource .content{width:100%; float:none;}
#HOMEpage .resource .content h3 {font-size:1.3em; line-height:1.2em; letter-spacing:0px; font-weight:bold; padding-bottom:3px;}
#HOMEpage .resource .content h3 a .author{font-size:0.8em; font-weight:normal;}
#HOMEpage .resource .content .desc {line-height:1.4em; padding-bottom:5px;}

#HOMEpage .favicon-list li {padding:5px 2px; border-top:1px solid #ddd;}
#HOMEpage .favicon-list li img {margin-right:15px;}
#HOMEpage .favicon-list li a {color:#aaa;}
#HOMEpage .favicon-list li a:hover {color:#444;}


#ICONSETpage h1 {margin:10px 0 0 10px;}
#FAVICONpage #B li a {color:#aaa;}
#FAVICONpage #B li a:hover {color:#444;}