/*
	READ THIS PLEASE!!
	You DO NOT want to make edits to this file.
	If you make edits to this file your layout will break
	when you upgrade the theme. Instead add your custom CSS to
	the style.css file in a child theme. Any new styles you add
	to the style.css in your Child Theme will automatically override
	this imported stylesheet.	 This will also make your life a whole
	lot easier when it comes time to upgrade the theme.
*/

/*Undo browser defaults
------------------------------------------------------------ */
:link,:visited { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code, p { font-size: 1em; }
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none; }
address { font-style: normal; }

/*Body & Links
------------------------------------------------------------ */
body {
	font: 90% Arial,Helvetica,Sans-serif;
	color: #444;
	line-height: 2.2em;
	background: #f9f7f5;
	min-width: 960px;
}
a:link, a:visited { color: #4265a7; }
.entry a:link, .entry a:visited { font-weight: normal; }
a:hover { color: #993333; }

/*Basic Structure
------------------------------------------------------------ */
.wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#content{
	font-size:62.5%;
	float: left;
	width: 648px;
	padding: 0 0 30px 0;
}
#sidebar {
	font-size:80%;
	float: right;
	padding-bottom: 30px;
	width: 266px;
}
#footer {
	font-size:70%;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
.clear:after, li.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.skip-content { display: none; }

/*Header
------------------------------------------------------------ */
#header {
	background: #f9f7f5;
	height: 60px;
	width: 100%;
	margin:0 auto;
	padding-top: 8px 20px 5px 10px;
	border-bottom:thin ridge #4D6674; 
}

#header #topnav {
	float: right;
	width: 23em;
	position: relative;
	margin:0.1em 0 0 0;
	top: 0;
	right: 0;
}

#header #topnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#header #topnav ul li {
	display: inline;
}
#header #topnav a {
	float:left;
	width:auto;
	text-decoration:none;
	font-weight: bold;
	color: #000;
	padding:0.2em 0.6em;
	border-right:1px solid black;
}
#header #topnav a:hover {
	color: #00F;
	text-decoration: underline;
}
#header #headImage {
	float: left;
	padding-top: 0px;
	padding-left: 20px;
}
#header #headImage img {
	float: left;
}
#header #headImage .title {
	float: left;
	padding-top: 15px;
}
#menubar {
	margin: 0.2em auto;
	height:1.3em;
	line-height:normal;
}
#menubar hr {
	clear:both;
	display:none;
}


/*Description
---------------------------------------*/
#description {
	margin: 25px auto 0 auto;
	width:auto;
	clear:both;
	color: #444;
	font-size: 1.7em;
	font-weight: 100;
	line-height: normal;
}
#description h1 a {
	color:#444;
	text-decoration:none;
}

/*Nav
---------------------------------------*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0.1em auto;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 960px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
	
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
	background-color:#FFF;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* Title headers*/
ul.MenuBarHorizontal #MenuBarTitle {
	background:url(http://www.castrads.com/graphics/menubar1.png) bottom repeat-x;
	font-weight:bold;
	text-transform:uppercase;
}
ul.MenuBarHorizontal #MenuBarTitle:hover, ul.MenuBarHorizontal #MenuBarTitle:focus {
	background:url(http://www.castrads.com/graphics/menubar2.png) bottom repeat-x;

}


/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px groove #3F6075;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #000;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background:url(http://www.castrads.com/graphics/menubar2.png) bottom repeat-x;
	color: #3F6075;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background:url(http://www.castrads.com/graphics/menubar2.png) bottom repeat-x;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(http://www.castrads.com/graphics/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 80%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(http://www.castrads.com/graphics/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 80%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background:url(http://www.castrads.com/graphics/menubar1.png) bottom repeat-x;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background:url(http://www.castrads.com/graphics/menubar1.png) bottom repeat-x;
	color: #3F6075;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


/*Notice
------------------------------------------------------------ */
div.notice {
	display: block;
	padding: 20px 0;
	font-size: 1.6em;
}
div.notice strong { color: #2f2922; }
div.notice div {
	margin: 10px 0;
	padding: 20px;
	background: #f0ebe6 url(../images/notice-background.gif) repeat-x top left;
}
div.notice div h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}

