/*
    Document   : stdstyles
    Created on : 02/09/2010, 4:28:07 PM
    Theme Name: Askgerbilnow
    Author: Gerbilnow
    Version: 1.0
*/

html, body { height:100%; }

body {
	background: url(img/header-bg-pattern.png) #f5f6f7 repeat-x top;
	color: #333333;
	font-size: 11px;
	color: #333333;
	font-size: 11px;
	font-family: Helvetica, Verdana, Sans-Serif;
	color: #807F83;
	margin: 0px auto 0px;
	padding: 0px;
}

#wrap {

	width: 939px;
	color: #555;
	font-size: 12px;
	font-family: Helvetica, Arial, Tahoma, Verdana;
    margin: 0px auto;
	padding: 0px;
	position:relative;
	background:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.nofloat {
    float: none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear {
	clear:both;
}

/************************************************
*	Hyperlinks		bluegreen=4F878E			*
************************************************/

a, a:visited{
	color: #999;
	text-decoration: none;
	}

a:hover{
    color: #777;
	text-decoration: none;
	}

/************************************************
*	Header  									*
************************************************/

#header {

/*background: url(img/curve.png) no-repeat bottom center;*/
    background-image: url(img/curve.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

#header-img_1 {
/*	background: url(img/agn-header.png) center top no-repeat;*/
    max-width: 360px;
	min-width:962px;
    height: 180px;
	margin: 0 auto;
	margin-top: 70px;
	padding-top: 0;
    background-position: top center;
    background-image: url(img/agn-header.png);
    background-repeat: no-repeat;
}

#header a {
	font-family: 'Century Gothic',Verdana,Tahoma;
	font-size: 36px;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}

#header a:hover{
	color: #999999;
	}

/************************************************
*	Navbar      								*
************************************************/
#navbar {
	margin: 0;
	margin-top:-43px;
	padding:5px;
    padding-left:110px;
	background:none;
	position:absolute;
}

#navbar ul {
	list-style:none;
}

#navbar li {
	display: block;
	list-style-type: none;
	float:left;
}

#navbar ul li a {
	font-family: Helvetica, Tahoma, Verdana;
	font-size: 12px;
	color: #999;
	padding: 5px 10px 5px 5px;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#navbar ul li.current_page_item a {
	color: #333;
}

#navbar ul li a:hover {
	color: #666;
}


/* CONTROLS THE LINE COLOR BETWEEN NAV */
#subnavbar {
	margin-left:40px;
	margin-right:40px;
	margin-top:0px;
	padding-top:8px;
	padding-left:45px;
	position:absolute;
	clear:both;
	border-top:1px solid #ddd;
	width:815px;
}

#subnavbar ul {
	list-style:none;
	text-transform:uppercase;
	color:#fff;
	margin-left:-38px;
}

#subnavbar ul li {
	display:block;
	float:left;
	margin-right:30px;
}

#subnavbar ul li.current_page_item a {
	color: #333;
}

/************************************************
*	Content 					     		    *
************************************************/

#contenttop, .contenttop {
	background: #FFFFFF;
	width: 780px;
	height: 40px;
	margin: 0px auto 0px;
	padding: 0px;
	z-index: 100;
}

#contentbottom, .contentbottom {
	background: url('../images/column-bottom.png') no-repeat bottom;
	width: 962px;
	height: 31px;
	margin: 0px auto 0px;
	padding: 0px;
	clear:both;
}

