/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th{font-size:1em;font-weight:normal;font-style:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}
body {
text-align:center;
color:#000;
background:#fff;
font-family: Arial, Verdana, sans-serif;
font-size:12px;
}
a:link, a:visited, a:active, a:focus {
text-decoration:none;
outline:0;
color:#000;
}
a:hover {
text-decoration:none;
color:#666;
}
.clear {
clear:both;
}
.hidden {
display:none;
}
sub, sup, small {
font-size:.6em;
}
.spacer {
height:10px;
}
.container {
margin:0 auto;
width:600px;
}
#header h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:34px;
font-weight:normal;
margin:15px 0;
color:#004eeb;
}
#header a:hover {
color:#000;
text-decoration:underline;
}
#middle {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px 0;
}
/* MENU */
#menu {
float:left;
width:448px;
text-align:left;
text-transform:uppercase;
font-size:11px;
height:16px;
line-height:16px;
position:relative;
top:2px;
}
#menu a {
padding:5px;
color:#555;
}
#menu a:hover, #menu a.selected {
background:#555;
color:#fff;
text-decoration:none;
}
.t_Content_menu {
color: #fff;
font-size: 11px;
line-height: 1.6;
padding: 5px;
text-align: left;
text-transform:uppercase;
min-width:130px;
}
.t_Content_menu a, .t_Content_menu:visited {
color: #fff;
text-decoration:none;
}
.t_Content_menu a:hover {
text-decoration:underline;
}
#contact-form li {
margin-bottom:4px;
}
#contact-form input, #contact-form textarea {
font-size:11px;
font-family: Arial, Verdana, sans-serif;
background:#222;
color:#fff;
border:1px solid #555;
padding:2px;
}
#contact-form input:focus, #contact-form textarea:focus {
background:#555;
}
#contact-form input {
width:130px;
}
#contact-form textarea {
margin:0;
width:200px;
height:100px;
}
#contact-form #contact-submit {
width:136px;
}
#contact-form-response {
color:red;
}
/* SEARCH */
#search-box {
float:left;
width:152px;
text-align:right;
background:#eee;
}
#search {
font-size:11px !important;
padding:3px 18px 3px 2px;
border:none;
background:#eee;
width:130px;
height:14px;
}
#search-submit {
border:0;
background:transparent url("../images/icons.png") 1px -197px no-repeat;
text-indent:-1000em;
cursor:pointer;
width:18px;
height:16px;
margin-left:-18px;
}
#content {
width:580px;
text-align:left;
margin:0 auto;
padding:20px 0;
}
.post {
margin-bottom:30px;
}
.post p {
margin:10px 0;
line-height:1.5;
}
.post p.indent {
margin:10px 20px;
}
.post p a, .post p a:visited, .post p a:hover {
text-decoration:underline;
}
.post b {
cursor:pointer;
}
.post label {
cursor:pointer;
border-bottom:1px dotted #99bbff;
}
.sticky {
padding:10px;
border:1px dotted red;
margin-left:-10px;
width:578px;
}
.highlight {
background:#3c6;
color:#fff;
padding:2px;
}
h2 {
font-size:22px;
font-weight:normal;
color:#000;
margin:0 0 5px 0;
}
h2 a, h2 a:visited {
color:#000;
text-decoration:none;
}
h2 a:hover {
color:#666;
text-decoration:none;
}
h2 .title {
font-size:20px;
}
h2 .label {
font-size:12px;
}
.cover {
float:left;
margin:0 10px 5px 0;
border:2px solid #666;
}
.rating {
float:left;
width:51px;
padding:6px 0;
background:#000;
color:#fff;
text-align:center;
font-weight:bold;
font-size:32px;
margin:12px 5px 0 0;
cursor:default;
}
.resource-item {
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:20px;
}
#content h1 {
font-size:24px;
font-weight:bold;
margin:0px;
}
/* OTHER TEXT FORMATTING */
.small {
font-size:10px;
}
.grey, .grey a, .grey a:visited {
color:#aaa;
text-decoration:none;
}
.grey a:hover {
color:#000;
text-decoration:none;
}
a.mp3 {
background:url("../images/icons.png") 0px -85px no-repeat;
padding:0 0 0 10px;
}
a.mp3:hover, a.isPaused:hover {
background:url("../images/icons.png") 0px -103px no-repeat;
}
a.isPlaying {
background:url("../images/icons.png") 0px -121px no-repeat;
}
a.isPlaying:hover {
background:url("../images/icons.png") 0px -121px no-repeat;
}
a.isPaused {
background:url("../images/icons.png") 0px -103px no-repeat;
}
.switcher > a {
width:150px;
float:left;
background:#eee url("../images/icons.png") 135px -137px no-repeat;
border-radius:2px;
border:1px solid #ccc;
padding:1px 3px;
text-decoration:none;
margin:10px 10px 0 0;
font-size:11px;
}
.switcher > a:hover, .switcher > a.on {
text-decoration:none;
background-color:#f7f7f7;
}
.switcher ul {
padding:0;
margin:0;
display:none;
position:absolute;
border:1px solid #ccc;
border-top:none;
border-radius:0 0 2px 2px;
width:156px;
max-height: 130px;
overflow-y: auto;
overflow-x: hidden;
white-space:nowrap;
background:#f7f7f7;
}
.switcher ul li {
float:none;
font-size:11px;
}
.switcher ul a {
padding:1px 3px;
display:block;
line-height:1.5;
text-decoration:none;
}
.switcher ul a:hover {
text-decoration:none;
background:#555;
color:#fff;
}
/* ToolTip */
.t_Content_popup {
color: #fff;
font-size: 10px;
line-height: 16px;
padding: 5px 8px;
text-align: left;
}
.t_Content_popup a, .t_Content_popup:visited {
color: #fff;
text-decoration:none;
}
.t_Content_popup a:hover {
text-decoration:underline;
}
.popup-title {
font-size:14px;
}
/* PAGINATION */
.pagination {
line-height:2;
margin:0 0 10px 0;
}
.pagination a {
border:1px solid #9bf;
border-radius:3px;
font-size:12px;
padding:4px;
color:#9bf;
background:#fff;
text-decoration:none;
}
.pagination a.on {
color:#fff;
background:#9bf;
text-decoration:none;
}
.pagination a:hover {
color:#fff;
background:#004eeb;
text-decoration:none;
}
#footer {
border-top:1px solid #ccc;
color:#aaa;
padding:10px 0 20px 0;
font-size:10px;
text-transform:uppercase;
}
/* SOCIAL */
.twitter, .facebook {
font-size:8px;
line-height:16px;
float:right;
width:50px;
}
.tweet {
background:#eee url("../images/icons.png") 3px -13px no-repeat;
border-radius:3px;
text-indent:-1000em;
cursor:pointer;
width:16px;
height:16px;
display:block;
float:left;
margin:0 5px 0 10px;
}
.fb-like {
background:#eee url("../images/icons.png") 6px 4px no-repeat;
border-radius:3px;
text-indent:-1000em;
cursor:pointer;
width:16px;
height:16px;
display:block;
float:left;
margin:0 5px 0 10px;
}
.tweet:hover, .fb-like:hover {
background-color:#aaa;
}
.twitterPic {
width:48px;
height:48px;
border:none;
float:left;
margin:0 8px 0 0;
}
.cloud {
line-height:28px;
text-align:center;
}
.cloud li {
display:inline;
}
.cloud a {
background:#eee;
border-radius:3px;
padding:3px;
}
.cloud a:hover {
color:#fff;
background-color:#555;
}