/*
Theme Name: LSE Blogs
Description: Child theme for the Twenty Ten theme 
Author: Caroline Mockett
Template: twentyten
*/

/* adaptation of Trium theme by Ed Merritt, Dec 2010 */

@import url("../twentyten/style.css");

/* =General HMTL elements
-------------------------------------------------------------- */
body {background: url(images/ElectionExperts_bkg_1.jpg) 50% 50% no-repeat fixed #eee; color:#000;}
body, input, textarea, .page-title span, .pingback a.url { font-family: Arial, Helvetica, sans-serif;}
a:link {color: #f00;}
a:hover {color: #900;}
a:visited {color: #f00;}
a:active {color: #900;}
blockquote {text-align: justify; background: url(images/blockquote-l.png) top left no-repeat, url(images/blockquote-r.png) bottom right no-repeat; }

/* =Header
-------------------------------------------------------------- */
#header {padding-top: 20px;}
#branding {position: relative;}
#branding img {border: 0;}
#site-title {position: absolute; top: 50px; right: 28px; width: 20em; text-align: right; font-size: 2.2em; letter-spacing: 0.035em;}
#site-title a {color:#fff; font-weight: normal; }
#site-description {color: #fff; right: 30px;  position: absolute; top: 70px; font-style: normal; text-align: right; width: 50em;text-align: right;}

/* =Menu
-------------------------------------------------------------- */
#access {background: transparent; margin-top: -38px; margin-left: 5px}
#access a {background: url(images/bg-red.gif) bottom left repeat-x; padding: 0 15px; color: #fff; font-weight: bold; 
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;}
#access .menu-header li, div.menu li {margin-right: 3px;}
#access .menu-header li li, div.menu li li {margin: 0;}
#access .menu > ul > li > a {color: #fff;}
#access .menu > ul > li:first-child a,
#access .menu-header > ul > li:first-child a {text-indent: -9999px; width: 15px; background-image: url(images/home_red.gif); background-position: 50% 50%; background-repeat: no-repeat;}
#access .menu-header > ul > li:first-child a:hover {background-image: url(images/home_red_alt.gif);}
#access .menu > ul > li:first-child.current-menu-item a, 
#access .menu > ul > li:first-child.current_page_item a,
#access .menu-header > ul > li:first-child.current-menu-item a, 
#access .menu-header > ul > li:first-child.current_page_item a  {background-image: url(images/home_black.gif);}
#access .menu-header > ul > li:first-child.current-menu-item a:hover, 
#access .menu-header > ul > li:first-child.current_page_item a:hover  {background-image: url(images/home_red_alt.gif);}
#access li:hover > a {background: url(images/bg-red_alt.gif) bottom left repeat-x;}
#access ul ul a {padding: 8px 15px;}
#access li li a {
border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
-moz-border-radius-topleft: 0;}
#access li li:first-child a {
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;}
#access li li:last-child a {
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;}
#access ul ul a {background: url(images/bg-red.gif) bottom left repeat-x;}
#access ul ul a:hover {background: url(images/bg-red_alt.gif) bottom left repeat-x;}
#access ul li.current_page_item > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current-menu-item > a, 
#access ul li.current-menu-parent > a {background: none repeat scroll 0 0 #fff; color: #000;}

/* =Main/Content
-------------------------------------------------------------- */
#wrapper { background-color: #fafafa; margin-bottom: 200px;
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
-icab-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;}
#main {padding: 20px 0 0;}
#container {margin: 0 -240px 0 0;}
#content {margin: 0 240px 0 0;}
#content, #content input, #content textarea {color: #000; font-size: 1.2em; line-height: 1.5em;}
#content p {margin-bottom: 18px;}

