/*

Theme Name: The Z-Grid

Theme URI: http://www.alanbernard.com/

Description: This theme uses the Blueprint CSS Framework. Designed for Zaid Ibrahim & Co.

Version: 1.0

Author: Alan Bernard

License: GPL

*/

body {


	margin-top: 0;

	background: #333333 ; 

}


.entry h2{

	margin-bottom: 10px;

}


.selected {

background-color: #707173; 
color: #fff;
padding-left: 10px;

}

.thumbnail-class {
	float: left;
	width: 230px;
	margin: 0 15px 0 0;

	}

.grey { background: #4b4b4d ;}



#flashshadow{

        background: transparent  url('images/picsline.jpg') top no-repeat;
	margin-top: 0;
        height: 8px;

}



.blueblue {

	color: #417174;

}

.bluebold {

	color: #417174; font-weight: bold;

}

.bumpleft {

	margin-left: 10px;

}

.containerall {

	background: #fff;

	margin:  0;

}

/*ADDED STUFF */

.post_date {

         color: #0072bc; font-size: 9px; margin-top: -10px;

}

#pushleft{

	margin-left: 10px;

}

.mainabout {

	margin-top: 25px;

}

.mainabout h2 {

	color: #d9dadb;

}

h3 {

	line-height: 28px;

	letter-spacing: 0.5px;

	font-size: 14px;

}

.offices h3 {

	line-height: 28px;

	letter-spacing: 0.5px;

}

.sides  {

	margin-bottom: 0;

	margin-top: 0px;

	background: #b1b3b4 /* url('images/sides.png') top repeat-x */ ;

}

.sides ul {

	width: 230px;

	margin: 0;

}

.sides h2 {
        background: #707173;

	border-bottom: 0px #fff solid;

	color: #ffffff;

	margin:0 0 5px 0;

        padding-left: 10px;

}

.sides li{

	border-bottom: 1px #fff solid;

	font-size: 12px;

	width: auto;

	list-style: none;

}

.sides li a {

	color: #0078bb;

	display: block;

	padding: 4px 25px;

}

.sides li a:hover{

	background: url('images/sidespat.jpg') top no-repeat;

	color: #fff;

	padding: 4px 25px;

}



.sides .page_item a {

	color: #525355;

}

.sides .page_item a:hover {

	background: url('images/sidespat.jpg') top no-repeat;

	color: #fff;

}

.sides .current_page_item {

	background: url('images/sidespat.jpg') top no-repeat;

	color: #fff;

}

.sides .current_page_item a, .current_page_item a:hover {

	background: url('images/sidespat.jpg') top no-repeat;

        color: #fff;

}



.sidespeople  {

	margin: 0;

	background: #b1b3b4;

}

.sidespeople ul {

	width: 230px;

	margin: 0;

}

.sidespeople h2 {

	border-bottom: 0px #fff solid;

	color: #fff;

	margin-bottom: 5px;

}

.sidespeople li{

        background:  url('images/dot2.png') top  no-repeat;
	border-bottom: 0px #fff solid;
	font-size: 12px;
	width: auto;
        list-style: none;



}

.sidespeople li a {

	color: #fff;
	display: block;
	padding: 4px 15px 4px 20px;


}

.sidespeople li a:hover{

	color: #fff;
        background: #d1d1d1  url('images/dot.png') top  no-repeat;
	padding: 4px 15px 4px 20px;

}



.sidespeople .page_item a {

	color: #fff;

}

.sidespeople .page_item a:hover {


	color: #fff;

}

.sidespeople .current_page_item {

	color: #fff;

}

.sidespeople .current_page_item a, .current_page_item a:hover {

        color: #0078bb;
        background: transparent  url('images/dot.png') top  no-repeat;

}



.sidesp  {

	margin-bottom: 0;

	margin-top: 5px;

	background: url('images/sides.png') top repeat-x;

}

.sidesp ul {

	width: 230px;

	margin: 0;

}

.sidesp h2 {

	border-bottom: 1px #fff solid;

	color: #417174;

	margin-bottom: 5px;

}

.sidesp li{

	border-bottom: 1px #fff solid;

	font-size: 11px;

	width: auto;

	list-style: none;

	background-image: url(images/arrow.png);

	background-repeat: no-repeat;

	background-position: 0 .4em;

}

.sidesp li a {

	color: #87888a;

	display: block;

	padding: 2px 20px;

}

