/* 
Theme Name: Syngineering
Theme URL: http://www.syngineering.com.au/
Description: Crockfor Carlisle Custom Theme for Syngineering
Author: Crockford Carlisle
Author URI: http://www.c-c.com.au
Version: 2.0.1
*/


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

body, html {
	font: 95% Helvetica, Arial, sans-serif;
	color:#FFF;
	line-height:1.4;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:left;
}

a {font: 'Arial Black', Arial;}

h1 {font: 150% Helvetica, Arial, sans-serif; margin-bottom:4px; font-weight:bold; color:#2b3990;line-height:1.5;}

h2 {font: 140% Helvetica, Arial, sans-serif; margin-bottom:10px; color:#2b3990; line-height:1.3; margin-top:20px;} 

h3 {
	font: 100% Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-bottom:2px;
	margin-top:8px;
	color:#2b3990;
	line-height:1.3;
}

h4 {font: 100% Helvetica, Arial, sans-serif;font-weight:bold;color:#8cc63f; margin-bottom:4px; margin-top:6px; line-height:1.6;}
h5 {font: 10px Helvetica, Arial, sans-serif;font-weight:300;color:#666; margin-bottom:4px; margin-top:6px; line-height:1.6;}

ol h4 {color:#8cc63f;}
ol, ul {margin-left:16px; padding-left:6px;}
p {margin-top:4px; margin-bottom:8px;color:#333;}
ul, ol {margin-top:0px;margin-bottom:8px; padding-top:2px; padding-bottom:8px;}
em {margin-top:8px; margin-bottom:8px;}

a:link {font: 'Arial Black', Arial;text-decoration:none; color:#8cc63f;}
a:active {font: 'Arial Black', Arial;text-decoration:none; color:#8cc63f;}
a:visited {font: 'Arial Black', Arial;text-decoration:none; color:#8cc63f;}
a:hover {font: 'Arial Black', Arial;text-decoration:underline; color:#8cc63f;}


/* ------------ HEADER ------------- */

#header {
	height:160px;  
	width:100%;  
	background-image:url(images/header_background.jpg);
	background-repeat:no-repeat;	
	} 

#header a img{ border:none; }
	
#header_content {width:1000px; margin:auto;}

#header p {color:#fff;}
#header a {color:#fff;}


/* ------------ MENU ------------- */

#menu_container {
	height:40px; 
	width:100%; 
	background-image:url(images/menu_bg.gif); 
	background-repeat:repeat-x;
	margin-top:;
	}

#menu {margin-top:20px; width: 1000px; color:#FFF; padding-top:12px; margin:auto;}

#menu a {font-size:14px;font: 'Arial Black', Arial;}
#menu a:link {font: 'Arial Black', Arial;text-decoration:none; color:#FFF; font-weight:bold;}
#menu a:active {font: 'Arial Black', Arial;text-decoration:none; color:#FFF;font-weight:bold;}
#menu a:visited {font: 'Arial Black', Arial;text-decoration:none; color:#FFF;font-weight:bold;}
#menu a:hover {font: 'Arial Black', Arial;text-decoration:underline; color:#FFF;font-weight:bold;}

/* ---------- END OF MENU ------------ */

#container {background-color:#FFF; border-top: 8px solid #DDD; border-bottom: 8px solid #DDD;}

#main_content {width:1000px; margin:auto;margin-top:10px; margin-bottom:20px;}

#flash {width:990px; height:350px; border: 5px solid #DDD; margin-bottom:20px;}
#copy {width:675px; color:#666;padding-left:20px; margin-bottom:20px; border-left: 2px solid #DDD; float:right;margin-top:20px;}

#sidebar {width:300px; float:left; color:#666; height:100%; margin-bottom:40px;margin-top:20px;}
#sidebar h4 {font-size: 120%;color:#333;}
#sidebar img {
	margin-top:10px; 
	border: 3px solid #DDD; 
	max-width:276px;
	-moz-box-shadow:inset 0px 0px 5px #000;
  	-webkit-box-shadow:inset 0px 0px 5px #000;
 	box-shadow:inset 0px 0px 5px #000;
	}

/* ---------- footer settings ---------- */

#clear {clear:both;}

#footer {height:400px; width:100%; background-image:url(images/footer_background.jpg); background-repeat:no-repeat; background-position:center;}

#footer_info {width:1000px; margin:auto; padding-top:40px;color:#fff;}
	
#footer_info ul {color:#8cc63f; list-style:none; padding-left:0px; margin-left:0px;}

#footer_info a:link{font-decoration:none;}
#footer_info a:visited{font-decoration:none;}
#footer_info a:active{font-decoration:none;}
#footer_info a:hover{font-decoration:underline;}

/* ---------- end of footer settings ---------- */

#Contact_Form {width:300px;text-align:left;}
#Contact_Form table tr td {text-align:left;}
.form_p {width:140px;float:left; padding-left:4px; font-size:10px;color:#333;}


/*---------- thumbnail testing ----------------*/

.thumb
{margin-bottom:20px;-webkit-transition:all 0.2s ease-out;-webkit-box-shadow:inset 0px 0px 7px rgba(57,52,22,0);-moz-box-shadow:inset 0px 0px 7px rgba(57,52,22,0);box-shadow:inset 0px 0px 7px rgba(57,52,22,0);}

a.thumb:hover
{-webkit-transition:all 0.2s ease-out;-webkit-box-shadow:inset 0px 0px 7px rgba(57,52,22,0.85);-moz-box-shadow:inset 0px 0px 7px rgba(57,52,22,0.85);box-shadow:inset 0px 0px 7px rgba(57,52,22,0.85);opacity:.9;}

#sidebar ul li {margin-left:18px; padding-left:2px;}
#sidebar ul li li {margin-left:4px; padding-left:2px;} 

/****** Images ******/

.aligncenter  { margin: 40px 0px; }

.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
        
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.alignleft { float:left; ; margin: 20px 30px 20px 0px;  }
.alignright { float:right; margin: 20px 0px 20px 20px; }

.copy img {
        margin: 20px 0px 20px 0px;
        background-color: white;
}

.wp-caption {
        margin: 20px 20px 40px 20px;
        padding:8px 4px 4px 4px;
        border: 1px solid #efefef;
	    background-color:#efefef;
	    border-radius:5px;
		-webkit-border-radius:5px; 
		-moz-border-radius:5px;
}


.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
	margin-bottom:10px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 0px 0 5px 9px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}