/*
Theme Name: Freedom House Theme
Theme URI:
Description: Custom theme designed for Thai Freedom House based upon the Thematic framework.
Author: Michael Newton
Author URI: mickstah@gmail.com
Template: thematic
Version: 0.5
Tags: Thematic Thai Freedom House
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');
/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');
/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
/* =Global Elements
-------------------------------------------------------------- */
body, input, textarea {
background: #066ca6 url(img/freedombg.png) repeat-x 0px bottom;
font: 15px/22px Georgia, "Times New Roman", Times, serif;
color:#FFF;
}
p, ul, ol, dd, pre {
margin-bottom:22px;
}
ul {
list-style:disc;
}
ol {
list-style-type: decimal;
}
pre, code {
font:14px Monaco, monospace;
line-height:22px;
}
blockquote {
color:#CFE6FF;
font-style:italic;
}
table {
border: none;
border-width:1px 1px 0 1px;
font-size:13px;
line-height:18px;
margin:0 0 22px 0;
text-align:left;
}
caption {
text-align:left;
}
tr {
border-bottom: none;
}
th, td {
padding: .7em 1.25em;
}
hr {
background-color:#ccc;
border:0;
color:#ccc;
height:1px;
margin-bottom:22px;
}
.entry-content a:link {
color:#FFF;
}
.entry-content a:visited {
color:#D9FCFF;
}
.entry-content a:active,
.entry-content a:hover {
color: #f37021;
}
.entry-content img {
border:#FFF 1px solid;
}
a:link {
color:#80C2FF;
}
a:visited {
color:#A0D2FF;
}
a:active,
a:hover {
color: #F37021;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
clear:both;
color: #FFF;
}
/* =Header
-------------------------------------------------------------- */
#header {
z-index:2;
background: url(img/logo_clouds.png) no-repeat center top;
}
#branding {
padding:10px 0 44px;
}
#blog-title {
}
#blog-title a {
display:block;
text-indent:-9000px;
height: 160px; /* height of your header, like 180px */
width: 212px; /* width of your header, like 940px */
background: url(img/freedom_logo.png) no-repeat;
margin: 5px 0px 0px 64px;
}
#blog-description {
position:absolute;
left:-9000px; /* We avoid display:none because it's bad for SEO */
}
.clear {
clear:both;
}
.donate {
width:900px;
margin: 0 auto;
}
#donate_button {
position:relative;
float:right;
z-index:20;
display:block;
width:270px;
height:255px;
background: url(img/freedom_sprites.png) no-repeat 0px -138px;
}
#donate_button:hover {
background: url(img/freedom_sprites.png) no-repeat -270px -138px;
}
#donate_button span {
text-indent:-9000px;
font-size: 0px;
}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu */
#access {
border-bottom:none;
height:95px;
font-size:13px;
overflow:visible;
z-index:100;
background: url(img/nav_clouds.png) no-repeat top;
padding: 10px 0px 0px;
}
.sf-menu {
border: none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #f37021;
border: none;
}
.sf-menu li {
background: none;
border: none;
font: 23px Arial, Helvetica, sans-serif;
color: #f37021;
float:left;
}
.sf-menu li li {
background: none;
font: 16px Arial, Helvetica, sans-serif;
color: #3c1e00;
display:inline-table;
width: 970px;
}
.sf-menu li li li {
background: none;
border: none;
font: 16px Arial, Helvetica, sans-serif;
color: #3c1e00;
float:left;
}
.sf-menu ul {
border:none;
color: #3c1e00;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top:32px; /* overriding essential styles */
color: #3c1e00;
}
.sf-menu ul ul {
border: none;
margin-top:0;
color: #3c1e00;
}
.sf-menu ul a {
background:none;
border-bottom:none;
color: #3c1e00;
}
.sf-menu ul a:hover {
color: #F37021;
}
.sf-navbar {
background: none;
font: 23px Arial, Helvetica, sans-serif;
color: #f37021;
margin-bottom: 0em;
position: relative;
}
.sf-navbar li , .sf-navbar li ul li a, .sf-navbar li ul {
border: none;
background: none;
}
.sf-navbar li {
position: static;
}
.sf-navbar a {
padding: 5px 8px;
height: 1em;
}
.sf-navbar li ul {
width: 45em; /*IE6 soils itself without this*/
margin-top: 1px;
}
.sf-navbar li li {
position: relative;
}
.sf-navbar li li ul {
width: 100%;
}
.sf-navbar li li li {
width: 100%;
}
.sf-navbar ul li {
width: auto;
float: left;
}
.sf-navbar ul li ul li {
padding-right: 0px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul ,
.sf-navbar .current ul,
.sf-navbar ul li:hover ul,
.sf-navbar ul li.sfHover ul,
.sf-navbar .current_page_item ul {
left: 0;
top: 1.3em; /* match top ul list item height */
}
.sf-navbar .current ul ul {
top: -999em;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar a:focus,
.sf-navbar a:hover,
.sf-navbar a:active,
.sf-navbar .current_page_item a {
background: none;
}
/* thematic experiment - for default look - sprfsh enabled borders */
.sfHover a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a:hover,
.sf-menu a:hover, .current_page_item.sf-breadcrumb ul li a,
.current_page_item.sf-breadcrumb.sfHover a,
.current_page_parent.sf-breadcrumb.sfHover a,
.current_page_ancestor.sf-breadcrumb.sfHover a
{
border:none;
}
/* thematic experiment - for default look - sf-tab border color */
.current_page_item.sf-breadcrumb a,
.current_page_parent.sf-breadcrumb a,
.current_page_ancestor.sf-breadcrumb a
{
border:none;
}
.sf-menu a:hover {
color: #F37021;
}
/* thematic experiment - for default look - sprfsh enabled borders */
.sfHover a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a:hover,
.sf-menu a:hover, .current_page_item.sf-breadcrumb ul li a,
.current_page_item.sf-breadcrumb.sfHover a,
.current_page_parent.sf-breadcrumb.sfHover a,
.current_page_ancestor.sf-breadcrumb.sfHover a
{
border:none;
}
/* thematic experiment - for default look - sf-tab border color */
.current_page_item.sf-breadcrumb a,
.current_page_parent.sf-breadcrumb a,
.current_page_ancestor.sf-breadcrumb a
{
border:none;
}
.sf-menu a:hover {
color: #F37021;
}
/* =Content
-------------------------------------------------------------- */
#content {
overflow:visible;
}
#main {
clear:both;
padding:66px 0 22px 0;
overflow:visible;
}
.page-title {
font-size:13px;
line-height:18px;
padding:0 0 44px 0;
}
.attachment .page-title {
font-style:italic;
}
.page-title a {
color:#CFE6FF;
text-decoration:none;
}
.page-title a:active,
.page-title a:hover {
color: #F37021;
}
.page-title span {
font-style:italic;
}
.page-title .meta-nav {
font-style:normal;
}
.page-template-front_page_temp-php #main {
padding-top:0px;
}
.page-template-front_page_temp-php #primary {
margin-top:320px;
}
.post {
margin: 0; padding: 110px 20px 20px;
position: relative;
float: left;
width: 590px;
}
.post .postheader {
background: url(postheader_bg.gif) repeat-x;
float: left;
width: 600px;
position: absolute;
left: 0; top: 0;
}
.entry-date {
background: url(img/date_cloud.png) no-repeat center top;
width: 93px;
height: 69px;
float: left;
padding: 7px 0px 3px 5;
margin-top: 7px;
text-align: center;
position: absolute;
left: -40px;
top: 0;
color: #48c2c5;
}
.entry-meta abbr {
font-size: 28px;
}
.entry-date strong, .entry-date small {
font-size: 14px;
text-transform: uppercase;
display: block;
color: #38a6a9;
}
.entry-date strong {
margin-top:6px;
}
a.comments {
position: absolute;
right: -10px; top: -10px;
background: url(comment_bubble.gif) no-repeat;
width: 34px; height: 39px;
padding: 7px 0 0;
text-align: center;
color: #fff;
font-size: 1.6em;
text-decoration: none;
}
.post .postheader h2 {
margin: 0; padding: 0 25px 0 10px;
font: normal 2.2em Georgia, "Times New Roman", Times, serif;
height: 62px; line-height: 62px;
text-shadow: 1px 1px 1px #cfeb7f;
}
.post .postheader h2 a {
text-decoration: none;
color: #222;
display: block;
}
.post .postheader p{
font-size: 0.9em;
background: url(author_bg.gif) no-repeat 10px bottom;
height: 27px; line-height: 27px;
margin: 0; padding: 0 10px 0 60px;
color: #fff;
}
.postheader p a {color: #fff;}
.postheader p span {float: right;}
.hentry {
padding:0 0 22px 0;
}
.single .hentry {
padding:0;
}
.home #content .sticky {
border:1px solid #ccc;
margin:0 0 66px 0;
padding:22px 20px 0 20px;
}
.entry-title {
font-family:Arial,sans-serif;
font-size:26px;
font-weight:bold;
line-height:26px;
padding:0 0 7px 0;
margin-left: 55px;
}
.entry-title a, .entry-title a:link, .entry-title a:visited, .entry-title:link, .entry-title:visited {
color:#7ecb3f;
text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
color: #F37021;
}
.entry-meta {
color:#CFE6FF;
font-size:13px;
font-style:italic;
line-height:18px;
margin-left: 55px;
}
.entry-meta .author {
}
.entry-meta .n {
font-size:11px;
font-style:normal;
letter-spacing:0.05em;
text-transform:uppercase;
}
.entry-meta a {
color:#CFE6FF;
text-decoration:none;
}
.entry-meta a:active,
.entry-meta a:hover {
color: #F37021;
}
.entry-meta abbr {
border:none;
cursor:text;
font-size:11px;
font-style:normal;
letter-spacing:0.05em;
text-transform:uppercase;
}
.entry-content {
padding:22px 0 0 0;
margin-left: 55px;
}
.entry-content h1,
.entry-content h2 {
font-family:Arial,sans-serif;
font-size:19px;
font-weight:bold;
padding:28px 0 14px 0;
}
.entry-content h3 {
font-size:17px;
font-style:italic;
padding:28px 0 14px 0;
}
.entry-content h4 {
font-size:11px;
font-family:Arial,sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.05em;
}
.entry-content table {
margin-left:1px;
}
.entry-content embed {
margin:0 0 22px 0;
}
.entry-utility {
color:#CFE6FF;
font-size:13px;
line-height:18px;
margin:0 0 44px 55px;
}
.entry-utility a {
color:#CFE6FF;
font-style:italic;
text-decoration:none;
}
.entry-utility a:active,
.entry-utility a:hover {
color: #F37021;
}
#custom_social_media_links {
margin-left: 55px;
}
#post-30 {
width:850px;
}
.index-content {
padding:22px 0 0 0;
}
.index-content p {
font-size:18px;
line-height: 30px;
margin-left: 35px;
color:#FFF;
}
.edit-link {
margin-left: 35px;
}
.page-link {
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0 0 22px 0;
padding:22px 0 0 0;
word-spacing:0.5em;
}
.page-link a {
border:1px solid #ccc;
color:#CFE6FF;
font-weight:normal;
padding:0.5em 0.75em;
text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
color: #F37021;
}
ul#links-page,
ul#archives-page {
list-style:none;
margin-left:0;
overflow:hidden;
}
li.content-column {
float:left;
margin-right:20px;
width:45%;
}
.gallery {
padding:0 0 22px 0;
}
.wp-caption-text,
.gallery-caption {
color:#CFE6FF;
font-size:13px;
line-height:18px;
}
#author-info {
margin:0 0 44px 0;
overflow:hidden;
}
#author-info .avatar {
float:left;
margin:.3em 1em 0 0;
}
.pageid-25 .entry-date, .s-category-student-story .entry-date {
display:none;
}
/* =Attachments
-------------------------------------------------------------- */
.attachment-jpeg #container,
.attachment-png #container {
width:100%;
}
.attachment-jpeg #content,
.attachment-png #content {
width:930px;
}
.attachment-jpeg #comments,
.attachment-png #comments {
width:540px;
overflow:hidden;
}
.attachment-jpeg .main-aside,
.attachment-png .main-aside {
display:none;
}
/* =Navigation
-------------------------------------------------------------- */
.navigation {
color:#CFE6FF;
font-size:13px;
line-height:18px;
margin:0px 0 22px 0;
overflow:hidden;
}
.navigation a {
color:#CFE6FF;
font-style:italic;
text-decoration:none;
}
.navigation a:active,
.navigation a:hover {
color: #F37021;
}
.navigation .meta-nav {
font-style:normal;
}
.nav-previous {
float: left;
width:50%;
}
.nav-next {
float: right;
width:50%;
text-align:right;
}
#nav-above,#nav-below {
width: 100%;
clear:both;
}
#nav-above {
display:none;
}
.paged #nav-above {
display:block;
padding:0 0 44px 0;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
font-size:13px;
line-height:18px;
}
#comments code {
font-size:12px;
line-height:18px;
}
#comments h3 {
font-family:Arial,sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
padding:0 0 18px 0;
}
#comments-list {
padding:0 0 18px 0;
}
#comments-list ol,
#comments-list ul {
list-style:none;
margin:0;
}
#comments-list ol {
border:1px solid #ccc;
border-bottom:none;
margin:0 0 18px 0;
}
#comments-list li {
background:#0B95CA;
border-bottom:1px solid #ccc;
padding:18px 1.5em 0 1.5em;
position:relative;
}
#comments-list li.alt {
background:none;
}
#comments-list li.bypostauthor {
background:none;
}
#comments-list ul li {
border:1px solid #ccc;
margin:0 0 18px 0;
}
#comments-list li .avatar {
position:absolute;
top:22px;
left:1.5em;
width:36px;
height:36px;
}
#comments-list .comment-author {
font-weight:bold;
padding:9px 0 0 46px;
}
#comments-list .comment-meta {
color:#CFE6FF;
font-size:11px;
padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
color:#CFE6FF;
font-style:italic;
text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
color: #F37021;
}
.comment-reply-link {
font-size:11px;
padding:0 0 18px 0;
text-align:right;
}
.comment-reply-link a {
color:#CFE6FF;
font-style:italic;
text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
color: #F37021;
}
.comment-navigation {
font-weight:bold;
padding:0 0 18px 0;
margin-right:0.5em;
}
.comment-navigation a {
border:1px solid #ccc;
color:#CFE6FF;
font-weight:normal;
padding:0.5em 0.75em;
text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
color: #F37021;
}
.comment-navigation a,
.comment-navigation span {
margin-right:0.5em;
}
#commentform {
margin-left:35px;
}
#trackbacks-list .comment-content {
position:absolute;
left:-9000px;
}
#respond {
background:none;
margin-bottom:22px;
overflow:hidden;
padding:18px 0 0 0;
position:relative;
}
#comments-list #respond {
border-bottom:1px solid #ccc;
margin:0 0 18px 0;
padding:18px 1.5em;
}
#comments-list ul #respond {
border:1px solid #ccc;
margin:0;
}
#cancel-comment-reply {
font-size:11px;
position:absolute;
top:18px;
right:1.5em;
}
#cancel-comment-reply a {
color:#CFE6FF;
}
#respond .required {
color:#F37021;
font-weight:bold;
}
.form-section label {
font-size:11px;
}
.form-section input {
margin:0 0 18px 0;
width:98%;
}
.form-section textarea {
width:96%;
background: url(img/comment_bg.png) no-repeat;
padding: 9px;
height: 182px;
border-style: none;
}
#form-allowed-tags p {
color:#CFE6FF;
font-size:11px;
margin:0;
}
#form-allowed-tags span {
font-style:italic;
}
#form-allowed-tags code {
font-size:11px;
line-height:normal;
}
#commentform .form-submit #submit {
background: url(img/freedom_sprites.png) no-repeat 0px -66px;
border-style: none;
height: 33px;
width: 124px;
font-size: 0px;
line-height: 0px;
text-indent: -9999;
}
#commentform .form-submit #submit:hover {
background: url(img/freedom_sprites.png) no-repeat -124px -66px;
cursor:pointer;
}
#commentform #author, #commentform #email, #commentform #url {
background: url(img/freedom_sprites.png) no-repeat 0px -104px;
height:25px;
border-style: none;
padding: 8px 0px 0px 4px;
width: 254px;
margin-bottom:9px;
}
#commentform #author:hover, #commentform #email:hover, #commentform #url:hover {
background: url(img/freedom_sprites.png) no-repeat -258px -104px;
}
.form-submit {
padding:10px 0 0 0;
text-align:right;
}
.subscribe-to-comments {
color:#CFE6FF;
float:left;
font-size:11px;
margin:0;
padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
color:#CFE6FF;
font-size:11px;
padding:18px 0 0 0;
}
.comment_license {
color:#CFE6FF;
clear:both;
font-size:11px;
margin:0;
padding:18px 0 0 0;
}
/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */
.aside,
.aside input {
font-size:13px;
line-height:0px;
margin-bottom:6px;
}
.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
margin-bottom:18px;
}
.aside pre,
.aside code {
font-size:12px;
line-height:18px;
}
.aside .current_page_item a {
color: #F37021;
}
.aside .current_page_item .page_item a {
color:#CFE6FF;
}
.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active {
color: #F37021;
}
.aside {
color:#CFE6FF;
}
.aside a {
color:#CFE6FF;
}
.aside a:active,
.aside a:hover {
color: #F37021;
}
.aside h3 {
font-size:15px;
font-style:italic;
line-height:22px;
}
.aside h3 a {
text-decoration:none;
}
.aside caption {
font-size:11px;
font-family:Arial,sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.05em;
}
.aside ul {
list-style:none;
margin-left:0;
}
.aside ul ul {
list-style:disc;
margin:0 0 22px 20px;
}
.aside ul ul li {
padding:1px 0;
}
.aside ul ul ul {
margin-bottom:0;
}
.aside form,
.aside table {
margin-bottom:22px;
}
.aside table {
border:none;
}
.aside thead {
border:none;
}
.aside tbody {
border:none;
}
.aside th, .aside td {
border-right: none;
padding:.25em .8em;
}
.aside tfoot tr {
border:none;
}
.aside tfoot td {
border-color:transparent;
}
.widget_tag_cloud {
margin:0 0 22px 0;
}
.aside #searchsubmit {
display: none;
}
/*
Main Asides
*/
.main-aside {
width:280px;
overflow:visible;
}
.main-aside ul {
padding:0 10px;
}
.main-aside h3 {
}
.main-aside ul ul {
padding:0;
}
#primary {
border:none;
padding:18px 0 0;
margin: 0px 20px 22px 0px;
}
/*
Content Asides
*/
#content .aside {
border:none;
margin:0 0 22px 0;
padding:18px 0 0 0;
}
#content .aside ul {
padding:0 20px;
}
#content .aside h3 {
font-family:Georgia,serif;
font-weight:normal;
font-size:17px;
font-style:italic;
padding:0 0 7px 0;
text-transform:none;
}
#content .aside ul ul {
padding:0;
}
#subsidiary {
padding:33px 0 0 0;
}
.twtr-profile-img-anchor {
display:none;
}
.twtr-hd {
text-indent:-9000px;
font-size: 0px;
height: 0px;
width: 0px;
}
#twtr-widget-1 {
background: url(img/twitter_cloud.png) no-repeat 0 0;
height:185px;
padding:20px 55px 0 45px;
width:265px;
margin: -60px 105px 15px -50px;
}
div#twtr-widget-1.twtr-widget p {
font: 14px Georgia, "Times New Roman", Times, serif; !important
color: #000;
}
#tweet-id-1 i, #tweet-id-1 i a:link, #tweet-id-1 i a:visited, #tweet-id-1 i a:active {
color:#38a6a9;
}
.twtr-ft {
position:relative;
}
.twtr-ft span {
margin-top:8px;
}
.aside form, .aside table {
margin-bottom:0px;
border:none;
}
#phplist-integration {
background: url(img/phplist_bg.png);
width: 270px;
height:104px;
}
/*#phplist-integration.hover, #phplist-integration:hover {
background: url(img/freedom_sprites.png) -270px 0px;
}
*/
#phplist-integration .widgettitle {
font: normal 14px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
text-align: center;
padding-top: 3px;
padding-bottom:2px;
}
#phplist-integration h3 {
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
text-align: center;
padding-top: 15px;
}
.phplist input {
font: 12px Arial, Helvetica, sans-serif;
color: #dadada;
border: none;
height: 33px;
}
.phplist label {
text-indent:-9999px; /* Move the text off the screen while still keeping accessibility */
display:inline-block;
height:0;
width:0;
margin:0;
padding:0;
}
.phplist .required {
font: bold 12px/12px Arial, Helvetica, sans-serif;
color: #FFF;
border: none;
margin: -4px 25px -6px;
position:relative;
z-index:20;
background: #F00;
text-align: center;
}
.phplist #name {
background:url(img/freedom_sprites.png) no-repeat scroll left 0px;
position:relative; /* To allow child containers to be positioned absolutely */
clear:both;
display:block;
width:253px;
height:20px;
padding: 8px 0px 5px 5px;
overflow:hidden;
margin: 0px 0px 16px 6px;
}
.phplist #name:hover {
background:url(img/freedom_sprites.png) no-repeat scroll -258px -104px;
}
.phplist #name input {
position:absolute; /* To position this container absolutely inside of .phplist p.name parent container */
top:10px;
left:130px;
border:none; /* By default, the input field will show a border/box, this sets it to not display anything */
font-size:30px;
width:300px; /* This keeps the text within the background image so the text will not type outside of that area */
background:none; /* This sets the background color to none so you will not see a default white */
font-family:Georgia, "Times New Roman", Times, serif;
color:#999;
display:block;
margin-left: 5px;
padding-left: 4px;
}
.phplist #email {
background:url(img/freedom_sprites.png) no-repeat scroll left -33px;
width:190px;
height:20px;
margin-left: 6px;
position:relative;
clear:both;
display:inline-block;
margin-top: -9px;
padding: 8px 0px 5px 5px;
float: left;
overflow:hidden;
}
.phplist #email:hover {
background:url(img/freedom_sprites.png) no-repeat scroll -258px -104px;
}
.phplist #email input {
position:absolute; /* To position this container absolutely inside of .phplist p.name parent container */
top:10px;
left:130px;
border:none; /* By default, the input field will show a border/box, this sets it to not display anything */
font-size:30px;
width:300px; /* This keeps the text within the background image so the text will not type outside of that area */
background:none; /* This sets the background color to none so you will not see a default white */
font-family:Georgia, "Times New Roman", Times, serif;
color:#999;
display:block;
}
.phplist #contactsubmit {
background:url(img/freedom_sprites.png) no-repeat -68px -411px;
width:63px;
height:33px;
text-indent:-9999px; /* Move the text off the screen while still keeping accessibility */
border:none; /* This sets the background color to none so you will not see a default white */
cursor:pointer; /*Since we are using a background image, this will set the mouse cursor to change when hovering over so you know it is a clickable button */
overflow:hidden; /* hides any graphic/image element if it overflows */
display:inline-block;
line-height:0; /* this is really a hack for IE6 and IE7 because text-indent will not work here unless the line-height is set to zero */
float:left;
margin: -39px 0px 0px 201px;
}
.phplist #contactsubmit:hover {
background:url(img/freedom_sprites.png) no-repeat -131px -411px;
}
#search {
margin:20px 0;
background: url(img/search_bg.png);
width: 270px;
height:64px;
overflow: hidden;
float:left;
}
#search .widgettitle, #my-recent-yt-2 .widgettitle {
font: normal 14px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
text-align: center;
padding-top: 3px;
padding-bottom:2px;
}
#search h3 {
font: bold 14px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFF;
text-align: center;
padding-top: 15px;
}
#search input {
background:url(img/freedom_sprites.png) no-repeat scroll left -104px;
position:relative; /* To allow child containers to be positioned absolutely */
clear:both;
display:block;
width:253px;
height:20px;
margin-left: 6px;
padding: 8px 0px 6px 5px;
border: none;
}
#search input:hover {
background:url(img/freedom_sprites.png) no-repeat scroll -258px -104px;
}
#my-recent-yt-2 {
background:url("img/youtube_bg.png") no-repeat scroll 0 0 #9ECB3F;
clear:both;
display:block;
text-align:center;
width:270px;
}
#my-recent-yt-2 .my-recent-yt-widget {
background:url("img/youtube_bg_bot.png") no-repeat scroll 0 bottom #9ECB3F;
display:block;
padding-bottom:6px;
width:270px;
}
#shopping-cart {
display:block;
clear:both;
margin:0 0 20px;
}
#shopping-cart h3 {
margin:0 0 8px;
}
#sliding_cart span {
line-height:22px;
}
#sliding_cart p {
line-height:22px;
}
/*
Footer Asides
*/
#subsidiary {
overflow:visible;
width:100%;
}
#subsidiary .aside {
width:inherit;
padding:0px 0;
}
#subsidiary .aside ul ul li {
padding:0px 0;
}
#subsidiary .aside ul ul li {
padding:0px 0;
}
#picasa-web-albums {
}
.picasa-photos {
}
#first{
width:100%;
background: url(img/freedom_footer_short.png) repeat-x 0px 139px;
margin:0 auto;
height:237px;
position:relative;
z-index:5;
}
#first .xoxo {
background: url(img/picasa_footer.png) no-repeat center;
height:237px;
position:relative;
z-index:0;
margin: 0px auto;
/*display: none; ###### DEACTIVATES PICASA!!!!! ###### */
}
#picasaphotos-3 {
margin: 0px auto;
width:900px;
padding: 76px 0px 0px 10px;
}
#picasaphotos-3 p {
display:inline-block;
float:left;
margin-right:33px;
width:190px;
height:142px;
overflow:hidden;
vertical-align:middle;;
}
#first ul li ul {
list-style: url(http://www.thaifreedomhouse.org/wp-content/themes/freedom/img/footer_bullet.png) none;
font: 14px/24px Arial, Helvetica, sans-serif;
color: #FFF;
}
#first ul li ul a:link, #first ul li ul a:visited {
color: #FFF;
text-transform: lowercase;
text-decoration: none;
}
#first ul li ul a:hover {
color: #f37021;
text-decoration: underline;
}
#first ul li ul li ul {
text-indent:-9000px;
font-size: 0px;
line-height: 0px;
list-style: none;
height: 0px;
margin: 0px;
padding: 0px;
}
#second {
background: #168D04;
width: 100%;
padding-top:15px;
}
#second .xoxo {
margin: 0px auto;
width:960px;
}
#second .blogroll {
width:300px;
}
#second ul li ul {
list-style: url(http://www.thaifreedomhouse.org/wp-content/themes/freedom/img/footer_bullet.png) none;
font: 14px/24px Arial, Helvetica, sans-serif;
color: #FFF;
margin-left:25px;
}
#second ul li ul a:link, #second ul li ul a:visited {
color: #FFF;
text-transform: lowercase;
text-decoration: none;
}
#second ul li ul a:hover {
color: #f37021;
text-decoration: underline;
}
#second ul li ul li ul, #second ul li ul li ul a:visited {
text-indent:-9000px;
font-size: 0px;
line-height: 0px;
list-style: none;
height: 0px;
margin: 0px;
padding: 0px;
}
#pages-2, #pages-3, #pages-5, #archives-2, #archives-3, #text-5, #text-3, #text-4, #socialprofilr {
width: 300px;
margin-right:20px;
float:left;
display:inline-block;
}
#text-4 {
clear:left;
padding-top:15px;
}
#linkcat-2 {
width: 300px;
margin-right:20px;
float:left;
display:inline-block;
list-style: inside;
}
#linkcat-2 li {
margin-left: 25px;
}
#socialprofilr.aside tbody, #socialprofilr.aside th, #socialprofilr.aside td {
border:none;
}
#socialprofilr p {
line-height:22px;
color:#FFF;
}
#socialprofilr-icon {
display:none;
}
/*.xoxo li ul li {
float:left;
display:block;
width:300px;
list-style: url(img/footer_bullet.png) none;
}*/
/* =Footer
-------------------------------------------------------------- */
#footer {
border-top:none;
margin-top:22px;
}
/*#first h3 {
background: url(img/line_first.png) no-repeat left bottom;
padding-bottom: 5px;
}*/
#second h3 {
background: url(img/line_second.png) no-repeat left bottom;
padding-bottom: 8px;
margin-top:15px;
}
#third h3 {
background: url(img/line_third.png) no-repeat left bottom;
padding-bottom: 5px;
}
#siteinfo {
color:#CFE6FF;
font-size:11px;
line-height:18px;
padding:4px 0 2px;
background-color:#060;
width:100%;
}
#siteinfo a {
color:#CFE6FF;
}
#siteinfo a:active,
#siteinfo a:hover {
color: #F37021;
}
/* =PageNavi
-------------------------------------------------------------- */
/* Using !important to override PageNavi CSS */
.wp-pagenavi {
margin:0 0 0 -.5em;
padding:0.5em 0;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
border:1px solid #ccc !important;
color:#CFE6FF!important;
font-style:normal;
margin:0 .375em !important;
padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
border:1px solid #ccc !important;
color:#CFE6FF !important;
}
.wp-pagenavi a:hover {
border:1px solid #ccc !important;
color:#F37021 !important;
}
.wp-pagenavi a:active {
border:1px solid #ccc !important;
color:#F37021 !important;
}
.wp-pagenavi span.pages {
border:none !important;
color:#CFE6FF !important;
margin:0 !important;
padding:0 !important;
}
.wp-pagenavi span.current {
border:none !important;
color:#CFE6FF !important;
font-weight:normal !important;
margin:0 !important;
padding:0 !important;
}
.wp-pagenavi span.extend {
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
margin:2px;
padding:2px 4px;
}