@charset "UTF-8";
/* CSS Document */

body {
	background-color: #eae9e9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#wrapper-outside2 {
	margin: 0 auto;
	width: 1100px;
}
#wrapper-outside {
	margin: 0 auto;
	width: 1020px;
}
#wrapper {
	background-color: #fff;
	border-left: #ddd 5px solid;
	border-right: #ddd 5px solid;
	float: left;
	height: 100%;
	width: 1010px;
background-image: url(http://www.bertaroebuck.com/art/wp-content/uploads/2011/04/edited1.jpg);
background-position: top right;
background-repeat: no-repeat;
background-size: 500px 400px;
}
#main {
	/*background-color: #fff;*/
	float: left;
	padding-top: 40px;
	padding-bottom: 30px;
	width: 1010px;

}
#maincontent {
	/*background-color: #fff;*/
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	width: 700px;
	margin-top: 30px;
}
/*************************************************************/
/************** HEADER begin *********************************/
/*************************************************************/
#header {
	/*background-color: #fff;*/
	padding-top: 30px;
	width: 950px;
}
#header p {
	margin: 0;
}
#topnav {
	display: none;
}
/************** HEADER end ***********************************/

/*************************************************************/
/************** LEFT TABS begin ******************************/
/*************************************************************/
#nav-tabs {
	position: absolute;
}
#nav-tabs ul {
	list-style-type: none;
}
#nav-tabs li {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	position: absolute;
	text-transform: uppercase;
}
#nav-tabs li#portfolio {
	left: -16px;
	top: 235px;
}
#nav-tabs li#resume {
	left: -7px;
	top: 325px;
}
#nav-tabs li#about {
	left: -3px;
	top: 403px;
}
#nav-tabs li a {
	-moz-border-radius: 0.6em 0.6em 0em 0em;
	border-radius: 0.6em 0.6em 0em 0em;
	background-color: #f7f7f7;
	color: #8d8d8d;
	padding: 8px 15px 7px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-tabs li a:hover {
	color: #e88e29;
}
#nav-tabs li a.currentpage {
	background-color: #fff;
	color: #e88e29;
}
/************** LEFT TABS end ********************************/

/*************************************************************/
/************** RIGHT SIDE COLUMN begin **********************/
/*************************************************************/
#navs {
	/*background-color: #fff;*/
	clear: none;
	float: left;
	/*padding: 120px 30px 30px 0;*/
padding: 20px 30px 30px 20px;
	/*width: 210px;*/
width: 200px;
margin-top: 110px;
}
#navs a {
	color: #474747;
	text-decoration: none;
}
#navs a:hover {
	color: #e88e29;
}
#navs ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#navs li {
	line-height: 18px;
}
#navleft #search {
	display: none;
}
#navleft .pagenav .children {
	display: none;
}
#navright {
	display: none;
}
#navs .contactinfo {
	padding-top: 20px;
}
.contactinfo .8d8d8d, 
.contactinfo a {
	color: #8d8d8d !important;
	text-decoration: none !important;
}
/************** RIGHT SIDE COLUMN end **********************/

/*************************************************************/
/************** FOOTER begin *********************************/
/*************************************************************/
#footer {
	background-color: #eae9e9;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 30px;
	width: 1010px;
}
#footer p {
	color: #8d8d8d;
	font-size: 9px;
	line-height: 15px;
	padding-bottom: 30px;
}
#footer a {
	color: #8d8d8d;
}
/************** FOOTER end ***********************************/

#post a {
	color: #e64034;
	text-decoration: underline;
}
#post a:hover, #post a:visited:hover {
	color: #e9a663;
	text-decoration: underline;
}
h2, #post h3.posttitle, #post h3.posttitle a {
	color: #d00000 !important;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none !important;
	text-transform: uppercase;
}
#post h2.postdate {
	color: #999 !important;
	font-size: 9px;
	font-style: italic;
	margin-bottom: 0;
	text-transform: capitalize;
}
#post h3.posttitle {
	margin: 5px 0 30px 0;
}
#post .posttags {
	font-size: 9px;
	margin: 0 0 20px 0;
}
.posttags a {
	color: #e64034;
	text-decoration: underline;
	padding-left: 3px;
}
.posttags a:hover, .posttags a:visited:hover {
	color: #e9a663;
	text-decoration: underline;
}
#post .copyright {
	color: #ccc;
	font-size: 9px;
	font-style: italic;
}
#post p {
	margin: 0 0 10px 0;
}
#post #commentbox {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px 10px 0 10px;
}
#post #commentbox h5 {
	color: #d00000 !important;
	margin-top: 0;
}
#post #commentbox .commentinfo {
	color: #666;
	font-size: 10px;
	font-style: italic;
}
#post #commentbox p {
	font-size: 10px;
}
h4 {
	color: #C66;
	font-size: 14px !important;
	font-weight: normal;
	margin-bottom: 5px !important;
}
h5 {
	font-size: 10px;
	margin: 0;
}
h6 {
	color: #C66;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
a img {
	border: none;
}
#post img {
	border-bottom: 4px solid #e1e1e1;
	border-left: 1px solid #e5e4e0;
	border-right: 4px solid #e1e1e1;
	border-top: 1px solid #e5e4e0;
	margin: 10px 10px 10px 0px;
	padding: 10px;
}
.imgleft {
	float: left;
	padding: 10px 10px 10px 0;
}
hr {
	border: 1px solid #eee;
	margin: 40px 0 20px 0;
}
.nodisplay {
	display: none;
}
#outside-wp ul {
	margin-top: 0;
}