.content {
	width: 880px;
	min-height: 700px;
	margin: 15px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.narrow-content {
	width:600px !important;
}

.narrow-content img, .narrow-content embed, .narrow-content object {
	max-width:590px !important;
	border:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

img { height:auto; }

.title {
	width: 97%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.subtitle, input[type="submit"] {
	font-family:'palatino',georgia, serif;
	font-weight:100;
	font-size: .75em;
	font-style: italic;
}

.content img { float:left; }

.titleleft {
	width: 440px;
	height: 40px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.titleright {
	width: 195px;
	height: 40px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

.content h2 {
	width: 96%;
	color: #777;
	font-size: 12px;
	font-family: Helvetica, Verdana, Sans-Serif;
	line-height: 20px;
	font-weight: 100;
	border-bottom: 1px solid #ddd;
	margin: -10px 0px 15px 20px;
}

.content h3 {
	font-size: 1.45em;
	font-family: 'palatino', georgia, serif;
	margin-left: 15px;
}

.content p {
	margin: 10px 0px 5px 0px;
	padding: 0px 10px 10px 20px;
	line-height: 25px;
	float: left;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 1.2em;
    color: #666;
}
.portfoliothumbs div {
	margin: 0px;
	padding: 0px 10px 10px 15px;
	line-height: 25px;
	float: left;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 1.2em;
    color: #666;
}


.content div {
	margin-right:20px;
}

.content p img, .portfoliothumbs div img, .content object {
    float: left;
	margin: 5px 0px 10px 0px;
	border:15px solid #fff;
	-webkit-box-shadow: 0em 0em .6em #ddd;
	-moz-box-shadow: 0em 0em .6em #ddd;
	box-shadow: 0em 0em .6em #ddd;
	max-width:820px;
}

.content object object {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;

}

.content p img, .content object{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	margin-left: -5px;
	line-height: 25px;
	float: left;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 1.2em;
    color: #666;
}

.content object { margin-left:0; }

.content ul {
	list-style:circle;
}

.content ul li{
	float:none;
}

/*img.image-highlight { -moz-opacity: .65; opacity: .65; filter: alpha(opacity=65,finishopacity=65,style=0); }*/

/*img.image-highlight:hover { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100,finishopacity=100,style=0); }*/

p.wp-caption-text {
	margin-top:-57px;
	margin-left:15px;
	font-size: .9em;
	font-weight: 100;
	font-family: 'Helvetica', Tahoma, Verdana;
	color: #ddd;
}

.light-image {

}

.left {
	float: left;
	margin-left: 30px;
}

.img {
	float: left;
	max-width:590px;
}

.content h1 {
	color: #777;
	font-size: 22px;
	font-family: 'helvetica', arial, sans-serif;
	font-weight: normal;
	margin-left: 20px;
	margin-bottom: 15px;
}

.content h1 a  {
	color: #777;
	text-decoration: none;
}

.content h1 a:hover {
	color: #939393;
	text-decoration: none;
}

.content blockquote p{
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
}

blockquote{
	margin: 0px 35px 15px 35px;
	padding: 0px 35px 0px 20px;
	font-size: 16px;
	background: #fff;


}

.content ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
}

.content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

.content ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
}

.content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}

.content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.page-links {
	float:right;
	font-size:1.3em;
	margin-top:-37px;
	color:#777;
	font-family: "helvetica", arial, serif;
}

.page-links ul {
	list-style:none;
}

.page-links ul li {
	display:inline;
	margin:0 5px;
}

.page-links ul li a {

}

.goto-top {
	float:left;
	font-size:1.3em;
	margin-top:-10px;
	margin-left:25px;
	color:#603420;
	font-family: "Palatino Linotype", georgia, serif;
}


/**********************
Bio Columns
**********************/
.contentleft {
	width: 400px;
	float:left;
    margin-left: 10px;
}
.contentleft p{
    font-size: 1.5em;
}

.contentcenter {
	width: 415px;
	float: left;
	margin-left: 5px;
}
.contentcenter p{
    font-size: 1.1em;
    font-family: 'Helvetica', Arial, Tahoma, Verdana;
    margin-left: -5px;
    margin-top: -8px;
}


.contentright {
	width: 420px;
	float: left;
	margin-left: 0px;
}
.contentright p{
	font-size: 1.1em;
	font-family: Helvetica, Arial, Tahoma, Verdana;
    margin-left: -5px;
    margin-top: -8px;
}


.biocopy h3 { margin-left:15px; margin-top: 8px;}

.biocopy p{
	font-size: 1.19em;
	font-family: 'palatino', georgia, serif;
	float: left;
	margin-top: -10px;
    margin-left: -5px;
    line-height: 23px;
}

p.small-sans {
	font-size: 1.1em;
    font-family: Helvetica, Arial, Tahoma, Verdana;
}

/************************************************
*	Footer  									*
************************************************/

#sticky-wrap {height: 100%;}

body > #sticky-wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	clear:both;
	background: #7C7976;
	text-align: left;
	height: 38px;
	padding:13px 20px 0px 20px;
	border-top: 1px solid #a7a29e;
	text-align:center;
	font-size:1.1em;
}

#footer-inner {
	width:962px;
	margin:0 auto;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer p {
	color: #555;
	padding: 3px 0px 0px 20px;
	list-style-type: none;
	margin: 0px;
}

#footer h2 {
	color: #666;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding: 0px 0px 1px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
}