.sidesp li a:hover{

	background: #C2D3EB;

	color: #fff;

	padding: 2px 20px;

	background-image: url(images/arrowwhite.png);

	background-repeat: no-repeat;

	background-position: 0 .4em;

}

#pushtop {

	margin-top: 10px;

}

.mainabout h4 {

	font-size: 12px;

	color: #ffffff;

	line-height: 18px;

	padding: 0 10px 0 5px;

}

.mainabout h3 {

	font-size: 14px;

	color: #5a5a5c;

	line-height: 28px;

	padding: 25px 10px 0 5px;

}



#news  {

	margin-bottom: 0;

	margin-top: 5px;

	background: url('images/newsbg.png') top repeat-x;

}

#news p {
	font-size: 10px;

}

#news h2, h3, p {

	padding: 0 10px;
	color: #3f3f3f;
	line-height: 18px;

}

#news h2 {

	color: #fff;

	background: #c3d3eb;

	margin-bottom: 15px;

	font-size: 18px;

}

#news h3 {

	color: #5a5a5c;

	margin-bottom: 5px;

	line-height: 24px;

}

#news h3 a {

	color: #5a5a5c;

}

#news h3 a:hover {

	color: #3186e6;

}

#news .post h2 {

	margin-bottom: 5px;

}

#news p img {

	margin: 7px 0 2em 0;

}

.news_text {

	margin-top: 2em;

}

#outside {

	background: url('images/get.png') top left no-repeat;

}

blockquote {

	font-style: normal;

	padding: 0 0 0 0;

	background: url('images/arrows.png') .5em top no-repeat; 

}

h1, h2, h3, h4, h5, h6 {

	color: #5a5a5c;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: #0078bb;

}

a {

	color: #0078bb;

	text-decoration: none;

}

a:active, h2 a:active, h3 a:active {

	color: #0078bb;

	text-decoration: none;

}

a:hover, h2 a:hover, h3 a:hover {

	color: #0078bb;

	text-decoration: none;

}

blockquote p {

	padding: 0 20px 0 30px;

}

hr {

	background: #CCC;
	height: 1px;

}



.whiteout {
	background: #fff;
        margin: 5px;
}

.whiteout2 {
	background: #fff;
        margin: 0;
}


img {

	margin: 0;

}

.photo_align_left {

	float: left;

	padding: 0 1.5em 1.5em 0;

}

a.button {

	float: left;

}

/* Fix for buttons */

input {

	padding-left: 0;

	border: 1px solid #CCCCCC;

}

ol {

	margin-left: 35px;

}

label {

	font-weight: normal;

}

textarea {

	height: 200px;

	width: 500px;

}

.small {

	font-size: .9em;

}

.smaller {

	font-size: 10px; color: #000;

}


.smaller a:hover {

        color: #00558d;

}

.nomargin {

	margin: 0;

}

a.button, button {

	font-weight: normal;

}

dl.small dd {

	font-size: .9em;

}

span.meta_align_right {

	color: #ccc;

	font-size: .6em;

	float: right;

}

span.meta_align_right a {

	color: #ccc;

}

span.meta_align_right a:hover {

	color: #000;

}

.linkcat {

	list-style: none;

}

.post_first {

	background: #fff;

	padding: 1em;

}

.post_alt {

	background: #eee;

	padding: 1em;

}

.meta {

	color: #ccc;

	font-size: .8em;

	line-height: 1.875em;

	font-family: Georgia;

}

.meta a {

	color: #ccc;

}

.meta a:hover {

	color: #000;

}

.byline {

	color: #ccc;

	font-size: .8em;

	line-height: 1.875em;

}

.byline a {

	color: #FF3706;

	text-decoration: none;

	line-height: 1.875em;

}

.byline a:hover {

	color: #000;

}

.five_posts h6 a, .five_posts h4 a, .five_posts h3 a {

	text-decoration: none;

	margin-bottom: 0;

}

#maincontent h2, #feature h2 {

 padding-left: 0px;

}

#maincontent li {color: #3f3f3f; list-style-position: outside; margin-left: 10px;  padding-bottom:10px; font-weight: bold;}

h2 a {

	color: #5a5a5c;

	text-decoration: none;

}

#maincontent .post h2, #feature .post h2 {

	margin-bottom: 15px;

}

#maincontent blockquote {

        margin: -10px 0 2px 0;
	font-style: normal;
	padding: 0 0 0 0;
	background: url('images/arrows.png') .5em top no-repeat; 

}

