/*  
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:12px;}
body 		{font:12px arial, sans-serif; background-color:#000; color:#999; line-height:1.3em; text-align:left;}
html > body {font-size:12px;}
h1 {
	text-indent: -3001px;
	font-size: 12px;
	width: 242px;
	height:60px;
	z-index: 100;
	background-image: url(images/stopedit-logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { width: 242px; height:60px; display: block !important;}
h2 			{font-size:1em; color:#999; border-bottom:dotted 1px #999; text-transform:uppercase; margin-bottom:7px;}
h3 			{font-size:1em; color:#999; line-height:14px; text-decoration: underline; font-weight: normal;}
h4 			{font-size:1em;}
h5 			{font-size:0.9em;}
h6 			{font-size:0.8em;}
table, td, input, textarea, select {font:1em arial, sans-serif;}

/* Main Selectors ****************************/
p       	{margin:.5em 0; line-height:14px;}
strong  	{font-weight:bold;}
a:link, a:visited	{ color:#999; text-decoration:underline; }
a:hover, a:active	{ color:#fff; 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:20px 0 0 20px; overflow: hidden; width:1180px;background:#000;}
#wrapper		{float:left; display: inline; width:780px; }
#content 		{width:560px; clear:none; padding:10px; float:left; display: inline;}
#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: 1 !important;}
div#logoandjazz { position: absolute; z-index: 100; left:20px; top: 440px; display: block; width: 275px; overflow: hidden ;}
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);} 
/* 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: #fff;}

#content div,
#content p				{ margin:0;}
.pics 					{ height:378px; width:560px; } 
#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;}

/* _-_-_-_-_-_-_- col 1 == who we are */
div#whoweare 		{float:left; display: inline; width:180px; padding:10px; }
/* _-_-_-_-_-_-_- col 1 == who we are */


/* _-_-_-_-_-_-_- col 2 == who we work with */
div#whoweworkwith 					{width:180px; padding:10px; float:left; display: inline;}
div#whoweworkwith ul				{ list-style:none; margin:0; }
div#whoweworkwith ul li 			{ margin:0; padding:0; line-height:15px; }
div#whoweworkwith ul li a			{ color:#999; text-decoration:none; }
div#whoweworkwith ul li a:hover	{ color:#fff; }
/* _-_-_-_-_-_-_- / col 2 == who we work with */


/* _-_-_-_-_-_-_- col 3 == what we are doing */
ul#whatweredoing						{ list-style:none; list-style-position: outside; margin:0; width:360px; padding:10px; float:left; display: inline;}
ul#whatweredoing li						{ margin:0px 0px 7px 0px; border-bottom:1px dotted #999; padding: 0;}
ul#whatweredoing li a					{ border:0; }
ul#whatweredoing li img					{ width:100px; height:100px; border:0; }
ul#whatweredoing h3, ul#whatweredoing p { padding: 0px 0px 5px 0px; margin: 0;}
ul#whatweredoing div.gallery 			{ padding: 0px 0px 5px 0px; width: 100%; display: block; position: relative;}
/* _-_-_-_-_-_-_- / col 3 == what we are doing */


/* _-_-_-_-_-_-_- col 4 == whats new */
ul#whatsnew					{ list-style:none; list-style-position: outside; margin:0; width:180px; padding:10px; float:left; display: inline;}
ul#whatsnew li				{ padding:0px 0px 5px 0px; border-bottom:1px dotted #999; padding: 0;}
ul#whatsnew li a			{ border:0; }
ul#whatsnew li img			{ width:100px; height:100px; border:0; }
ul#whatsnew h3, ul#whatsnew p { padding: 0px 0px 5px 0px; margin: 0;}
/* _-_-_-_-_-_-_- col 4 == whats new */


/* _-_-_-_-_-_-_- col 5 == what we are doing */
div#whereweare       			{width:180px; padding:10px; float:left; }
div#whereweare p				{margin:.5em 0; line-height:14px; }
/* _-_-_-_-_-_-_- col 5 == what we are doing */


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