#footer a, #footer a:visited{
	color: #;
	text-decoration: none;
}

#footer a:hover{
	color: #f5f6f7;
}

#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#footer ul li a, #footer ul li a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 5px;
}

#footer ul li a:hover {
	color:  #78A22F;
	text-decoration: none;
}

.footerleft {
	float: left;
	width: 275px;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
}

.footermiddle {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
}

.footerright {
	float: right;
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
}
#twitter_update_list {
	color: #666;
}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
}

#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#s {
	width: 189px;
	background: #EFEFEF url(img/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
}

/************************************************
* Comments         *
************************************************/

#commentblock {
	background: #f5f6f7;
	width: 840px;
	color: #666;
	float: left;
	padding: 20px 0px 10px 0px;
	margin: 10px 0px 0px 20px;
}

#commentblock ol{
	margin: 50px 40px 0px 40px;
	padding: 0px 0px 10px 0px;
}

.commentdate {
	font-size: 12px;
	padding-left: 0px;
}

#commentlist li p{
	margin-bottom: 10px;
	line-height: 10px;
	padding: 0px;
}

.commentname {
	color: #ccc;
	margin: 0px;
	padding: 5px 5px 5px 0px;
}

.commentinfo{
	clear: both;
}

.commenttext {
	clear: both;
	margin: -10px 0px 70px -20px;
	padding: 10px 10px 30px -0px;
	width: 550px;
}

.commenttext-admin {
	background: #EFEFEF url(img/comment.gif) no-repeat top;
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 15px 10px 30px 10px;
	width: 500px;
	border: 1px solid #ccc;
}

#commentsformheader{
	padding-left: 0px;
}

#commentsform{
	text-align: center;
	margin: 50px 0px 0px 0px;
	padding: 50px 0 0 0;
}

#commentsform form{
	text-align: left;
	margin: 0px;
}

#commentsform p{
	margin: 0px;
}

#commentsform form textarea{
	width: 99%;
}

p.comments_link img{
	margin: 0px;
	padding: 0px;
	border:0;
}

img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}

img.aligncenter, div.aligncenter {
	text-align:center;
	margin:0 auto;
}

.commentstyle {
	margin-left: 20px;
	margin-top: -15px;
	padding-bottom: 50px;
	font-family: 'Helvetica', Arial, Tahoma, Verdana;
	font-size: 1em;
	text-transform: uppercase;
	padding-bottom: 2px;
	margin-bottom: 40px;
}

/************************************************
*	Sidebar 									*
************************************************/

#blog-sidebar {
	width:242px;
	margin-left:680px;
	margin-top:50px;
	font-size:1.1em;
	border-left: 1px solid #ddd;
	/*
	background: url(img/sidebar-back.gif) repeat-y center;
	*/
}

#blog-sidebar h2 {
	border-bottom:1px solid #ddd;
	padding-bottom:3px;
        font-family:'Palatino', Georgia, serif;
	font-style:italic;
        font-weight: 100;
        font-size: 1.3em;
}

#blog-sidebar .sidebar-box {

	padding:2px 5px;
	padding-bottom:7px;
	font-size:1em;
	margin-bottom:15px;
}

