/*
Theme Name: Cyphers
Theme URI: http://cyphers.tomodoherty.ie/
Description: Cyphers for Cyphers Magazine.
Version: 1.0
Author: Tom O'Doherty, Hugh Rodgers
Author URI: http://www.tomodoherty.ie/
Tags: cyphers
*/

/* ========================================================= */
/* basic setup and layout */
/* ========================================================= */

* {margin: 0; padding: 0;}
hr {display: none;}

body {background: url("images/tiles/bg.jpg") center top repeat-y; font-size: 62.5%;
font-family: Arial, Helvetica, Sans-Serif; color: #000; text-align: center;}

#wrap {vertical-align: middle; margin: 0 auto; text-align: center; width: 934px;}
#top, #main {margin-left: 62px; margin-right: 62px; /* reduces width to 810px */ text-align: left;}
#footer {background: #111;}

/* ========================================================= */
/* links */
/* ========================================================= */

a {color: #f94e10;}

a, a:link {color: #f94e10; text-decoration: none;}
a:visited {color: #f94e10;}
a:hover {color: #888; text-decoration: none;}
a:active {color: #888;}

/* ========================================================= */
/* typography and lists */
/* ========================================================= */

ul {list-style-type: none;}

#main p, #main ul, #main dl, #main h3 {font-size: 1.6em; line-height: 1.6em; margin: 0 0 9px 0; list-style-type: none; color: #444;}

#main div#aside p {font-size: 14px;}

#main ul li {padding-left: 12px; background: url("images/other/li.gif") left top no-repeat; padding-left: 12px;}

#main h2 {color: #f94e10; font-size: 1.8em; margin: 0 0 9px 0;}
#main h2.line {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;}

#main h3 {color: #222;}

#main div.permalink {float: right; font-size: 1.4em;}

#main blockquote {background: #eee; border: 1px solid #ccc; padding: 10px 10px 1px 15px; margin: 0 0 20px 0; font-size: 14px;}
#main blockquote p {font-size: 14px;}

#main div.backtotop {
	font-size: 1.4em;
	text-align: right;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

/* ========================================================= */
/* repeating classes */
/* ========================================================= */

.hack {clear: both;}
.hack p {font-size: 10px; line-height: 10px; padding: 0; margin: 0; text-align: right;}

/* ========================================================= */
/* top and nav */
/* ========================================================= */

#top {padding: 55px 0 0 0; text-align: right; border-bottom: 1px solid #fff;}

#top img.banner {border-top: 1px solid #fff;}

#top h1 a {
	background: url("images/logos/cyphers.gif") left top no-repeat;
	float: left;
	width: 242px;
	height: 63px;
	font-size: 10px;
	color: #fff;
	letter-spacing: -4px;
	margin: 0 0 35px 0;
}

#top p {font-size: 1.1em; margin: 6px 0 10px 0;}
#top div#search div#aclogo {float: right; width: 70px; vertical-align: bottom;}
#top div#search div#aclogo a img, #top div#search div#aclogo a:hover {border: none; background: none;}

#top ul {clear: both; background: #e84e18 url("images/tiles/nav.gif") left bottom repeat-x; width: 810px; height: 39px;}

#top ul li a {
	float: left;
	height: 38px;
	font-size: 9px;
	color: #e84e18;
	text-align: left;
	letter-spacing: -4px;
}

#top ul li.home a {background: url("images/nav/home.gif") center no-repeat; width: 96px;}
#top ul li.home a:hover {background: url("images/nav/home-h.gif") center no-repeat;}
#top ul li.page-item-2 a {background: url("images/nav/about.gif") center no-repeat; width: 91px;}
#top ul li.page-item-2 a:hover {background: url("images/nav/about-h.gif") center no-repeat;}
#top ul li.page-item-19 a {background: url("images/nav/events.gif") center no-repeat; width: 96px;}
#top ul li.page-item-19 a:hover {background: url("images/nav/events-h.gif") center no-repeat;}
#top ul li.page-item-4 a {background: url("images/nav/previous-issues.gif") center no-repeat; width: 146px;}
#top ul li.page-item-4 a:hover {background: url("images/nav/previous-issues-h.gif") center no-repeat;}
#top ul li.page-item-21 a {background: url("images/nav/other-languages.gif") center no-repeat; width: 153px;}
#top ul li.page-item-21 a:hover {background: url("images/nav/other-languages-h.gif") center no-repeat;}
#top ul li.page-item-23 a {background: url("images/nav/subscribe.gif") center no-repeat; width: 113px;}
#top ul li.page-item-23 a:hover {background: url("images/nav/subscribe-h.gif") center no-repeat;}
#top ul li.page-item-14 a {background: url("images/nav/contact.gif") center no-repeat; width: 115px;}
#top ul li.page-item-14 a:hover {background: url("images/nav/contact-h.gif") center no-repeat;}

#top div#banner {border-top: 1px solid #fff; height: 176px;}

/* ========================================================= */
/* main */
/* ========================================================= */

#main {border-top: 7px solid #e84e18;}

#main div#aside {float: right; width: 250px;}

#main div#content, #main div#aside {margin: 40px 0 60px 0;}

#main div#content {width: 490px;}

/* ========================================================= */
/* footer */
/* ========================================================= */

#footer {clear: both;}
#footer {color: #fff; text-align: left; padding: 35px 60px 25px 60px;}
#footer h2 {font-weight: normal; font-size: 1.8em; margin: 0 0 10px 0;}
#footer p {font-size: 12px; line-height: 18px; margin: 0 0 9px 0;}
#footer ul li {text-transform: uppercase; margin: 2px 0 4px 0;}
#footer ul li a {text-decoration: none; font-size: 1.0em;}
#footer div#footerblock1 {float: left; width: 240px;}
#footer div#footerblock2 {float: left; width: 320px; margin: 0 30px 0 0;}
#footer div#footerblock3 {float: left; width: 220px;}
#footer div.hack p {color: #111;}