/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?v */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?v */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?U */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?2 */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?9 */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?z */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?0 */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?0 */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?0 */

/* @override http://localhost/sites/all/themes/mccormicandwinter/style.css?D */

/* @override http://www.mccormickandwinter.com/sites/all/themes/mccormicandwinter/style.css?n */


/**
*McCormic and Winter project
**/

/* ----- layout ----- */
body {
	margin: 0;
	padding: 0;
	color:#313131;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

#header { position:relative; background:url(img/head-bg.png) repeat-x; height:157px; }

#logo { margin:40px 0 0 15px; display:block; float:left;}

#logo img { 
margin: 20px 0 0 -10px;
width: 270px;
display:block; /* this is necessary for FF browsers in order to fix the gap under image */ 

}

/* 
Normally we count minimal screen width 1024px minus browser chrome (for eg scrollbar). So, it's normally used value from 960 to 980px
*/

#wrapper, #h-wrapper, #f-wrapper {
	width:940px;
	padding:0;
	margin: 0 auto;
	/*background:#fff;*/
	overflow:hidden;
}

#wrapper .column { float: left; }

/* 
columns width are calcalated as following: (#center + padding-left + padding-right)+(#left + padding-left + padding-right)+(#right + padding-left + padding-right) = #wrapper
If you add border-left or border-right (for eg. 1px) it should also be added into calculations!
*/

#center {
	padding: 0;
	width: 644px;
	margin-bottom:1em;
}

#left {
	width: 286px;
	padding: 0 10px 0 0;
}

#right {
	width: 200px;
	padding: 0 0 0 10px;
}

#footer { clear: both; /* it's necessary to clear all floated columns! */ 
background-color:#323332;
}

/* ----- end of layout ----- */

/* ----- basic HTML elements and drupal-specific stuff ----- */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #39c;
}
a:visited {
  color: #369;
}
a:hover {
  color: #39c;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
td {padding:1em;}

/* -- system messages --*/
.messages, .preview {
margin:0.75em 0;
padding:0.5em 1em;
}

.messages {
background-color:#FFFFFF;
border:1px solid #B8D3E5;
}

div.status {
border-color:#C7F2C8;
color:#33A333;
}



/*-- drupal interface --*/
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;

}
.item-list .first li {  background-image:url(img/rss-icon.png); background-repeat:no-repeat; background-position:left;}

.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

ul.links li { border-left: 1px solid #ccc; }
ul.links li a { margin-left:2px; }
ul.links li.first { border-left: none !important; }
ul.links li.last { padding-right:0 !important; }

/*----- theme-specific styles start here -----*/
#h-wrapper {position:relative; height:157px;}
#primary {height:33px; position:absolute; bottom:11px; left:280px;}

#primary li {background:url(img/tab.png) no-repeat; padding:10px 0 10px 5px; border:none !important; float:left; margin-right:1px;}
#primary li a {background:url(img/tab.png) top right no-repeat; padding:10px 30px 10px 25px; margin:0; color:#fff; font-weight:normal; text-decoration:none; font-size:13px; text-transform:uppercase;}
/*#656363*/

#primary li.active, #primary li.active a, #primary li:hover, #primary li:hover a {background-image:url(img/tab-active.png);}
#primary li.active a, #primary li:hover a {color:#656363;}

#left {background:url(img/lc.png) repeat-y; width:286px; position:relative; margin-top:2px; margin-bottom:1em;}
#left-top {background:url(img/lc-top.png); width:286px; height:6px; position:absolute; top:-6px;}
#left-bottom {background:url(img/lc-bottom.png); width:286px; height:4px; position:absolute; bottom:-4px;}

#left .block {padding:0 25px; margin-bottom:1em;}
#left .block .block-title {margin:0 -19px 10px; padding:22px 19px 20px; background:url(img/lc-header.png) bottom left no-repeat; font-size:22px; font-weight:normal;}

#left ul {margin:0; 
padding:0 0 0.25em 1em;
}

#left li {margin:0; 
list-style-image: url(img/bullet.gif);
padding:0 0 0.8em 0;
}
.block-aggregator li a {color:#3399CC; font-weight:normal; font-size:11px;}

#f-wrapper {background:url(img/footer-bg.png) top center no-repeat; color:#979797; text-align:right; height:70px; padding:10px 0 0; font-size:11px;}
#footer-links {float:left; margin-left:25px;}
#footer-links li {border-left:1px solid #979797; 
}
#footer-links li a {color:#979797; font-weight:normal;}

/* menu columns */
ul.menu {padding:0;
}


/* REMOVE cursor:default */

.menu .leaf a {color:#7F7F7F; text-transform:uppercase; font-size:11px; text-decoration:none; display:block; line-height:2em; background:url(img/bullet.gif) center left no-repeat; padding:0 0 0 10px; cursor:default;}

/*'Our Specialties' styling -- delete this if using linked styles*/
#left .menu li{
	background:none; 
	color:#7F7F7F;
	text-transform:uppercase;
	font-size:11px;
}

/* typography */
.small-text{
	font-size:  .9em;
	line-height:  1.7;
}
.small-text-link{
	text-align: right;
}