.entry-title a:link, .entry-title a:visited {color: #000;}
.entry-title a:active, .entry-title a:hover {color: #900;}
.entry-meta .cat-links {background: url(images/folder.png) no-repeat; padding-left: 20px;}
.entry-meta a {color: #888; text-decoration: none;}
.entry-meta a:hover, .entry-meta a:active {color: #900; text-decoration: underline;}
.entry-utility a {color: #f00; text-decoration: none;}
.entry-utility a:hover, .entry-utility a:active {color: #900; text-decoration: underline;}
.entry-utility .tag-links { float:right;}
.entry-utility .tag-links a { color: #888; font-weight: bold;}
.hentry, .no-results, .not-found, .navigation, .commentlist li.comment, #respond {background: #FFF; border-color: #eee #ddd #ddd #eee; border-style: solid; border-width: 1px; padding: 20px; margin: 0 0 20px;}
#respond h3 {margin-top: 0;}
.commentlist li.comment {padding-left: 76px; padding-bottom: 0;}
.commentlist .avatar {top: 20px; left: 20px;}

.single .hentry {padding-bottom: 20px;}
.archive .page-title {display: none;}

.navigation { padding: 10px;}
.navigation a:hover, .navigation a:active { color: #900;}
.nav-previous { background: url(images/larrow.png) no-repeat top left; padding-left: 20px; width: 46%;}
.nav-next { background: url(images/rarrow.png) no-repeat top right; padding-right: 20px; width: 46%;}
.meta-nav { display: none;}
.single #nav-below {display: none;}
.single #nav-above {margin-bottom: 20px;}
#content .dateblock {float: left; display: block; width: 48px; height: 48px; background: url(images/calred.png) top left no-repeat; color: #fff; text-align: center; line-height: 0.9em; margin: 0 20px 20px 0;
}
.dateblock span {display: block; padding: 0 2px; line-height: 0.9em;}
.dateblock .d1 {font-size: 0.75em; padding: 3px 0;letter-spacing: 0.1em;}
.dateblock .d2 {font-size: 1.2em; padding: 2px 0 0; letter-spacing: 0.1em; font-weight: bold}
.dateblock .d3 {font-size: 0.75em; padding: 3px 0 2px; letter-spacing: 0.1em;}

.entry-content, .entry-summary {margin-top: 10px;}
.entry-content, .entry-summary, .entry-utility {border-top: 1px solid #eee;}
.entry-utility {margin-top: 50px; padding-top: 10px;}
#content .entry-title {clear: none; font-size: 1.8em; font-weight: normal; margin-left: 60px;}
.page #content .entry-title, .search #content .entry-title, #content .not-found .entry-title {margin-left: 0;}
.meta-prep, .meta-prep-author, .entry-date, .meta-sep {display: none;}
#content .wp-caption {background: #fff; padding: 0; margin-bottom: 5px;}
#content .wp-caption img {margin: 0;}
#content .wp-caption p.wp-caption-text {margin: 5px 0; font-style: italic; color: #000;}
h3#comments-title {background: #eee url(images/comments_lrg.png) no-repeat 5px 10px; padding: 5px 0 5px 35px;}
h3#reply-title {background: #eee url(images/comment_edit.png) no-repeat 15px 10px; padding: 5px 0 5px 55px; margin:-20px -20px 5px -20px;}
.commentlist li.odd {background: #eee;}
.commentlist li.bypostauthor {background: #fbe8e8;}
.comments-link {font-size: 12px; float: right; background:url(images/comments.png) no-repeat; padding-left: 20px;}
.comments-link a { color: #888; text-decoration: none;}
.comments-link a:hover, .comments-link a:active,
.tag-links a:hover, .tag-links a:active { color: #900; text-decoration: underline;}
.tag-links a:visited {color: #f00; text-decoration: none;}

/* =Sidebar Stuff
-------------------------------------------------------------- */
#main .widget-area ul {padding: 10px 0 0 0;background: #FFF; border-color: #eee #ccc #ccc #eee; border-style: solid; border-width: 1px; margin-bottom: 20px;}
#primary > .xoxo > li, #secondary > .xoxo > li {padding: 5px 20px 1px 20px; }
#secondary > ul.xoxo {padding-top: 20px;}
#main .widget-area ul.collapsing {margin-left: 0;}
#main .widget-area .widget-title {border-bottom: 1px dotted #000; border-top: 1px dotted #000; font-weight: normal; font-size: 140%; padding: 5px; margin: -10px -10px 10px -10px;}
#main .widget-area .widget-container ul {list-style: none;}
#main .widget-area .widget-container ul li {padding-left:20px; background: url(images/bulletred.png) no-repeat ; vertical-align: text-top; margin-left:-18px;}
#main .widget-area .widget-container ul li a:hover {color: #900;}
.collapsing li {list-style: none;}
span.collapsing {margin-right: 5px;}
.collapsing span.sym {padding-right: 5px;}

/* =Footer
-------------------------------------------------------------- */
#footer {margin-top: 10px;}
#footer #footer-widget-area .widget-container ul {list-style: none;}
#footer #footer-widget-area .widget-container ul li {padding-left:20px; background: url(images/bulletred.png) no-repeat ; vertical-align: text-top; margin-left:-18px;}
#footer #footer-widget-area .widget-container a:link, #footer #footer-widget-area .widget-container a:visited {color: #f00;}
#colophon {border-top: 1px solid #aaa; padding: 15px 0; }
#site-info {font-size: 0.9em; font-weight: normal}


/* =AddToAny
-------------------------------------------------------------- */
#a2apage_PTZ { display: none !important; }
.a2a_menu { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }
.a2a_menu_inside { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }
.a2a_menu a, .a2a_tabs div, .a2a_menu_find_container, .a2a_menu_powered_by { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }