/* 
Theme Name: Ron and Andrea
Theme URI: http://ronandandrea.com
Description: WebFolio theme for ronandandrea.com
Version: 1.0
Author: Ron Rennick
Author URI: http://ronandandrea.com

Licensed under the Creative Commons Attribution-Share Alike 3.0 License
http://creativecommons.org/licenses/by-sa/3.0/

You are free to use, share, and remix this theme.  Please give attribution, and share alike.  Sharing is, after all, caring. Just keep the copyright notice in the footer intact. Thank you.

*/

/* Overall code */
html, body {
min-height: 100%;
height: auto;
}

/*Explorer */
html, body {
height: 100%;
height: auto;
}

body {
	background: #e7e7e7;
}

#sitewrap {
	margin: -7px auto;   /* align for ALL good browsers */
	text-align: left; /* counter the body center */
	border: 1px solid #B60400;
	width: 1000px;
	height: auto;
}
#header {
	width: 1000px;
	height: auto;
	background-color: #ffffff;
}

ul#headerpicture {
	list-style-type: none;
}
#blogname {
	float: left;
/*	margin-left: 25px;
	padding: 25px 0px 0px 0px; 
	width: 450px;*/
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 28px;
	padding: 10px;
	color: #5D5D5D;
/*	border-bottom: 2px solid #992317; */
}
#blogdescription {
	float: left;
/*	margin-left: 25px; */
	margin-top: 14px;
	padding: 0px;
/*	width: 450px;
	height: 35px; */
	font-family: Tahoma;
	font-weight: normal;
	font-size: 22px;
	color: #5D5D5D;
}
#headersearch {
width:400px;
	height: 40px;
	margin-top: -40px; 
	text-align: right;
	float: right;
	padding: 0px 0px 0px 0px;
}
#sf {
	margin-right: 10px;
	padding-top: 9px;
}
.rss {
	float: right;
	margin-top: -27px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10px;
}
.rss a {
	text-decoration: none;
	color: #b9b9b9;
}
.rss a:hover {
	color: #9b2519;
	text-decoration: none;

}
.rss img {
	border: none;
	text-decoration: none;
}

/*Featured*/
#separator {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 5px 5px 5px 0px;
}
#separator-s {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#featured {
	width: auto;
	height: 340px;
	background: #CDE1F9;
	border-top: 1px solid #B60400;
	border-bottom: 1px solid #B60400;
	padding-left: 25px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
#featured a {
	color: #5D5D5D;
/*	text-transform: uppercase; */
	font-size: medium;
	font-weight: bold;
}
#featured a:hover {
	text-decoration: underline;
}
#featuredConc {
	float: right;
	margin-top: -220px;
	padding-right: 25px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}
#featuredConc a {
	text-decoration: none;
	color: #666666;
}
#featuredConc a:hover {
	color: #9b2519;
	text-decoration: none;

}
#featured h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 22px;
}
.box2 { 
	display: inline; 
	float: left; 
	margin-right: 10px; 
/*	width: 300px; */
	height: auto;
	padding: auto;
}
.box2 a img { padding: 1px; margin: 5px 0px 0px; border: 0px; }
.box2 a { text-align: center; width: 100%; }
.last2 { 
	margin-right: 0; 
	padding: 0px 3px 3px 0px;
}

#morecontent {
	width: auto;
	height: auto;
/*	background: url('images/more-bg.jpg') repeat-x; */
	background-color: #fff;
}
#morecontent a {
	color: #5D5D5D;
}
#morecontent a:hover {
		font-weight: bold;

}
#morecontent img {
	padding: 1px;
	text-decoration: none;
	border: 1px solid grey;
	margin-right: 10px;
}
#morecontent img .alignright {
	padding: 1px;
	text-decoration: none;
	border: 4px solid grey;
	margin-left: 10px;
}
#morecontent h2 {
	margin: 0px 0px 10px;
	color: #5D5D5D;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}
#morecontent h3 {
	margin-left: 0px;
	color: #5D5D5D;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}

.morebox {
	display: inline;
    float: left;
    padding: 10px;
    width: 310px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;

}

div.my_right_box{
    float: right;
    padding: 10px;
    width: 610px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}
