/*
Theme Name: Regulus Child
Theme URI: http://www.binarymoon.co.uk/regulus/
Version: 2.3+
Description: 2 column customizable theme from <a href="http://www.binarymoon.co.uk/">Binary Moon</a>
Author: Raoul Goedeen
Template: regulus
*/

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

/* --------------------------------------*/
/* CHILD THEME CHANGES */
/* --------------------------------------*/

#wrapper {

	width:800px;}
#homewrapper{float: left;
width: 550px;}

a:active,
a:focus {
	outline: 0;
	color: #00f;
}

#sidebar a:active,
#sidebar a:focus {
	color: #00f;
}
/* may also need: .info a , #content h2 a , #footer li a , .widgets a , #post_information a */

/* Reinsertion */
h2 {
	clear: both;
}

/* ARCHIVES page */
/* ul.archive-list (li.cat-item) */
.archive-list {
	margin: 12px 0 24px 0 !important;
	padding-left: 0px !important;
	float: left;
	width:618px;
}

.archive-list li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 4px 0 4px 10px !important;
	width: 186px;
}

.archive-list li { text-align:right; position:relative; }
.archive-list li a { position:absolute; left:10px; }

/*#content h3 { margin-top:12px;}*/

/* #tag-cloud in archive page */
#content .tagcloud {
	text-align: center;
	line-height: 2em;
	margin: 12px 0;
}
#content .tagcloud a {
	border:none;
	display:inline-block; /* no line break */
	padding: 0 4px;
	vertical-align: -10%;
}

.clear {
	clear: both;
}

/*
#content a[href$=jpg] {
	text-decoration: none;
	border: 0 none;
}

a < img {
	text-decoration: none;
	border: 0 none;
}
*/


/* -------
- HEADER -
------- */

#header {
	display:block;
	height:140px;
	color:#fff;
	position:relative;
	margin:0px auto 0 auto;
	text-align:right;
	border-bottom:5px solid #fc0;
}

#header h1 {
	font-size:2.2em;
	margin:0; padding:18px 55px 2px 0;
	/*margin:0px 45px 0 auto; padding 0;*/
	color:#adf;
	font-weight:bold;
	text-shadow: 0 1px 1px #efb, 0px -2px 0px #008;
	font: 3.3em 'Yanone Kaffeesatz', 'Quixley LET', 'Franklin Gothic Medium', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	/*font-size-adjust: 0.5;*/
	/*font-size:2.6em;*/
}

#header a#homeLink {
	text-indent:-999em;
	display:block;
	left:0;
	position:absolute;
	background:transparent;
	border:none;
	width:730px;
	height:100px;
	text-align:left;
	margin:0;
}

#header p {
	padding:0 100px 0 320px;
	font-size:1.30em;
line-height:1.6em;
	color:#eef;
	text-shadow: 1px -1px 3px #000, 0 1px 1px #a00;
}

#header span {
	font:inherit;
	padding-left: 5px;
	/*background-color: #222;*/
	background-color: rgb(64,80,96);
	-moz-box-shadow: 0 0 .6em .5em rgb(64,80,96);
	-webkit-box-shadow: 0 0 .6em .5em rgb(64,80,96);
	box-shadow: 0 0 .6em .5em rgb(64,80,96);
}

/* -------------
- MAIN CONTENT -
------------- */

/* content width from wordpress.com
   - to allow for imported image width */
#content {
	width:490px;
	border-left:12px solid #fff;
}

#content p, #content li {

	color:#444;

}

#content p {
	margin:12px 0;
	line-height:1.65em;
/*font-size:1.1em;*/
}

#content .tags {
	clear:both;
}

/* -----------
- NAVIGATION -
----------- */

/* transferred from wordpress.com version 
   - for sub-menu items */
#header li {
	position: relative;
}
#header ul ul {
	background: #ad1735;
	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	float: left;
	margin: 0;
	z-index: 99999;
	list-style-type: none;	
	width: 143px;
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	text-align: left;
}
#header ul ul li {
	min-width: 85px;
	margin: 0;
}
#header ul ul a {
	width: 140px;
	margin: 0;
}
#header ul ul a span {
	background: none;
	color: #eee;
}
#header ul li:hover > ul {
	display: block;
}
#header ul ul li:hover > a {
	background: #246;
}
#header ul ul ul {
	left: 100%;
	top: 0;
}

/* In parent CSS these end up selecting submenu items,
so reset to unselected styling and use child selectors
to style actual current item */
ul#nav .current_page_item a,
ul#nav .current_page_item a:hover
 {
	color:#fff;
	background:#024;
	text-decoration:none;
	border-color:#357 #002 #002 #357;
}
ul#nav li.current_page_item a:hover {
	background:#246;
	text-decoration:none;
}

/* switch.css loads after this so is also edited to include
menu-item and child selectors */
ul#nav li.current-menu-item >a,
ul#nav li.current_page_item >a,
ul#nav li.current-menu-item >a:hover,
ul#nav li.current_page_item >a:hover {
	color:#335;
	background:#fc0;
	text-decoration:none;
	border-color:#ff3 #da0 #da0 #ff3;
}
ul#nav li.current-menu-parent >a,
ul#nav li.current-menu-ancestor >a {
	color:#dde;
}


/* --------
- SIDEBAR -
-------- */

/* This attempts to emulate the wordpress.com CSS.
Loses the block style link boxes but layout looks equivalent */
#sidebar ul li ul li {
	padding: .3em 0 .3em 0;
}
	/* parent CSS selects #subpages a { display:block; padding:...}
so reverses the above */
#sidebar #subpages li  {
	padding:0;
}
#sidebar ul.children li.page_item {
	padding: .6em 0 0 0;
}

/* wordpress.com CSS selected '#sidebar a', but requires additional CSS for tag cloud. This should only select linked list-items that display as lists in the sidebar.
Will run into problems if displaying post counts in archives/categories.*/
/*
#sidebar ul li ul li a {
	display:block;
	width: 96%;
}*/


/* Parent theme selects #blogroll but html uses class .blogroll. Wordpress changed? */
#sidebar .blogroll {
	list-style-type:square;
	margin:0; padding:0;
}

#sidebar .blogroll li {
	border-color:#fff;
	margin:0 0 0 16px;
}

#sidebar ul .blogroll  li {
	list-style-type:square;
	border-bottom:1px dotted #ddd;
}

/* Reinsertion*/
/* The IMG and alignment CSS appears to have been removed from the 2.3 release of regulus.
Just putting it back */
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



#content img {
	max-width:460px;
	height:auto !important;
}

#headerad{ float: left;
margin-left: 10px;
margin-top: 10px;
overflow: hidden;
}
#headerad li { list-style-type: none !important;}

/*----------------
- EXCERPT IMAGES -
----------------*/

#content img.excerpt-img {
	border: 1px dotted #9999CC;
	padding: 1px;
	/*margin: 12px 12px 3px 0px;*/
	margin: 12px 3px 3px 12px;
	display: block;
	float: right;
	max-width:150px;
	max-height:150px;
}

div.post-summary {
	overflow:hidden;
}

/*#content .post-summary p {
	overflow:hidden;
}*/

#content .post-summary p:last-child {
	margin-bottom: 0;
}

/* needed for IE8: img is treated as inline link rather than block
	so shifts img margins which shifts text */
/* could specify (p a, h2 a, etc) in parent theme style file
	or reset here then specify */
#content .post-summary a {
	border:none;
	text-decoration:underline;
}