/*  
Theme Name: Stop.Edit
Theme URI: 
Description: Template for stopedit.com
Version: 1.0
Author: Dennis Grossmann
Author URI: http://www.grossy.com 
*/


p.wp-caption-text	{ display:none; }


/* Browser Reset ****************************/
*			{padding:0; margin:0; border:0;}

/* general ****************************/
html 		{font-size: 15px; line-height: 18px;}
body 		{font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; font-size: 15px; line-height: 18px; background-color: #ffffff; color:#6A737B; text-align:left; padding: 1px 0px 0px 0px; -webkit-text-size-adjust:100%; }
html > body {font-size: 15px; line-height: 18px;}
h1 { width: 157px; height: 39px; margin: 0 0 10px 0; padding: 0; background: transparent url(images/stopedit-logo.gif) no-repeat top left; text-indent: -2000px; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { width: 100%; height: 100%; display: block; }
h2 			{font-size: 15px; line-height: 18px; color:#B1953A; margin-bottom:3px; font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; font-weight: normal; }
h3 			{font-size: 15px; line-height: 18px; color:#000000; font-weight: bold; font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; font-weight: normal; }
h4 			{font-size: 15px; line-height: 18px; font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; }
h5 			{font-size:10px;}
h6 			{font-size:8px;}
table, td, input, textarea, select {font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; font-size: 15px; line-height: 18px; }

/* Main Selectors ****************************/
p       	{font-family:'Frutiger Neue W01 Light', Helvetica, arial, sans-serif; font-size: 15px; line-height: 18px; padding: 0px 0px 6px 0px; margin: 0; color: #6A737B; }
strong  	{font-weight:bold;}
a:link, a:visited	{ color:#6A737B; text-decoration:underline; }
a:hover, a:active	{ color:#6A737B; text-decoration:underline; }
a:active 	{ outline: none;}
a:focus 	{-moz-outline-style: none;}

/* Lists ****************************/
ul, ol         {margin:1em 0 1em 3em;}
li             {margin:0 0 0.3em 0;}
ul.unstyled    {list-style-type:none;}
ul.unstyled li {float:left;}

/* Utility Classes ****************************/
.clear     {clear:both; font-size:0; line-height:0em;}
.indent    {margin-left:2em;}
.right     {text-align:right;}
.top       {vertical-align:top;}
.center    {text-align:center;}
.middle    {vertical-align:middle;}
.error     {color:#AA0000; margin:0 0 1em 0;}
.hide      {display:none;}
.show      {display:block;}
.img-right {float:right; margin:0 0 1em 1em;}
.img-left  {float:left; margin:0 1em 1em 0;}
.break     {padding:0.5em 0; clear:both;}


/* layout containers */
#container 		{ margin:0; overflow: hidden; width:1210px;background:#ffffff;position: relative;}
#wrapper		{ float:left; display: inline; width:780px; }
#content 		{ width:560px; clear:none; padding:10px; float:left; display: inline;}
#content .post  { padding: 0px 0px 15px 0px; border-bottom:dotted 1px #999; margin: 0px 0px 15px 0px; }
#footer 		{ clear:both; list-style:none; margin:0; position:absolute; bottom:0px; left:0px; padding-left:10px; display:none;}
#footer li 		{ }
#footer li a	{ border-bottom:1px dotted #999; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; display:block; width:170px; color:#999; }
img.bgimage 	{ z-index: 2 !important;}
div#logoandjazz { position: fixed; z-index: 50; left:25px; top: 470px; display: block; width: 180px; overflow: hidden ;}
/* layout containers */


/* form */ 
form#newsletter {width: 310px; width: 100%; overflow: hidden; margin: 12px 0px 0px 0px;}
form#newsletter span.input {width:170px; float:left; display: inline; height: 26px;} 
form#newsletter span.label,span.spacer,span.multiple span {width:100px;float:left; display: inline; height: 26px;} 
form#newsletter span.multiple { display: inline;} 
form#newsletter span.button {padding-left:100px;} 
form#newsletter div.clear {clear:both;padding-top:5px;} 
form#newsletter input { border: 1px solid #999; background-color: #000; color: #999; padding: 3px 1px; width: 120px}
form#newsletter span.button input { border: 1px solid #999; background-color: #000; color: #999; width: auto; padding: 1px;}
form#newsletter input#submit { cursor: pointer; }
/* / form */ 


h2.work					{ float:left; padding:10px 5px 5px 0; font-size:12px; font-weight:normal; border: 0; text-transform: none;}
a.more:link, a.more:visited {display:block; clear:both;margin-top:20px; color: #999; }
a.more:hover, a.more:active {display:block; clear:both;margin-top:20px; color: #999;}

#content div,
#content p				{ margin:0;}
.pics 					{ height:378px; width:560px; overflow: hidden; } 
#pager a				{ color:#999; font-weight:normal; padding:10px 2px 5px 2px; text-decoration:none; display:block; float:left; font-size:12px; outline:none;}
#pager a.activeLI 		{ background: #ff8 } 
#pager a:hover			{ color:#fff;}

#description			{ display:block; clear:left; }

#output					{ display:block; float:right; padding-top:8px;}

div#whoweare 		{ position: fixed; top: 20px; left: 25px; width:225px; }
div#whoweworkwith 	{ position: fixed; top: 20px; left: 773px; width:200px; }
div#contact 		{ position: fixed; top: 20px; left: 980px; width:220px; }


/* _-_-_-_-_-_-_- col 3 == what we are doing */
ul#whatweredoing						{ list-style:none; list-style-position: outside; margin:0; width:455px; padding:20px 10px 10px 283px; float:left; display: inline;}
ul#whatweredoing li						{ margin:0px 0px 7px 0px; border-bottom:1px solid #6A737B; padding: 0px 0px 7px 0px; display: block; width: 100%; overflow: hidden; }
ul#whatweredoing li a					{ border:0; }
ul#whatweredoing h3, ul#whatweredoing p { padding: 0px 0px 3px 0px; margin: 0;}
/* _-_-_-_-_-_-_- / col 3 == what we are doing */

/* _-_-_-_-_-_-_-  == contact details */
div#whereweare       			{ width:180px; padding:10px 10px 53px 10px; float:left; display: inline; position: relative; }
div#whereweare h3				{ font:12px Arial, sans-serif; color:#999; line-height:1.3em; padding: 9px 0px 0px 0px; text-transform: none; border: 0; margin: 0; }
div#whereweare p				{ padding: 0px 0px 6px 0px; line-height:14px; margin: 0; }
/* _-_-_-_-_-_-_-  == contact details */

li.first				{ margin:0 !important; padding: 0 !important; border-bottom:0 !important;}
li.last					{ margin:0 !important; padding: 0 !important; border-bottom:0 !important;}

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ SPLASH page */

body#splash img.bgimage { display: none; }
body#splash img#loader { position: absolute; top: 50%; left: 50%; margin: -33px 0px 0px -33px;  width: 66px; height: 66px; z-index: 1; }
body#splash div.white { color: #ffffff; }
body#splash div.black { color: #000000; }
body#splash h1 { width: 157px; height: 42px; margin: 0; padding: 0; background: transparent url(images/stopedit-logo-white.png) no-repeat top left; position: static; display: block; }
body#splash div.white h1 { background: transparent url(images/stopedit-logo-white.png) no-repeat top left; }
body#splash div.black h1 { background: transparent url(images/stopedit-logo-black.png) no-repeat top left; }

ul#social-networking { height: 24px; width: 100%; overflow: hidden; display: block; margin: 12px 0px 0px 0px;}
ul#social-networking li { width: 24px; height: 24px; margin: 0px 3px 0px 0px; float: left; display: inline;}
ul#social-networking li a:link, ul#social-networking li a:visited, ul#social-networking li a:hover, ul#social-networking li a:active { width: 24px; height: 24px; display: block; background-repeat: no-repeat; background-position: top left; text-indent: -2000px; }
ul#social-networking li#facebook a:link, ul#social-networking li#facebook a:visited, ul#social-networking li#facebook a:hover, ul#social-networking li#facebook a:active { background-image: url(images/icon-fb.gif);} 
ul#social-networking li#twitter a:link, ul#social-networking li#twitter a:visited, ul#social-networking li#twitter a:hover, ul#social-networking li#twitter a:active { background-image: url(images/icon-twitter.gif);} 
ul#social-networking li#linkedin a:link, ul#social-networking li#linkedin a:visited, ul#social-networking li#linkedin a:hover, ul#social-networking li#linkedin a:active { background-image: url(images/icon-linkedin.gif);} 

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ Gallery Thumbnails */
div.gallery { width: 472px !important; overflow: hidden; margin: 11px -17px -11px 0px;  }
div.gallery div.gallery-row { width: 100%; overflow: hidden; padding: 0px 0px 17px 0px; }
div.gallery div.gallery-row dl.gallery-item { float: left; display: inline; }
div.gallery div.gallery-row dl.col-3 { width: 140px; padding: 0px 17px 0px 0px; }
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

img.single { padding: 11px 0px 6px 0px; }

div#mti_wfs_colophon img { display: none !important; visibility: hidden !important; }