#maincontent .content {

	padding: 25px 30px 20px 48px;

}

#maincontent strong {

	color: #2c2c2c;

}

#maincontent2 h2, #feature h2 {

 padding-left: 10px;

}

#maincontent2 li {color: #3f3f3f; list-style-position: outside; margin-left: 10px;  padding-bottom:10px; font-weight: normal;}

#maincontent2 .post h2, #feature .post h2 {

	margin-bottom: 15px;
}

#maincontent2 .content {

	padding: 25px 30px 20px 48px;

}

#maincontent2 strong {

	color: #2c2c2c;

}

#feature p img {

	margin: 7px 0 2em 0;

}

.feature_text {

	margin-top: 2em;

}

#home_right {

	padding: 0;

}

#home_right .entry {

	padding: 0 0 2em 0;

}

.author {

	padding: 1.5em;

	margin-bottom: 1.5em;

	background: #eee;

}

.author img {

	float: left;

	padding: 0 1em 1em 0;

}

.author p {

	margin-left: 8em;

}

.author h6 {

	margin-left: 7em;

	border-bottom: 1px #000 dotted;

}

.navigation, 

.navigation a {

	color: #AAA;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

.post {

	margin-bottom: 10px;

}

.entry {

	padding-bottom: 10px;

}

/* HEADER */

#header {

	height: 120px;

	width: 950px;

	padding: 0;

}

#header h1, #header .description {

	padding: 15px 10px;

	margin: 0;

	line-height: 1.6em;

}

/* NAVIGATION IN POSTS */

.entry #nav .content {

	padding: 0;

	margin: auto;

}

.entry #nav {

	margin-bottom: 15px;

	background: #FFF;

}

.entry #nav li a {

	color: #FFF;

	border-right: 1px solid #AAA;

	background: #666;

}

.entry #nav li.last a {

	border-right: none;

}

.entry #nav li a:hover {

	background: #333;

	color: #FFF;

}

/* FOOTER */

#footer {

        margin: 0;
        background: #dedede;
	text-align: left;
	font-size: .9em;
	padding-bottom: 10px;

}

.footer {
	padding: 10px 10px 10px 10px;
	color: #0060c1;

}

#footer a {

	text-decoration: none;
	color: #0060c1;

}

/* SEARCH */

#search {

	float: right;

	padding-right: 10px;

}

#search #s {

	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;

	padding: 2px 0 2px 17px;

	width: 135px;

	color: #CCCCCC;

	font-size: 0.9em;

	margin-right: 0px;

	margin-top: 10px;

}

#search #s:hover {

	color: #000;

}

.search-excerpt {

	margin: 0;

}

/* COMMENTS */

.commentlist li {

	padding: 8px 15px;

}

.comments-alt {

	background: #EEE;

}

/* LISTS */

.bottombar {

}

.bottombar h2 {

	font-size: 1em;

	font-weight: bold;

	line-height: 1em;

	margin: 1em 0 1em;

}

ul {

	list-style-type: none;

	margin-left: 1em;

	padding: 0;

}

ul li {

	/*	list-style-image: url('images/icons/li.png');

	background-repeat: no-repeat;

*/
	list-style: disc;
	line-height: 2em;
	margin: 0;


}

ul li a {

	color: #417174;

}

ul li a:hover {

	background-color: #417174;

	color: #fff;

	padding: 3px;

}

/* COMMENT STYLES */

#comments {

	width: 100%;

}

dl#comment_list {

	margin: 0 0 0 0;

}

dl#comment_list dt {

	padding: 0 0 33px 0;

	background: url('images/comment_top.gif') 0 100% no-repeat;

	font-size: 1.1em;

	line-height: 1.8182em;

	color: #999;

}

dl#comment_list dt.author {

	background: url('images/comment_author_top.gif') 0 100% no-repeat;

}

dl#comment_list dt .comment_num {

	padding: 0 0.3636em 0 0;

}

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {

	color: #999;

}

dl#comment_list dt .comment_num a:hover {

	color: #a90000;

}

dl#comment_list dt strong {

	font-size: 1.4545em;

	color: #000;

}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited {

	color: #000;

	border-bottom: 1px dotted #999;

}

dl#comment_list dt strong a:hover {

	color: #000;

	border-bottom: 1px solid #a90000;

}

dl#comment_list dd {

	padding: 20px;

	margin: 0 0 1.5385em;

	background: #dfdfdf;

}