.italic {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

.shade-bottom {background:url(img/shade-bottom.png) bottom left no-repeat; padding:0 20px 20px;}
.shade-top {background:url(img/shade-top.png) top left no-repeat; padding:20px;}

.dark-text {color:#191919;}
.light-text {color:#676665;}

.page-title {font-size:28px; font-weight:normal; margin-bottom:1em; letter-spacing:-2px;}

/* project listing */
.view-fp-project {overflow:hidden; margin-right:-9px;}
.view-fp-project .view-content {padding:12px 8px;}

.view-header {background:url(img/dotted-line.gif) bottom left repeat-x; margin-bottom:7px;
padding:12px 8px;}
.view-header h3 {color:#6D6C6B; font-size:12px; margin:0;}

/** 
VIEW ALL button for front views header - display:block to show up
**/
.view-header .view-all-btn {/*display:none;*/ float:right; background:url(img/view-all-btn.png) no-repeat; width:110px; height:18px; text-transform:uppercase; color:#8B857B; padding-left:14px; font-size:11px; padding-top:4px; margin-right:9px;}

.view-fp-project .views-row-odd, .view-fp-project .views-row-even {float:left; margin-right:9px; width:150px;margin-bottom:25px;}
.view-fp-project .views-row-last, .view-fp-project .views-row-4, .view-fp-project .views-row-8, .view-fp-project .views-row-12, .view-fp-project .views-row-16 {margin-right:0;}
.view-fp-project .views-row-5, .view-fp-project .views-row-9, .view-fp-project .views-row-13, .view-fp-project .views-row-17 {clear:both;}

.view-fp-project .field-field-client-name {height:48px;}


.view-fp-project .field-field-client-name, .view-fp-project .field-field-project {background:#EDECE7; padding:5px 10px; color:#8B857B}

.view-fp-project .field-field-client-name /*, .view-fp-project .views-field-title */ {background:#EDECE7 url(img/dotted-line.gif) bottom left repeat-x;}
.view-fp-project .field-label {display:block; color:#313131; font-weight:normal !important;}

.field-field-project .field-label {font-size:10px;}
.field-field-project {font-size:10px;}

#fp-blocks {clear:both; background:url(img/c-column-separator.png) no-repeat; padding:12px 8px; margin-top:0px; overflow:hidden;}

#fp-blocks .block {background:url(img/fp-blocks-bg.png) bottom right no-repeat; padding:0; color:#979797; font-size:11px;}
#fp-blocks .block-shadow {background:url(img/fp-blocks-bg.png); position:relative; top:-2px; left:-2px;}

#fp-blocks #block-block-3 {float:left;  width:377px; margin-left:5px;}
#fp-blocks #block-block-3 .block-shadow {padding:20px 20px 20px 130px;}
#fp-blocks #block-block-3 .validated {display:block; position:absolute; top:28px; left:15px;}

#fp-blocks .block-title {background:url(img/dotted-line.gif) bottom left repeat-x; color:#979797; font-size:11px; text-transform:uppercase; margin:0 -10px 10px -10px; padding:5px 15px;}

#fp-blocks #block-block-2 {float:right; width:230px; margin-right:5px;}
#fp-blocks #block-block-2 .block-shadow {padding:20px;}

#fp-blocks 0 {margin-bottom:0;}

/*hide link to node */
#node_link_text {display:none;}

.double-top {margin-top:1.5em;}

#imageData #caption {
font-weight:normal;
}

a.lightbox-processed img {display:block; margin-bottom:5px;}

#about-us-img img {
	float: left;
	padding: 3px 10px 5px 0;
}

/* blog */
img.imagecache.imagecache-blog_small {
	float: left;
	clear:  right;
	padding: 0 30px 0 0;
}

	
div.view-id-Blog{
	font-size:  .9em;
	line-height:  1.7;
}
	
div.view-id-Blog div.views-field-title {
	font-size: 1.4em;
	padding: 0 0 3px 0;
	line-height: 115%;
}

div.view-id-Blog div.views-field-created{
	color: #868686;
}

div.view-id-Blog div.views-field-teaser{
	padding: 5px 0 0 0;
}

div.view-id-Blog.view-display-id-page_1 .views-row{
	height: 150px;
	padding: 40px 0 10px 10px;
	border-bottom: dotted 1px #c3c3c3;
}

/* blog block */

div.view-id-Blog.view-display-id-block_1 .views-row{
	padding: 15px 0 15px 0px;
	border-bottom: dotted 1px #c3c3c3;
}

div.view-id-Blog.view-display-id-block_1 .views-row-first{
	padding-top: 10px;
}

div.view-id-Blog.view-display-id-block_1 .view-footer{
	text-align: right;
}

div.view-id-Blog.view-display-id-block_1 .views-field-nothing{
	text-align: right;
	margin-top: ;
}

/* twitter block */

div.view-id-tweeter{
	font-size:  .9em;
	line-height:  1.7;
}

div.view-id-tweeter .views-row{
	padding:  15px 0 15px 0;
	border-bottom: dotted 1px #c3c3c3;
}

div.view-id-tweeter .views-row-first{
	padding-top: 10px;
}

div.view-id-tweeter .view-footer{
	text-align: right;
}