/*
Theme Name: Government Relations Writing
Theme URI: http://govrw.org
Description: The design for Government Relations Writing.
Version: 1.0
Author: David Yeiser
Author URI: http://designintellection.com/
*/

/*
Main style sheet for GOVRW.com
*/

* { margin:0; padding:0; }

body
{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif; 
	font-size:14px;
	line-height:18px;
	color:#404040;
	border-top:5px solid #0b3764;
	/*background:url("_images/bg-stone.jpg") 0 0 repeat #e7e7e7;*/
	background-color:#eaeaea;
}

a { color:#006990; }
a:visited { color:#555; }
a:hover { color:#008990; }
span.clear { display:block; height:0; clear:both; overflow:hidden; }

#site
{
	width:950px;
	margin:50px auto 0 auto;
	padding:0;
	position:relative;
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 10px rgba(1,3,11,0.1), 0 0 3px rgba(1,3,17,0.3);
	-webkit-box-shadow:0 0 10px rgba(1,3,11,0.1), 0 0 3px rgba(1,3,17,0.3);
}

#site-inner { background-color:transparent; }

#identity { width:950px; padding-top:25px; min-height:130px; border-bottom:1px dotted #c0c0c0; background:url("_images/grad-shadow-header.png") center bottom no-repeat; }
a#site-logo { display:block; width:230px; height:168px; position:absolute; left:360px; top:-45px; /*background:url("_images/logo-230t.png") 0 0 no-repeat;*/ background:url("http://www.govrw.com/wp-content/uploads/2010/03/govrw-logo-r.png") 0 0 no-repeat; z-index:100; }
/*strong#site-logo { width:170px; height:124px; margin:0 auto; position:absolute; left:385px; top:-40px;  background:url("_images/logo-170t.png") 0 0 no-repeat; }*/
a#site-logo span { display:none; }

ul#main-nav { list-style:none; }
ul#main-nav li { display:block; position:absolute; }
ul#main-nav li#page-about { left:0; top:0; }
ul#main-nav li#page-services { left:160px; top:0; }
ul#main-nav li#page-blog { right:160px; top:0; }
ul#main-nav li#page-contact { right:0; top:0; }
ul#main-nav a { display:block; width:140px; height:76px; padding:59px 10px 20px 10px; font-size:24px; font-weight:normal; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(255,255,255,0.8), -1px -1px 2px rgba(0,0,0,0.2); color:#333; background-color:transparent; /*background-color:#ccc4ae;*/ }
ul#main-nav a:hover { font-weight:bold; color:#404040; background-color:#dddfdd; }
ul#main-nav li#page-about a { background:url("_images/nav-bg-about-l.jpg") 0 1000px no-repeat; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
ul#main-nav li#page-services a { background:url("_images/nav-bg-services.jpg") 0 1000px no-repeat; }
ul#main-nav li#page-blog a { background:url("_images/nav-bg-blog.jpg") 0 1000px no-repeat; }
ul#main-nav li#page-contact a { background:url("_images/nav-bg-contact-r.jpg") 0 1000px no-repeat; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }

/* Sets hover state and current page nav state */
ul#main-nav li#page-about a:hover,
ul#main-nav li#page-services a:hover,
ul#main-nav li#page-blog a:hover,
ul#main-nav li#page-contact a:hover { background-position:0 0; background-color:#ddd; }

body.page-template-about-php ul#main-nav li#page-about a,
body.page-template-services-php ul#main-nav li#page-services a,
body.page-template-blog-php ul#main-nav li#page-blog a,
body.page-template-contact-php ul#main-nav li#page-contact a { background-color:#ddd; }

#intro-message, .main-content { width:850px; padding:40px 50px; background:url("_images/grad-gray-tall.png") 0 -100px repeat-x; }
#intro-message h1 { font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif; font-size:24px; font-weight:normal; line-height:30px; text-align:center; color:#909090; }
.small-caps { font-size:75%; font-style:normal; letter-spacing:2px; text-transform:uppercase; }
.larger { font-size:120%; line-height:28px; }
.stand-out { font-style:italic; color:#a40046; }
.darker { color:#707070; }

#intro-media { width:934px; margin:25px 0; padding:13px 8px 6px 8px; /*position:relative; left:-25px;*/ background-color:#83afca; }

.main-content { width:510px; margin:0; padding:25px 25px 25px 75px; float:left; border-bottom:0; }
.sidebar { width:265px; padding:67px 75px 0 0; float:left; background:url("_images/grad-gray-tall.png") 0 -100px repeat-x transparent; }

.main-content h1 { margin:42px 0 28px 0; padding:0; font-size:36px; letter-spacing:1px; line-height:36px; text-transform:uppercase; text-align:left;  color:#a40046; }
.main-content h2 { padding:21px 0 21px 0; font-size:18px; letter-spacing:1px; line-height:21px; text-align:left; text-transform:uppercase; color:#006990; }
.main-content p, .main-content ul, .main-content ol, .main-content blockquote, .main-content blockquote p:first-child, .main-content .post p:first-child { padding-bottom:21px; font-size:16px; font-style:normal; line-height:21px; }
/*.main-content p.intro { padding:0 25px; font-size:24px; line-height:28px; text-align:center; color:#777; }*/
.main-content p.intro, .main-content p:first-child { padding-left:0; font-size:18px; font-style:italic; line-height:24px; text-align:left; color:#777; }
.main-content img.focus-image { position:absolute; right:0; top:200px; }

p.section-description { margin:-22px 0 12px 0; font-size:18px; font-style:italic; color:#777; }
span.label { display:block; font-size:80%; letter-spacing:1px; text-transform:uppercase; color:#777; }

#vbc { padding:10px 10px 10px 48px; border-top:1px solid #ddd; border-right:2px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #ddd; background:url("_images/user_female.png") 10px 10px no-repeat #eee; }
#vbc a { text-decoration:none; color:#404040; }
#vbc h3 { padding:5px 0 10px 0; }
#vbc h3 a { color:#006990; }
#vbc h3 a:hover { color:#008990; }
#vbc .fn { font-weight:bold; }
#vbc .org { font-style:italic; }


/* ------- CONTACT PAGE ------- */

form.wpcf7-form { width:475px; margin-top:20px; float:left; }
#secondary-contact { padding-top:80px; background-color:transparent; }

#contact-content img.focus-image { display:none; }
#contact-content p.intro { }

form.wpcf7-form p { width:475px; margin-bottom:7px; padding:10px 0; border-top:1px dotted #ddd; }
form.wpcf7-form p.name-block, form.wpcf7-form p.email-block { width:230px; float:left; }
form.wpcf7-form p.name-block { padding-right:15px; }
form.wpcf7-form p.subject-block { clear:both; }
form.wpcf7-form label { display:block; padding:0 0 3px 0; }

form.wpcf7-form input, form.wpcf7-form textarea, form#searchform input
{
	width:220px;
	padding:4px;
	font-family:Palatino, "Palatino Linotype", Constantia, Georgia, "Times New Roman", serif; 
	font-size:14px;
	line-height:17px;
	color:#777;
	border-top:1px solid #bbb;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd; 
	border-left:1px solid #bbb;
	background-color:#eee;
}

form.wpcf7-form p.subject-block input { width:465px; }
form.wpcf7-form textarea { width:465px; }

form.wpcf7-form input#submit-button, form#searchform input#searchsubmit
{
	width:auto;
	padding:10px 20px;
	font-weight:bold;
	color:#fff;
	border:0;
	background-color:#006990;
	cursor:pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

form.wpcf7-form input#submit-button:hover, form#searchform input#searchsubmit:hover { background-color:#a40046; }

#secondary-contact h2 { padding:0 0 21px 0; font-size:18px; line-height:21px; font-weight:normal; letter-spacing:0; text-align:left; text-transform:none; color:#006990; }
#secondary-contact p { padding-right:0; }
#secondary-contact ul { padding-right:0; list-style:none; }
#secondary-contact li { padding-bottom:10px; }


/* ------- BLOG ------- */

.post { padding-top:20px; border-top:1px dotted #ccc; }
body.single .post { padding-top:0; border-top:0; }
.post h1.post-title, .post h2.post-title { margin:0; padding:0; font-size:24px; line-height:28px; letter-spacing:0; text-align:left; text-transform:none; color:#006990; }
.post h1.post-title { padding-top:42px; font-size:24px; line-height:28px; }
.post h2.post-title a { text-decoration:none; color:#006990; }
.post h2.post-title a:hover { color:#008990; }
.post em.post-date { font-size:14px; line-height:21px; color:#777; }
.post .post-content { padding:20px 0; }
.post .post-content p { font-size:16px; line-height:22px; color:#555; }

#blog-aside ul { padding-top:20px; list-style:none; }
#blog-aside h4 { font-size:16px; }
#blog-aside ul ul { padding-top:5px; }
#blog-aside ul li { padding:20px 0; font-size:16px; line-height:21px; border-bottom:1px solid #ddd; }
#blog-aside li li { padding:0; color:#777; border-bottom:0; }

form#searchform input { width:auto; }
form#searchform label { display:block; padding-bottom:3px; font-style:italic; }
form#searchform input#searchsubmit { padding:5px 10px; }
	

/* ------- FOOTER ------- */

#site-meta
{
	width:900px;
	margin-top:25px;
	padding:50px 25px;
	/*position:relative; left:-25px;*/
	border-top:1px solid #606060;
	background-color:#777;
	-moz-border-radius-bottom-right:10px;
	-moz-border-radius-bottom-left:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

#site-meta p { font-size:12px; line-height:16px; text-align:center; color:#fff; }
#site-meta a { color:#fff; }
#site-meta a:hover { color:#eee; }
