Wyśrodkowanie podtytułu / opisu strony – jak to zrobić? Expression Theme

Czołem.

Mam problem z wycentrowaniem opisu swojej strony:

http://xsarwekx.webd.pl

Chodzi o tekst „FOTOGRAFIA | XXXXX YYYYY” w nagłówku. Chciałbym, żeby był na środku, a nie z lewej strony, ale za cholerę nie potrafię tego zrobić. Kod odpowiadający za wygląd tej części znajduje się w trzech różnych miejscach w pliku style.css i wygląda tak:

#site-description {

	text-transform: uppercase;

	font-size: 11px;

	color: #a2a2a2;

	letter-spacing: 1px;

	float: left;

	margin-top: 23px;

}

#site-description{

  float: none;

  text-align:center;

  margin-top: 2px;

  margin-bottom: 5px;

}

#site-description {

	margin: 0px;

  margin-left: 10px;

  margin-top: 5px;

  margin-bottom: 5px;

  text-align: left;

  float: left;

}

Szukałem rozwiązania w internecie i wiele źródeł wskazuje na zastosowanie czegoś takiego:

float: none;
margin-left: auto;
margin-right: auto;

Zastosowałem to w logo mojej strony i wszystko działa, obrazek jest po środku. Niestety nie udało mi się wyśrodkować opisu strony przy użyciu tego fragmentu kodu.

Proszę o jakieś wskazówki, sugestie. Będę wdzięczny.