/*Page/Post Styling
------------------------------------------------------------ */
.post { margin-bottom: 30px; }
/*Post Header
---------------------------------------*/
.post p {
	line-height:normal;
	font-size:1.15em;
}

.post-top {
	background:url(http://www.castrads.com/graphics/content_box_01.png) bottom no-repeat;
	width:648px;
	height:20px;
}
.post-mid {
	background:url(http://www.castrads.com/graphics/content_box_02.png);
	width:628px;
	padding:10px
}
.post-bottom{
	background:url(http://www.castrads.com/graphics/content_box_03.png) top no-repeat;
	width:648px;
	height:40px;
	margin-bottom:0.2em;
}


.post-header {
	border-top: 1px solid #efeae4;
	margin: 0 0 15px 0;
	padding-top: 20px;
}
.post-header h1 {
	font-size: 2.5em;
	line-height: 1.1em;
	margin-left: 10px;
}
div.post-header div.date {
	float: left;
	width: 114px;
	color: #beaa99;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 17px;
	background: url(../images/icon-calendar.png) no-repeat 0 .3em;
}
.date span { color: #e0c9b5; }
.author {
	margin: 3px 0 0 10px;
	color: #555;
	font-size: 1.2em;
}
/*Post Body
---------------------------------------*/
.entry {
	margin: 0;
	width: 600px;
	font-size: 1.3em;
}
.entry p { margin-bottom: 10px; }
.entry h2, .entry h3, .entry h4 {
	font-size: 1.3em;
	padding: 15px 0 5px 0;
}
.entry h3 {
	padding-top: 10px;
	font-size: 1em;
}
.entry h4, .entry h5, .entry h6 {
	padding-top: 10px;
	font-size: .9em;
}
pre {
	margin: 10px 0;
	padding: 1em 10px;
	overflow: auto;
	background-color: #e9ebd9;
	color: #000;
}
code {
	padding: 2px 3px;
	font: 1.1em Consolas, "Courier New", sans-serif;
	background-color: #e9ebd9;
	color: #000;
}
pre code { font-size: 1.3em; }
blockquote {
	display: block;
	margin: 20px 0 20px 20px;
	padding: 0 0 0 20px;
	border-left: 3px solid #cbcac8;
	color: #666;
	font-style: italic;
	line-height: 1.5em;
}
.entry ul, .c-body ul { margin: 0 0 10px 10px; }
.entry ul li, .c-body ul li {
	margin: 5px 0;
	padding: 0 0 0 17px;
}
.entry ul, .c-body ul h2 {
	margin: 25px 0 0 40px;
	float: left;
	color: #444;
	font-size: 1.2em;
	font-weight: 100;
	line-height: normal;
}
.entry ol p {
	line-height:normal;
	font-size:1.2em;
	width:520px;
	margin:1em auto;
}
.entry ol, .c-body ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 5px 0 5px 10px;
}
.entry ol li ol li, .c-body ol li ol li { list-style-type: lower-roman; }
.entry ol li, .c-body ol li { margin: 5px 0; }
.navigation {
	padding: 10px 0;
	font-size: 1.3em;
}
.index { padding: 0; }
/*Post Footer
---------------------------------------*/
.post-footer { margin-left: 131px; }
.comments a {
	display: block;
	padding: 0 0 0 17px;
	color: #555;
	font-size: 1.2em;
	background: url(../images/icon-comments.png) no-repeat 0 .4em;
}
.comments a:hover {
	color: #453729;
	text-decoration: none;
}
.comments span {
	font-size: 1.3em;
	font-style: italic;
}
/*Single
---------------------------------------*/
.tags {
	float: left;
	width: 104px;
}
.tags span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #beaa99;
	padding: 0 0 10px 28px;
	background: url(../images/icon-tags.png) no-repeat 0 .3em;
}
.tags p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #beaa99;
}
.tags a { color: #beaa99; }
.post-header h1 {
	margin-left: 131px;
	padding-bottom: 4px;
	font-size: 2.2em;
	}
.meta {
	border-top: 1px solid #efeae4;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 1.2em;
	text-align: right;
	color: #666;
}
/*Comments
------------------------------------------------------------ */
/*Top
---------------------------------------*/
.comment-number {
	display: block;
	padding: 30px 0 5px 0;
	font-weight: bold;
}
.comment-number span {
	font-size: 1.3em;
	color: #423c37;
}
.none { border-bottom: 1px solid #efeae4; }
a#leavecomment {
	font-size: 1.6em;
	padding-left: 2px;
}
/*Body
---------------------------------------*/
li.comment {
	padding-top: 20px;
	border-top: 1px solid #efeae4;
}
li.comment.depth-2 { margin-bottom: 10px; }
#comments ul.children {
	margin: 10px 0 0 131px;
	clear: both;
}
div.c-grav {
	float: left;
	width: 40px;
	margin: 0;
	text-align: right;
}
div.c-grav img {
	padding: 4px;
	border: 1px solid #e6e1db;
	border-right-color: #d6d1cc;
	border-bottom-color: #d6d1cc;
	background: #fff;
}
div.c-body {
	margin-left: 131px;
	width: 497px;
	font-size: 1.3em;
}
ul.children div.c-body {
	margin-left: 70px;
	width: 427px;
}
div.c-body p { margin-bottom: 10px; }
div.c-head {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.c-permalink a:link, .c-permalink a:visited {
	color: #55504b;
	font-size: .7em;
}
div.reply { padding-bottom: 10px; }
div.reply a:link, div.reply a:visited { color: #beaa99; }
/*Form
---------------------------------------*/
form#commentform { margin: 0 0 20px 131px; }
#respond { font-size: 1.3em; }
h4#postcomment {
	margin: 20px 0;
	padding: 5px 0 0 0;
	color: #423c37;
	border-top: 1px solid #efeae4;
}
form#commentform label.comment-field {
	display: block;
	margin: 15px 0 3px 0;
	color: #756a60;
	font-size: 1.2em;
}
input.text-input, form#commentform textarea {
	padding: 7px;
	font-family: inherit;
	font-size: 1.1em;
	border: 1px solid #e6e1db;
	width: 477px;
}
input#author, input#email, input#url { width: 300px; }
form#commentform input#submit {
	padding: 5px;
	width: 150px;
}
form#commentform p.guidelines {
	margin: 10px 0;
	color: #555;
}
p.subscribe-to-comments, p.comments-rss { margin: 0 0 10px 0; }
p.comments-rss a {
	font-size: 1.1em;
	padding: 0 0 0 19px;
	background: url(../images/feed-icon.png) no-repeat 0 .1em;
}
fieldset { border: none; }
/*Note
---------------------------------------*/
p.note {
	font-style: italic;
	font-size: 1.3em;
}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
	font-size: 1.3em;
	color: #444444;
}
ol.pinglist {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 10px 10px;
	font-size: 1.3em;
}
/*Pages
---------------------------------------*/
#content .entry.page {
	margin: 0;
	width: 628px;
}
h1.pagetitle, h2.pagetitle {
	border-top: 1px solid #efeae4;
	margin: 0 0 15px 0;
	padding-top: 20px;
	font-size: 2.2em;
}
/*Archives List
---------------------------------------*/
.entries ul { font-size: 1.3em; }
.entries ul li {
	line-height: 2.5em;
	border-bottom: 1px dashed #dfdad5;
}
.entries span {
	margin-right: 20px;
	color: #777;
}
/*Sidebar
------------------------------------------------------------ */
#sidebar .top {
	background:url(http://www.castrads.com/graphics/wp_side_01.png) bottom no-repeat;
	width:266px;
	height:15px;
}
#sidebar .mid {
	background:url(http://www.castrads.com/graphics/wp_side_02.png);
	width:246px;
	padding:10px
}
#sidebar .bottom{
	background:url(http://www.castrads.com/graphics/wp_side_03.png) top no-repeat;
	width:266px;
	height:15px;
	margin-bottom:0.2em;
}