dl#comment_list dd.author {

	background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat;

}

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {

	margin-bottom: 1.1538em;

}

/* COMMENT FORM */

#comment_form {

	width: 46.8em;

	margin: 0 0 4.0em 0;

}

#comment_form a:hover {

	text-decoration: underline;

}

#comment_form p {

	padding: 0.7692em 0;

}

#comment_form label {

	padding: 0 0 0 0.83333em;

	font-size: 1.2em;

}

#comment_form .text_input {

	width: 15.3846em;

	padding: 0.23077em;

	color: #a90000;

	font: bold 1.3em Verdana, sans-serif;

	border-top: 0.15385em solid #999;

	border-left: 0.15385em solid #999;

	border-right: 0.07692em solid #eee;

	border-bottom: 0.07692em solid #eee;

}

#comment_form .text_input:focus {

	border-top-color: #666;

	border-left-color: #666;

	border-right-color: #ddd;

	border-bottom-color: #ddd;

}

#comment_form .text_area {

	width: 32.9231em;

}

#comment_form p.subscribe-to-comments {

	font-size: 1.3em;

}

#comment_form p.subscribe-to-comments label {

	font-size: 1.0em;

}

#comment_form .form_submit {

	padding: 0.5em;

	background: url('images/submit_bg.gif') repeat-x;

	color: #000;

	border: 0.21429em double #999;

	border-top-color: #ccc;

	border-left-color: #ccc;

	font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;

	cursor: pointer;

}

#comment_form .form_submit:hover {

	color: #0099cc;

}

/* Root = Horizontal, Secondary = Vertical */



#navmenu-h .page_item a {

	background: #78797b url('images/navbg.jpg') top repeat-x;

	color: #ffffff;

}

#navmenu-h .page_item a:hover {

	background: #000000;

	color: #ffffff;

}

#navmenu-h .current_page_item {

	background: #000000;

	color: #ffffff;

}

#navmenu-h .current_page_item a, .current_page_item a:hover {

	background: #000000;

        color: #ffffff;

}



#navmenu-h {
	background: #78797b url('images/navbg.jpg') top repeat-x;

}

#navmenu-h li.alignright {

	float: right;

}

ul#navmenu-h {

	background: #78797b url('images/navbg.jpg') top repeat-x;
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 950px; /*For KHTML*/
	list-style: none;
	height: 40px;

}

ul#navmenu-h li {

	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 40px;

}

ul#navmenu-h ul {

	margin: 0;

	border: 0 none;

	padding: 0;

	width: 160px;

	list-style: none;

	display: none;

	position: absolute;

	top: 40px;

	left: 0;

}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/ {

	clear: both;

	display: block;

	font: 1px/0px serif;

	content: ".";

	height: 0;

	visibility: hidden;

}

ul#navmenu-h ul li {

	width: 190px;
	float: left; /*For IE 7 lack of compliance*/

	display: block !important; /*For IE*/

}

/* Root Menu */

ul#navmenu-h a {

	padding: 8px 20px 8px 20px;
	float: none !important; /*For Opera*/

/*For IE*/

	display: block;
	background: #78797b;
	color: #ffffff;
	font: 12px/24px Verdana;
	text-decoration: none;
	height: auto !important; /*For IE*/

}

/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,

ul#navmenu-h li:hover a,

ul#navmenu-h li.iehover a {

	background: #000000;

	color: #ffffff;
}

ul#navmenu-h li a {
	background: #78797b url('images/navbg.jpg') top repeat-x;
}

/* 2nd Menu */

ul#navmenu-h li:hover li a,

ul#navmenu-h li.iehover li a {

	float: none;

	background: #cce4f1;

	color: #417174;

}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a {

	background: #417174;

	color: #cce4f1;

}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a {

	background: #000;

	color: #ccc;

}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a {

	background: #CCC;

	color: #FFF;

}

/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a {

	background: #EEE;

	color: #666;

}

/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {

	background: #CCC;

	color: #FFF;

}

ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul {

	display: none;

	position: absolute;

	top: 0;

	left: 160px;

}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul {

	display: none;

}

ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul {

	display: block;

}

#themes h6 {

	float: right;

	padding-right: 1em;

}

ul#themeswitcher {

	list-style-type: none;

	margin: 0;

	padding: 0;

	float: right;

}

ul#themeswitcher li {

	list-style-image: none;

	list-style-type: none;

	margin: 0;

	padding: 0;

}