#blog-sidebar .search {
	border:1px solid #ddd;
	padding:0 !important;
}

#blog-sidebar .sidebar-box #s {
	width: 190px;
	height:98%;
	margin-top:0px;
	border:0;
	background:none;
	font-size: 1em;
	font-style: italic;
	color: #888;
}

#blog-sidebar ul {
	list-style:none;
	margin-left:-30px;

}

#blog-sidebar ul li {
	margin-right:25px;
	margin-left:10px;
}
/*
.sidebar-top {
	background: url(img/sidebar-top.gif) repeat-x bottom center;
	height:12px;
}

.sidebar-bottom {
	background: url(img/sidebar-bottom.gif) repeat-x top center;
	height:12px;
}
*/

#blog-header {
	background: url(img/blogheader.png) no-repeat center;
	width:880px;
	height:80px;
	margin-left:30px;
	margin-bottom:20px;
	margin-top: -50px;
}


#homepagecopy {
	width:780px;
	margin-left:80px;
	margin-bottom:20px;
	margin-top: -10px;
	letter-spacing: .02em;
	font-size:1.3em;
	line-height: 25px;
    font-style: italic;

}
#contacttext {
width: 400px;
height: 400px;
float: left;

}

#contactform {
width: 375px;
height: 400px;
float: left;
margin-left: 40px;
}

.contact {
	width:375px;
	margin-right:35px;
}
.contact input, .contact textarea {
	width:375px;
}

.contact input[type="submit"] {
	background:none;
	border:1px solid #333;
	font-size:1.3em;
	width:auto;
}


/* FIX FOR CONTACT FORM */

div.wpcf7-response-output {
	clear:both;
}




/************************************************
*	Footer Stuff								*
************************************************/

#linkswrap {
	width: 940px;
	margin: 0 auto;}

#footer-menus {
	background-color:#555;
	padding:40px;
	color:#ddd;
}

.footer-menu {
	clear:both;
	padding:15px 0;
	border-top:1px dashed #999;
	padding-bottom:30px;
	position:relative;
}

.footer-menu:after { clear:both; }

.footer-menu .column {
	width:235px;
	margin-right:75px;
	font-size:.9em;
}

.footer-menu .section-title { float:left; margin-top: -5px; }

.footer-menu h2 {
	font-family:'Palatino', Georgia, sans-serif;
	font-style:italic;
	color:#999;
	font-weight:normal;
	font-size:2em;
}

.footer-menu h3 {
	text-transform:uppercase;
	font-family: 'Helvetica',Arial, sans-serif !important;
	font-weight: 100;
	font-size:1.4em;
	float:left;
}

.footer-menu p {
	font-family: 'Helvetica',Arial, sans-serif !important;
	font-size:1.2em;
	line-height: 1.5em;
}

.footer-menu ul {
	list-style:none;
	margin-left:-40px;
	font-family: 'Helvetica',Arial, sans-serif;
    font-size: 1.03em;
}

.footer-menu .link-list {
	float:right;
	width:715px;
}

.footer-menu .link-list ul.mainlist {

}

.footer-menu .link-list ul li {
	float:left;
	width:14em;
	margin-bottom: 4px;
}

.footer-menu .link-list ul li a:hover {
	color:#fff;
}

.footer-menu .link-list ul li.categories h2 { display:none; }

.footer-menu .link-list ul .linkcat h2 {
	display:inline;
	font-size:1.2em;
color: #ccc;
}

#personal-items p{margin-bottom: 1px;}
#personal-items a{font-size: 1.1em;}
#personal-items a:hover{color: #fff;}
#personal-items .twitter p{font-size: 1.1em;}

.ddmcc {
	width: 14.5em;
	float: left;
}

.ddmcc ul {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

.ddmcc p.sep {
	font-size: 1.2em;
	color: #808080;
	font-weight: bold;
}

.ddmcc p.sep:hover {
	cursor: pointer;
}

/************************************************
*	No Shadow Class								*
************************************************/
.no-shadow {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; }
.center {text-align: center;
margin: 0px auto;}


