a { text-decoration: none; }

a{ color: black; }

a:hover { text-decoration: none; }

a:focus, a:hover { color: #000; }

body {
  color: #333333;
  background-color: #ddddaa;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: medium;
  text-align: left;
  padding: 30px 0 30px 0;
}

h2 { font-size: 20px; }
h4 {font-size: 15px; font-weight:bold;}
hr.space {
  background: #eecc00;
  color: white;
  visibility: visible;
  margin: 0 0 10px;
}

p { font-size: 12px; }

p + p { text-indent: 0em; }

.alex-logo{ background-image: url(../../../images/logo.jpg); }

.article7:stopcat{ background-color: fuchsia; }

.blog-featured-homepage{ width: 950px; }

.blog-featured-homepage h1{ font-size: 24px; color: #aa8800; padding-bottom: 20px; }

.blog-featured-homepage img{ padding-left: 20px; }

.container{ 
background-color: #eeeeee; 
padding: 10px 20px 2px 20px; }

.floatright{ float: right; }

.header{
  padding: 30px 0 0 0;
  height: 300px;
  background-color: #dddddd;
  background-image: url(../../../images/header1.jpg);
}

.header h1{
  background-image: url(../../../images/logo.png);
  background-position: center;
  overflow: hidden;
  height: 100px;
  padding: 0 30px;
  position: relative;
  top: -30px;
}

.joomla-footer{ 
height: 45px; position: relative; top: 10px;
vertical-align: top;}
#stopmen .header, #project-2 .header, #project-3 .header, #demos .header{
  background-image:none;
  height:70px;
}

.joomla-nav {
background-color: #dddddd;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

margin: 0 0 0 0;

overflow:none;
padding: 0 0 0 0;
width:950px;
position:relative;
top:-11px;
}
.joomla-nav li a {
color: #444444;
font-weight:normal;
font-size:12px;

}
.joomla-nav li{
text-align:center;
  padding-left: 10px;
  padding-right:10px;
  margin:0;
  border-left:2px #eeeeee solid;
  border-right: 2px #eeeeee solid;
}
#current {
  background-color: #888888;
  
  }
  
  #current a{
    color:#ffffff;
  }

  /*------------------------------------*\
  IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/


.joomla-nav {
background-color: #dddddd;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
height: 30;
margin: 0 0 0 0;
min-height:30:
overflow:none;
padding: 0 0 0 0;

position:relative;
top:-11px;
}
.joomla-nav li{
  border-left:7px #eeeeee solid;
  border-right: 7px #eeeeee solid;
}
.joomla-nav li a {


font-size:3em;
}
h2{
  font-size:3em;
}
p{
  font-size:2em;
}
img{

  height:15em;
}

}


.span-16 {
width: 950px;
  padding-right:0;
}

#showstop{
  width:950; height:100%; min-height:500px;;
}
#showstop #imageholder .stopimage img{
  width:260px;
  padding:10px;
  }
#showstop #imageholder .stopimagev img{
  height:260px;
 
  }
#showstop #imageholder{
 margin-left:20px; 
 
}
.floatright{
  float:right;  
}
#showstop #imageholder a.rollover {
  display: block;
  width: 400px;
  height: 258px;
  text-decoration: none;
  background: url("http://www.alexlefevre.net/images/shows/stop/stop-01.jpg");
  }
#showstop #imageholder a.rollover:hover {
  background-position: -150px 0;
  }

#showstop #imageholder .displace {
  position: absolute;
  left: -5000px;
  }

.stopimagev{
  width:270px;
  height:270px;
  overflow:hidden;
 margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.stopimage{
  width:270px;
  height:188px;
  overflow:hidden;
 margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#galleria{height:700px; width:950px;}*/

.transitimage hr{
  background-color:#eecc00 !important; height:20px;padding:0 !important; margin:5px 0 10px 0 !important;
}
.galleria-stage{
	margin:20px 0;
}

#aside{
 width:100%
  }