.headline {
	margin: 0px 0px 10px;
	color: #5D5D5D;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.sub {
	border-bottom: 1px solid #000;
}
#commentbox {
	color: #fff;
	background: #000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	width: 163px;
	height: 16px;
	position: relative;
	float: right;
	margin-top: -165px;
	margin-right: 8px;
	padding: 2px;
	text-align: center;
}
#separatorhl{
	width: 100%;
	border-bottom: 1px solid #c2c1c1;
	margin: 5px 5px 10px 0px;
}
#footer {
	width: auto;
	height: 75px;
	background: #5D5D5D;
	padding: 10px 0px;
	color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 140%;
	border-top: 1px solid #B60400;
}

#footer a {
	color: #CDE1F9;
		text-transform: uppercase;
}
#footer a:hover { text-transform: lowercase; }
.sidenav li {
	list-style:none;
	padding:0;
	margin-left: -35px;
	margin-top: -1px;
	}

.sidenav li a, .sidenav li a:visited {
	display:block;
	padding:4px 4px 4px 0px;
	color:#ace3ff;
	}
		
.sidenav li a:hover, .sidenav li a:active, 
.sidenav li.current_page_item a, .sidenav li.current_page_item a:visited,
.sidenav li.current_page_parent a, .sidenav li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}
.box { 
	display: block; 
	float: left; 
/*	margin-right: 20px; */
	width: 310px; 
	height: auto;
	padding: 0px 10px;
}

.last { 
	margin-right: 0; 
	padding: 0px 3px 3px 3px;
}
.headlinefooter {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	color: #e7e7e7;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}

/*Singlepost*/

div.morecontentleftblock{
    float: left;
    padding: 10px;
    width: 60%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-left: 15px;
}

div.morecontentrightblock{
    float: right;
    padding: 10px;
    width: 30%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-right: 15px;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color: #000;
	}
.alignright {
	float: right;
	margin-top: 5px;
	}

.alignleft {
	margin-top: 5px;
	float: left
	}
.entry {
	line-height: 200%;
}
#separatorsingle {
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 5px 0px;
}
#separatorarchive {
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#separatordate{
	width: 100%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 25px 0px;
}
/*Sidebar*/

.sideways {
	height: 100%;
	border-left: 1px solid #cecece;
	padding-left: -10px;
	padding-top: 0px;
}
.sideways h2 {
	margin-top: 25px;
	border-bottom: 1px solid #cecece;
}
.sidenavside li {
	list-style:none;
	padding:0;
	margin-left: 0px;
	margin-top: -1px;
	}

.sidenavside li a, .sidenavside li a:visited {
	display:block;
	padding:4px 4px 4px 0px;
	color:#ace3ff;
	}
		
.sidenavside li a:hover, .sidenavside li a:active, 
.sidenavside li.current_page_item a, .sidenavside li.current_page_item a:visited,
.sidenavside li.current_page_parent a, .sidenavside li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}

/*Navigation*/
#topnav, #blog_title, #archive_wrapper, #secondary_nav_content {
	width: 100%;
	margin: 0 auto;
}
	
#topnav {
	margin-top: 0;
	padding: 0 0 1em 0;
}

#topnav ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	margin: 0px auto 0 10px;
	padding: 1em 0;width:600px;
}

#topnav li {
	display: inline;
	letter-spacing: 2px;
}

.home {
	margin-left: -10px;
}
	
#topnav, #topnav ul {
	background-color: #B60400;
}
#topnav a {
	padding: 10px;height:25px;
		color: #fff;
}
#topnav ul li.current_page_item a, #topnav ul li.current a {
	background-color: #fff;
	color: #B60400;
	border-bottom: 1px solid #B60400;
}
#topnav ul li a:hover { font-weight: bold; }
.page_item a {
	color: #b9b9b9;
}
a	{
	text-decoration: none;
}
#topnav {
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;height:25px;
} 
#catnav {
	width: 100%;
	margin: 0 auto;
	background: #1d1d1d;
	height: 22px;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
}
	

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size:12px;
}

ul#menu li {
	float: left;
	padding: 0;
	margin: 0;
	border-right:solid 1px #2d2d2d;
}

ul#menu ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #1d1d1d; /* fixes gap problem in IE */
	border-left: 1px solid #2d2d2d;
	z-index:1000;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background: #1d1d1d;
}
ul#menu ul ul{
	margin-left: 2px;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
background:#992317;
color: #b9b9b9;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{
	display: block;
	padding: 2px 3px;
	text-decoration: none;
	background: #1d1d1d;
	 color: #b9b9b9;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
	width: 8px;
}