#sidebar {
	color:#FFF;
}


#sidebox { font-size: 1.2em; }
#sidebox p {
	margin-bottom: 15px;
	line-height: 1.6em;
}
#sidebox img {
	padding: 14px;
	border: 1px solid #e6e1dc;
	background: #f0ebe6;
}
h2.widgettitle {
	margin: 25px 0 10px 0;
	padding-bottom: 3px;
	font-size: 1.4em;
	border-bottom: 1px solid #dfdad5;
	color: #555;
}
ul li.widget ul { font-size: 1.2em; }
ul li.widget ul li ul {
	margin-left: 5px;
	font-size: 1em;
}
ul li.widget ul li { padding: 1px 0; }
ul li.widget ul li ul li { padding: 1px 0 0 0; }
#follow {
	padding: 5px 0;
}
#follow dl {
	font-size: 1.3em;
}
#follow dl dt, #follow dl dd {}
#follow dt {
	font-weight: bold;
	color: #666;
}
#follow dd { margin-left: 20px; }
#follow dd a {
	color: #666;
}
#follow dd a.rss { padding-left: 20px; background: url(../images/feed-icon.png) no-repeat 0 .2em; }
#follow dd a.email { padding-left: 22px; background: url(../images/email-icon.png) no-repeat 0 .35em; }
#follow dd a.twitter { padding-left: 19px; background: url(../images/twitter-icon.png) no-repeat 0 .15em; }





