/*

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-bottom: 10px;
	margin-top: 0;
	background: #333333  url('images/shadows.jpg') top repeat-x;
	background-attachment: fixed;
	font-size: 12px;
	line-height:18px;
	letter-spacing:0.05em;
	font-family: Verdana, Geneva, sans-serif;
    color: #58585A;

}
.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;

	}

#flashshadow{

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

.blueback { background: #caceec; padding: 25px; }
.blueblue {

	color: #417174;

}

.bluebold {

	color: #417174; font-weight: bold;

}

.bumpleft {

	margin-left: 10px;

}

.containerall {

	background: #fff;
	margin: 65px 0;

}

/*ADDED STUFF */

#pushleft{

	margin-left: 10px;

}

.blueline { background: #CACEEC; height: 1px; }

.mainabout {

	margin-top: 25px;

}

.mainabout h2 {

	color: #d9dadb;

}

h3 {

	line-height: 28px;
	letter-spacing: 0.5px;
	font-size: 14px;

}

/* Sides People */
.sidespeople  {

	margin: 0;
        min-height: 320px;
	background: transparent url('images/peoplebg.png') top repeat-x;

}

.sidespeople ul {

	width: 230px;
	margin: 0;

}

.sidespeople h2 {

	color: #417174;
	margin-bottom: 5px;

}

.sidespeople li{

font-size: 12px;
width: auto;
list-style: none;

}

.sidespeople li a {

	color: #4e4e4e;
    background: transparent  url('images/blackdot.png') top  no-repeat;
	display: block;
	padding: 4px 15px 4px 20px;


}

.sidespeople li a:hover{

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

}



.sidespeople .page_item a {

	color: #4e4e4e;

}

.sidespeople .page_item a:hover {

	color: #007dc3;

}

.sidespeople .current_page_item {

	color: #007dc3;

}

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

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

}

/* Sides Services */

.sideservices  {

	margin: 0;
	background: transparent url('images/servicesbg.png') top left repeat-x;
    min-height: 620px;

}

.sideservices ul {

	width: 230px;
	margin: 0;

}

.sideservices h2 {

	color: #fff;
	margin-bottom: 5px;

}

.sideservices li{

	font-size: 12px;
	width: auto;
    list-style: none;

}

.sideservices li a {

	color: #4e4e4e;
    background: transparent  url('images/blackdot.png') top  no-repeat;
	display: block;
	padding: 4px 15px 4px 20px;
}

.sideservices li a:hover{

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



.sideservices .page_item a {

	color: #4e4e4e;
}

.sideservices .page_item a:hover {

	color: #007dc3;
}

.sideservices .current_page_item {

	color: #007dc3;
}

.sideservices .current_page_item a,.sideservices .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;
	line-height:18px;
	letter-spacing:0.05em;
	color: #58585A;
	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: 12px;

}

#news h2, h3, p {

	padding: 0 10px;
	color: #6d6e71;
	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;
/*	color: #8a8a8a;
	background: url('images/quote.png') .5em top no-repeat; */

}

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

	color: #5a5a5c;
        padding-bottom: 10px;

}

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

	color: #397cbf;

}

a {

	color: #397cbf;
	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;

}



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;

}

.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;

}

h2 a {

	color: #007dc3;
	text-decoration: none;

}

#maincontent h2, #feature h2 {

	color: #5a5a5c;
	margin-bottom: 15px;

}

#maincontent .post h2{

	margin-bottom: 5px;

}

#maincontent .content {
        color: #333;
	padding: 25px 30px 20px 30px;

}

#maincontent strong {

	color: #6e6e6e;

}

/*Service Content*/

#servicescontent h2 {

	color: #5e5e5e;
	margin-bottom: 15px;
        padding-left: 5px;
        font-weight: bold;

}

#servicescontent .post h2 {

	margin-bottom: 5px;

}

#servicescontent .content {


        margin-left: 0;
	padding: 25px 30px 20px 58px;
	background: url('images/servicespapers.png') top left no-repeat;
        min-height: 821px;
}

#servicescontent strong {

	color: #6e6e6e;

}

#servicecontent p {

        color: #333;
}

#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: 80px;

	width: 950px;

	padding: 0;

}

#header h1, #header .description {

	padding: 0;
	margin: 0;
        margin-top: 25px;
	margin-bottom: 10px;
	line-height: 3em;

}

/* 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 {

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

}

.footer {

	padding: 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;
        color: #6d6e71;


}

ul li a {

	color: #6d6e71;

}

ul li a:hover {

	background-color: #417174;
	color: #fff;

}

/* 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 {

	background: transparent url('images/navbg.jpg') top left no-repeat;

}

#navmenu-h li.alignright {

	float: right;

}

ul#navmenu-h {

	margin: 0 auto;
	border: 0 none;
	padding: 0;
	width: 950px; /*For KHTML*/
	list-style: none;
	height: 42px;
        text-align: center;

}

ul#navmenu-h li {

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

}

ul#navmenu-h ul {

	margin: 0;
	border: 0 none;
	padding: 0;
	width: 110px;
	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: 110px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For IE*/
}

/* Root Menu */

ul#navmenu-h a {
	width: 110px;
	margin: 6px 11px 0px 7px;
	float: none !important; /*For Opera*/

/*For IE*/

	display: block;
	background: transparent;
        color: #fff;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	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 {
        color: #000000;

}


/* 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;

}


#navmenu-h .page_item a {

	color: #ffffff;

}

#navmenu-h .page_item a:hover {

	color: #373737;

}

#navmenu-h .current_page_item a {
        font-weight: bold;
	color: #373737;

}

#navmenu-h .current_page_item a:hover {

	color: #373737;

}