/*Adbox
---------------------------------------*/
#adbox {
	margin: 20px 0;
	padding: 3px;
	border: 1px solid #e6e1dc;
	background: #f0ebe6;
}
#adbox img { border: 1px solid #e6e1dc; }

/*Footer
------------------------------------------------------------ */
#footer {
	padding: 30px 0;
	border-top: 10px solid #ccc;
	background: #dad9d7;
	color: #555;
}
#footer a:link, #footer a:visited { color: #444; }
#footer a:hover { text-decoration: underline; }


/*Footer Columns
---------------------------------------*/
.footer-column {
	float: left;
	margin-right: 30px;
	padding-bottom: 20px;
	color: #413f3e;
}
#footer-about.footer-column { width: 337px; }
#footer-flickr.footer-column { width: 281px; }
#footer-search.footer-column {
	margin: 0;
	float: right;
	width: 266px;
}
.footer-column h2 {
	font-size: 1.6em;
	border-bottom: 2px solid #ccc;
	padding-bottom: 2px;
}
.footer-column p {
	margin: 15px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
/*Flickr
---------------------------------------*/
.flickr_badge_image {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 0;
}
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image2.flickr_badge_image, #flickr_badge_image3.flickr_badge_image { margin: 15px 0 10px 10px; }
#flickr_badge_image1.flickr_badge_image, #flickr_badge_image4.flickr_badge_image { margin-left: 0; }
.flickr_badge_image img {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	line-height: 0;
}
#footer h2.widgettitle { margin-top: 0; }
/*Search
---------------------------------------*/
#search_form input.search {
	margin: 15px 0 0 0;
	padding: 5px 2px;
	width: 180px;
	border: 1px solid #ded8d5;
	background: #f3f3f3;
	color: #555;
}
#search_form input.search:focus { background: #fff; }
#search_form input#searchsubmit { margin: 0 0 0 5px; }
/*Copyright
---------------------------------------*/
#copyright {
	display: block;
	clear: both;
	padding-top: 1px;
	font-size: 1.1em;
	border-top: 2px solid #ccc;
}
#copyright a:link, #copyright a:visited {
	border-bottom: 1px dotted;
	text-decoration: none;
}
#copyright a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}
/*Miscellaneous
---------------------------------------*/
img.border {
	padding: 14px;
	border: 1px solid #e6e1dc;
	background: #f0ebe6;
}
.entry .alignright { margin: 0 0 10px 15px; }
.entry .alignleft { margin: 0 15px 10px 0; }