Centering a block of code

Page 1 of 1

10 Replies - 718 Views - Last Post: 14 July 2011 - 06:06 PM

#1 maxincome4life  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 14-July 11

Centering a block of code

Posted 14 July 2011 - 03:26 PM

Hello I'm having problems centering a block of code in the CSS. I can get it to center if I use margin-left: 390px; but that obviously won't work for different resolutions. I need a solution that will center it for all resoultions. I tried putting in margin-left: auto; and margin-right: auto; but that doesn't seem to work at all.

http://http://eugenioespinosa.com/hwas/

#footer
{
	margin: inherit;
	width: 958px;
	height: auto;
	margin-left: 0px;
	display: inline-block;
	background: #191919 repeat-x;
	border: 1px solid #191919;
	color: #FFF;
	/*+placement:shift;*/
	left: 0;
	top: 0;


Is This A Good Question/Topic? 0
  • +

Replies To: Centering a block of code

#2 EnvXOwner  Icon User is offline

  • PHP Brogrammer
  • member icon

Reputation: 355
  • View blog
  • Posts: 2,314
  • Joined: 10-August 09

Re: Centering a block of code

Posted 14 July 2011 - 03:28 PM

try margin: 0 auto; instead of what you have for margin-left

Also you link.
Was This Post Helpful? 0
  • +
  • -

#3 souptoy  Icon User is offline

  • D.I.C Head


Reputation: 54
  • View blog
  • Posts: 243
  • Joined: 17-January 08

Re: Centering a block of code

Posted 14 July 2011 - 03:33 PM

That looks like you're throwing up a bunch of random CSS to get the positioning correct. You should post up the entire HTML and CSS if what EnvXOwner suggested doesn't work.
Was This Post Helpful? 0
  • +
  • -

#4 maxincome4life  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 14-July 11

Re: Centering a block of code

Posted 14 July 2011 - 03:33 PM

View PostEnvXOwner, on 14 July 2011 - 03:28 PM, said:

try margin: 0 auto; instead of what you have for margin-left

Also you link.



I tried what you said and it didn't move it at all :(
Was This Post Helpful? 0
  • +
  • -

#5 EnvXOwner  Icon User is offline

  • PHP Brogrammer
  • member icon

Reputation: 355
  • View blog
  • Posts: 2,314
  • Joined: 10-August 09

Re: Centering a block of code

Posted 14 July 2011 - 03:34 PM

Also if I may add. left and right won't do anything if you don't define a position.

EDIT :: Then post the the HTML and full CSS for the footer please.

lol. When I said full CSS for the footer I meant all the CSS that has to do with the footer, but this is fine though. :)

This post has been edited by EnvXOwner: 14 July 2011 - 03:41 PM

Was This Post Helpful? 1
  • +
  • -

#6 maxincome4life  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 14-July 11

Re: Centering a block of code

Posted 14 July 2011 - 03:41 PM

The CSS is quite Big... I hope it's ok to bring it all on the page

Author URI: http://www.eugenioespinosa.com
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets

begin Page
Created by Artisteer v3.0.0.39960*/
#art-main, TABLE
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
}
IFRAME
{
}
H1, H2, H3, H4, H5, H6, P, A, UL, OL, LI
{
	margin: 0;
	padding: 0;
}
.art-postcontent, .art-postcontent LI, .art-postcontent TABLE, .art-postcontent A, .art-postcontent A:link, .art-postcontent A:visited, .art-postcontent A.visited, .art-postcontent A:hover, .art-postcontent A.hovered
{
	font-family: Arial, Helvetica, Sans-Serif;
}
.art-postcontent P
{
	margin: 12px 0;
}
H1, H2, H3, H4, H5, H6, H1 A, H2 A, H3 A, H4 A, H5 A, H6 A, H1 A:link, H2 A:link, H3 A:link, H4 A:link, H5 A:link, H6 A:link, H1 A:visited, H2 A:visited, H3 A:visited, H4 A:visited, H5 A:visited, H6 A:visited, H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	text-decoration: none;
}
.art-postcontent A
{
	text-decoration: none;
	color: #3A81F2;
}
.art-postcontent A:link
{
	text-decoration: none;
	color: #9ABDF4;
}
.art-postcontent A:visited, .art-postcontent A.visited
{
	color: #32447E;
}
.art-postcontent A:hover, .art-postcontent A.hover
{
	text-decoration: underline;
	color: #619AF5;
}
.art-postcontent H1
{
	color: #F8992F;
	margin: 21px 0;
}
.art-blockcontent H1
{
	margin: 21px 0;
}
.art-postcontent H2
{
	color: #298FC6;
	margin: 19px 0;
	font-size: 17px;
}
.art-blockcontent H2
{
	margin: 19px 0;
	font-size: 24px;
}
.art-postcontent H2 A, .art-postcontent H2 A:link, .art-postcontent H2 A:hover, .art-postcontent H2 A:visited, .art-blockcontent H2 A, .art-blockcontent H2 A:link, .art-blockcontent H2 A:hover, .art-blockcontent H2 A:visited
{
	font-size: 24px;
}
.art-postcontent H3
{
	color: #E0E0E0;
	margin: 19px 0;
	font-size: 19px;
}
.art-blockcontent H3
{
	margin: 19px 0;
	font-size: 19px;
}
.art-postcontent H3 A, .art-postcontent H3 A:link, .art-postcontent H3 A:hover, .art-postcontent H3 A:visited, .art-blockcontent H3 A, .art-blockcontent H3 A:link, .art-blockcontent H3 A:hover, .art-blockcontent H3 A:visited
{
	font-size: 19px;
}
.art-postcontent H4
{
	color: #FFAB6A;
	margin: 20px 0;
	font-size: 16px;
}
.art-blockcontent H4
{
	margin: 20px 0;
	font-size: 16px;
}
.art-postcontent H4 A, .art-postcontent H4 A:link, .art-postcontent H4 A:hover, .art-postcontent H4 A:visited, .art-blockcontent H4 A, .art-blockcontent H4 A:link, .art-blockcontent H4 A:hover, .art-blockcontent H4 A:visited
{
	font-size: 16px;
}
.art-postcontent H5
{
	color: #ED6802;
	margin: 26px 0;
	font-size: 13px;
}
.art-blockcontent H5
{
	margin: 26px 0;
	font-size: 13px;
}
.art-postcontent H5 A, .art-postcontent H5 A:link, .art-postcontent H5 A:hover, .art-postcontent H5 A:visited, .art-blockcontent H5 A, .art-blockcontent H5 A:link, .art-blockcontent H5 A:hover, .art-blockcontent H5 A:visited
{
	font-size: 13px;
}
.art-postcontent H6
{
	color: #FEBA86;
	margin: 35px 0;
	font-size: 11px;
}
.art-blockcontent H6
{
	margin: 35px 0;
	font-size: 11px;
}
.art-postcontent H6 A, .art-postcontent H6 A:link, .art-postcontent H6 A:hover, .art-postcontent H6 A:visited, .art-blockcontent H6 A, .art-blockcontent H6 A:link, .art-blockcontent H6 A:hover, .art-blockcontent H6 A:visited
{
	font-size: 11px;
}
UL
{
	list-style-type: none;
}
OL
{
	list-style-position: inside;
}
HTML
{
	height: 100%;
}
#art-main
{
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 100%;
	left: 0;
	top: 0;
	cursor: default;
	overflow: hidden;
	float: left;
	clear: left;
}
DIV.holywood-social-networks
{
	/*+placement:shift 263px 17px;*/
	position: relative;
	left: 263px;
	top: 17px;
	/*[empty]height:;*/
}
DIV.sliderholywood
{
	margin-left: -45px;
	margin-top: -24px;
	margin-bottom: -29px;
}
BODY
{
	padding: 0;
	margin: 0;
	color: #D4D4D4;
	height: 100%;
	min-height: 100%;
	background-color: #000000;
	min-width: 900px;
}
.cleared
{
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0;
	height: 0;
	overflow: hidden;
}
.reset-box
{
	overflow: hidden;
	display: table;
}
FORM
{
	padding: 0 !important;
	margin: 0 !important;
}
TABLE.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/*end Page
begin Header*/
DIV.art-header
{
	margin: 0 auto;
	position: relative;
	z-index: -1;
	width: 900px;
	height: 85px;
	margin-top: 10px;
	margin-bottom: 0;
}
.art-header-wrapper
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.art-header-inner
{
	margin: 0;
}
DIV.art-header-center
{
	position: relative;
	width: 900px;
	left: 50%;
}
/*end Header
begin Logo*/
DIV.art-logo
{
	display: block;
	position: absolute;
	top: 53px;
	left: 0;
	margin-left: 12px;
}
H1.art-logo-name
{
	display: block;
	text-align: left;
	font-size: 28px;
	padding: 0;
	margin: 0;
	color: #BFBFBF !important;
}
H1.art-logo-name A, H1.art-logo-name A:link, H1.art-logo-name A:visited, H1.art-logo-name A:hover
{
	font-size: 28px;
	padding: 0;
	margin: 0;
	color: #FFA430 !important;
}
DIV.art-logo
{
}
H2.art-logo-text
{
	display: block;
	text-align: left;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #F6F3F3 !important;
}
DIV.art-logo
{
	margin-left: 542px;
	/*+placement:float-left 0px -13px;*/
	float: left;
	position: relative;
	left: 0px;
	top: -13px;
}
H2.art-logo-text A, H2.art-logo-text A:link, H2.art-logo-text A:visited, H2.art-logo-text A:hover
{
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: #BFBFBF !important;
}
/*end Logo
begin Menu
menu structure*/
.art-hmenu A, .art-hmenu A:link, .art-hmenu A:visited, .art-hmenu A:hover
{
	outline: none;
}
.art-hmenu, .art-hmenu UL
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
.art-hmenu LI
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background: none;
}
.art-hmenu LI:hover
{
	z-index: 10000;
	white-space: normal;
}
.art-hmenu LI LI
{
	float: none;
}
.art-hmenu UL
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background: none;
	min-height: 0;
	background-image: url('images/spacer.gif');
	padding: 10px 30px 30px;
	margin: -10px 0 0 -30px;
}
.art-hmenu LI:hover>UL
{
	visibility: visible;
	top: 100%;
}
.art-hmenu LI LI:hover>UL
{
	top: 0;
	left: 100%;
}
.art-hmenu:after, .art-hmenu UL:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-hmenu
{
	min-height: 0;
	position: relative;
	padding: 0 12px;
}
.art-hmenu UL UL
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
DIV.art-nav-center
{
	position: relative;
	float: right;
	right: 50%;
}
UL.art-hmenu
{
	position: relative;
	float: left;
	left: 50%;
}
.firefox2 UL.art-hmenu
{
	float: none;
}
/*menu structure*/
.art-nav
{
	position: relative;
	width: 900px;
	margin: 0 auto;
	min-height: 25px;
	z-index: 100;
	margin-top: 10px;
	margin-bottom: 0;
}
.art-nav-outer
{
	position: absolute;
	width: 100%;
}
.art-nav-wrapper
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.art-nav-inner
{
	margin: 0;
}
.art-nav-l, .art-nav-r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 100%;
	background-image: url('images/nav.png');
}
.art-nav-l
{
	left: 0;
	right: 12px;
}
.art-nav-r
{
	right: 0;
	width: 900px;
	clip: rect(auto, auto, auto, 888px);
}
/*end Menu
begin MenuItem*/
.art-hmenu A
{
	position: relative;
	display: block;
	overflow: hidden;
	height: 25px;
	cursor: pointer;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
.art-hmenu UL LI
{
	margin: 0;
	clear: both;
}
.art-hmenu A .r, .art-hmenu A .l
{
	position: absolute;
	display: block;
	top: 0;
	z-index: -1;
	height: 85px;
	background-image: url('images/menuitem.png');
}
.art-hmenu A .l
{
	left: 0;
	right: 0;
}
.art-hmenu A .r
{
	width: 400px;
	right: 0;
	clip: rect(auto, auto, auto, 400px);
}
.art-hmenu A .t, .art-hmenu UL A, .art-hmenu A:link, .art-hmenu A:visited, .art-hmenu A:hover
{
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
.art-hmenu A .t
{
	color: #FFFFFF;
	padding: 0 12px;
	margin: 0;
	line-height: 25px;
	text-align: center;
}
.art-hmenu A:hover .l, .art-hmenu A:hover .r
{
	top: -30px;
}
.art-hmenu LI:hover>A .l, .art-hmenu LI:hover>A .r
{
	top: -30px;
}
.art-hmenu LI:hover A .l, .art-hmenu LI:hover A .r
{
	top: -30px;
}
.art-hmenu A:hover .t
{
	color: #FFFFFF;
}
.art-hmenu LI:hover A .t
{
	color: #FFFFFF;
}
.art-hmenu LI:hover>A .t
{
	color: #FFFFFF;
}
.art-hmenu A.active .l, .art-hmenu A.active .r
{
	top: -60px;
}
.art-hmenu A.active .t
{
	color: #6C7B99;
}
/*end MenuItem
begin MenuSeparator*/
.art-hmenu .art-hmenu-li-separator
{
	display: block;
	width: 0;
	height: 25px;
}
/*end MenuSeparator
begin MenuSubItem*/
.art-hmenu UL A
{
	display: block;
	white-space: nowrap;
	height: 32px;
	width: 180px;
	overflow: hidden;
	background-image: url('images/subitem.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0;
	border-style: solid;
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 32px;
	color: #BFBFBF;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.art-nav UL.art-hmenu UL SPAN, .art-nav UL.art-hmenu UL SPAN SPAN
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}
.art-hmenu UL A:link, .art-hmenu UL A:visited, .art-hmenu UL A:hover, .art-hmenu UL A:active, .art-nav UL.art-hmenu UL SPAN, .art-nav UL.art-hmenu UL SPAN SPAN
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 32px;
	color: #BFBFBF;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.art-hmenu UL LI A:hover
{
	color: #000000;
	background-position: 0 -32px;
}
.art-hmenu UL LI:hover>A
{
	color: #000000;
	background-position: 0 -32px;
}
.art-nav .art-hmenu UL LI A:hover SPAN, .art-nav .art-hmenu UL LI A:hover SPAN SPAN
{
	color: #000000;
}
.art-nav .art-hmenu UL LI:hover>A SPAN, .art-nav .art-hmenu UL LI:hover>A SPAN SPAN
{
	color: #000000;
}
/*end MenuSubItem
begin Box, Sheet*/
.art-sheet
{
	position: relative;
	margin: 0 auto;
	min-width: 81px;
	min-height: 81px;
	margin-top: 10px;
	margin-bottom: 0;
	cursor: auto;
	width: 900px;
}
.art-sheet-body
{
	position: relative;
	padding: 0;
	padding-top: 0;
	padding-bottom: 0px;
	margin-top: 25px;
	margin-bottom: -100px;
}
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl
{
	position: absolute;
}
.art-sheet-tl
{
	top: 0;
	left: 0;
	clip: rect(auto, 40px, 40px, auto);
}
.art-sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 40px, 40px);
}
.art-sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(40px, 40px, auto, auto);
}
.art-sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(40px, auto, auto, 40px);
}
.art-sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 40px, auto);
}
.art-sheet-bc
{
	bottom: 0;
	clip: rect(40px, auto, auto, auto);
}
.art-sheet-cr
{
	right: 0;
	clip: rect(auto, auto, auto, 40px);
}
.art-sheet-cl
{
	left: 0;
	clip: rect(auto, 40px, auto, auto);
}

#art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare
{
	min-width: 900px;
}
/*end Box, Sheet
begin Layout*/
.art-content-layout
{
	display: table;
	position: relative;
	margin: 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: transparent;
	border: none !important;
	padding: 0 !important;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
.art-layout-cell, .art-content-layout-row
{
	background-color: transparent;
	vertical-align: top;
	text-align: left;
	border: none;
	margin: 0;
	padding: 0;
}
.art-content-layout .art-content-layout
{
	margin: 0;
}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell
{
	display: table-cell;
}
.art-layout-cell .art-layout-cell
{
	display: block;
}
.art-content-layout-row
{
	display: table-row;
}
.art-layout-glare
{
	position: relative;
}
/*end Layout
begin Button*/
.art-button-wrapper A.art-button, .art-button-wrapper A.art-button:link, .art-button-wrapper INPUT.art-button, .art-button-wrapper BUTTON.art-button
{
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	position: relative;
	top: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	color: #1C1C1C !important;
	width: auto;
	outline: none;
	border: none;
	background: none;
	line-height: 29px;
	height: 29px;
	margin: 0 !important;
	padding: 0 16px !important;
	overflow: visible;
	cursor: pointer;
}
.art-button IMG, .art-button-wrapper IMG
{
	margin: 0;
	vertical-align: middle;
}
.art-button-wrapper
{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	height: 29px;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	margin: 0;
	padding: 0;
	z-index: 0;
}
.firefox2 .art-button-wrapper
{
	display: block;
	float: left;
}
INPUT, SELECT, TEXTAREA
{
	vertical-align: middle;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
}
.art-block SELECT
{
	width: 96%;
}
.art-button-wrapper.hover .art-button, .art-button-wrapper.hover A.art-button:link, .art-button:hover
{
	color: #381801 !important;
	text-decoration: none !important;
}
INPUT.art-button
{
}
.art-button-wrapper.active .art-button, .art-button-wrapper.active A.art-button:link
{
	color: #362302 !important;
}
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
	display: block;
	position: absolute;
	height: 97px;
	margin: 0;
	padding: 0;
	background-image: url('images/button.png');
}
.art-button-wrapper .art-button-l
{
	left: 0;
	right: 10px;
}
.art-button-wrapper .art-button-r
{
	width: 409px;
	right: 0;
	clip: rect(auto, auto, auto, 399px);
}
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
	top: -34px;
}
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
	top: -68px;
}
.art-button-wrapper INPUT
{
	float: none !important;
}
/*end Button
begin Box, Block*/
.art-block
{
	position: relative;
	min-width: 1px;
	min-height: 1px;
	margin: 10px;
}
.art-block-body
{
	position: relative;
	padding: 0;
}
DIV.art-block IMG
{
/*WARNING do NOT collapse this to 'border' - inheritance!*/
	border-color: #595959;
	border-style: solid;
	margin: 0;
}
/*end Box, Block
begin BlockHeader*/
.art-blockheader
{
	margin-bottom: 0;
	position: relative;
	height: 26px;
}
.art-blockheader H3.t
{
	position: relative;
	height: 26px;
	color: #FC6F03;
	font-size: 14px;
	margin: 0;
	padding: 0 10px 0 5px;
	white-space: nowrap;
	line-height: 26px;
}
.art-blockheader H3.t A, .art-blockheader H3.t A:link, .art-blockheader H3.t A:visited, .art-blockheader H3.t A:hover
{
	color: #FC6F03;
	font-size: 14px;
}
/*end BlockHeader
begin Box, BlockContent*/
.art-blockcontent
{
	position: relative;
	margin: 0 auto;
	min-width: 1px;
	min-height: 1px;
}
.art-blockcontent-body
{
	position: relative;
	padding: 5px;
	color: #949494;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}
.art-blockcontent-body TABLE, .art-blockcontent-body LI, .art-blockcontent-body A, .art-blockcontent-body A:link, .art-blockcontent-body A:visited, .art-blockcontent-body A:hover
{
	color: #949494;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
}
.art-blockcontent-body P
{
	margin: 6px 0;
}
.art-blockcontent-body A, .art-blockcontent-body A:link
{
	color: #C98208;
	text-decoration: underline;
}
.art-blockcontent-body A:visited, .art-blockcontent-body A.visited
{
	color: #E0E0E0;
	text-decoration: none;
}
.art-blockcontent-body A:hover, .art-blockcontent-body A.hover
{
	color: #FEBA86;
	text-decoration: none;
}
.art-blockcontent-body UL LI
{
	line-height: 125%;
	color: #A8A8A8;
	padding: 0 0 0 12px;
	background-image: url('images/blockcontentbullets.png');
	background-repeat: no-repeat;
}
/*end Box, BlockContent
begin Box, Post*/
.art-post
{
	position: relative;
	min-width: 1px;
	min-height: 1px;
	margin: 0;
}
.art-post-body
{
	position: relative;
	padding: 10px;
}
A IMG
{
	border: 1 solid #FBF8F8;
}
IMG.attachment-smallthumbnail
{
	border: 1px solid #5D5D5D;
	margin-right: 5px;
}
.art-article IMG, IMG.art-article, .art-block IMG, .art-footer IMG
{
	border: 0 solid #595959;
	margin: 7px;
}
DIV#hollywood-acting-studio
{
	margin-bottom: -34px;
}
.art-metadata-icons IMG
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
.art-article TABLE, TABLE.art-article
{
	border-collapse: collapse;
	margin: 1px;
}
.art-article TH, .art-article TD
{
	padding: 2px;
	border: 1px solid #696969;
	vertical-align: top;
	text-align: left;
}
.art-article TH
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}
PRE
{
	overflow: auto;
	padding: 0.1em;
}
/*end Box, Post
begin PostHeaderIcon*/
H2.art-postheader
{
	color: #949494;
	margin: 5px 0;
	font-size: 24px;
}
H2.art-postheader A, H2.art-postheader A:link, H2.art-postheader A:visited, H2.art-postheader A.visited, H2.art-postheader A:hover, H2.art-postheader A.hovered
{
	font-size: 24px;
}
H2.art-postheader A, H2.art-postheader A:link
{
	text-align: left;
	text-decoration: none;
	color: #C47F08;
}
H2.art-postheader A:visited, H2.art-postheader A.visited
{
	color: #895906;
}
H2.art-postheader A:hover, H2.art-postheader A.hovered
{
	color: #F8C735;
}
/*end PostHeaderIcon
begin PostBullets*/
.art-post OL, .art-post UL
{
	margin: 1em 0 1em 2em;
	padding: 0;
}
.art-post LI
{
	font-size: 13px;
	color: #949494;
	padding: 0;
}
.art-post LI OL, .art-post LI UL
{
	margin: 0.5em 0 0.5em 2em;
	padding: 0;
}
/*end PostBullets
begin PostQuote*/
.art-postcontent BLOCKQUOTE, .art-postcontent BLOCKQUOTE A, .art-postcontent BLOCKQUOTE A:link, .art-postcontent BLOCKQUOTE A:visited, .art-postcontent BLOCKQUOTE A:hover
{
	color: #A8A8A8;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
.art-postcontent BLOCKQUOTE P
{
	margin: 2px 0 2px 15px;
}
.art-postcontent BLOCKQUOTE
{
	border: 0 solid #7A7A7A;
	margin: 10px 10px 10px 50px;
	padding: 0 0 0 28px;
	background-color: #363636;
	background-image: url('images/postquote.png');
	background-position: left top;
	background-repeat: no-repeat;
/*makes blockquote not to align behind the image if they are in the same line*/
	overflow: auto;
	clear: both;
}
/*end PostQuote
begin PostIcons, PostFooterIcons*/
.art-postfootericons, .art-postfootericons A, .art-postfootericons A:link, .art-postfootericons A:visited, .art-postfootericons A:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #D4D4D4;
}
.art-postfootericons
{
	padding: 1px;
}
.art-postfootericons A, .art-postfootericons A:link
{
	text-decoration: none;
	color: #F8992F;
}
.art-postfootericons A:visited, .art-postfootericons A.visited
{
	color: #895906;
}
.art-postfootericons A:hover, .art-postfootericons A.hover
{
	color: #F8992F;
}
/*end PostIcons, PostFooterIcons
begin Footer*/
.art-footer
{
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}
.art-footer-b
{
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 0;
	height: 40px;
	background-image: url('images/footer_b.png');
}
.art-footer-r, .art-footer-l
{
	position: absolute;
	height: 40px;
	background-image: url('images/footer_s.png');
}
.art-footer-l
{
	left: 0;
	width: 40px;
}
.art-footer-r
{
	right: 0;
	width: 80px;
	clip: rect(auto, auto, auto, 40px);
}
.art-footer-t
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
	background-color: #252734;
}
.art-footer-body
{
	position: relative;
	padding: 5px;
}
.art-footer-text P
{
	padding: 10;
	margin: 0;
	text-align: center;
}
.art-footer-text, .art-footer-text A, .art-footer-text A:link, .art-footer-text A:visited, .art-footer-text A:hover, .art-footer-text TD, .art-footer-text TH, .art-footer-text CAPTION
{
	color: #C4C4C4;
	font-size: 11px;
}
.art-footer-text
{
	min-height: 44px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	text-align: center;
}
.art-footer-text A, .art-footer-text A:link
{
	color: #F8BA4F;
	text-decoration: none;
}
.art-footer-text A:visited
{
	color: #D1D1D1;
}
.art-footer-text A:hover
{
	color: #FBDCA7;
	text-decoration: underline;
}
DIV.art-footer IMG
{
/*WARNING do NOT collapse this to 'border' - inheritance!*/
	border-color: #595959;
	border-style: solid;
	margin: 0;
}
/*end Footer
begin PageFooter*/
.art-page-footer, .art-page-footer A, .art-page-footer A:link, .art-page-footer A:visited, .art-page-footer A:hover
{
	font-family: Arial;
	font-size: 10px;
	letter-spacing: normal;
	word-spacing: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #DDDAD6;
}
.art-page-footer
{
	text-align: center;
	padding: 8px 0 10px 28px;
	text-align: center;
	text-decoration: none;
	color: #A6A6A6;
}
/*end PageFooter
begin LayoutCell, content
end LayoutCell, content
begin LayoutCell, sidebar1*/
.art-content-layout .art-sidebar1
{
	width: 200px;
}
/*end LayoutCell, sidebar1*/
TEXTAREA#comment
{
	width: 99%;
}
UL#comments-list DIV.avatar
{
	float: right;
}
UL#comments-list, UL#comments-list LI
{
	background: none;
	padding: 0;
}
UL#comments-list LI LI
{
	margin-left: 20px;
}
DIV.avatar
{
	position: relative;
	margin: 0 5px;
	border: 1px solid #AAA;
	padding: 1px;
	background: #FFF;
	float: left;
}
DIV.avatar IMG, DIV.avatar IMG.wp-post-image
{
	margin: 0 !important;
	padding: 0;
	border: none;
}
SPAN.page-navi-outer, SPAN.page-navi-inner
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
SPAN.page-navi-outer
{
	margin: 1px;
	border: 1px solid #AAA;
}
SPAN.page-navi-inner
{
	padding: 1px;
	min-width: 14px;
	line-height: 18px;
	text-align: center;
	border: 2px solid #FFF;
	font-weight: bold;
}
A SPAN.page-navi-inner, SPAN.page-navi-caption SPAN.page-navi-inner
{
	border-width: 1px;
	font-weight: normal;
}
A SPAN.page-navi-outer, SPAN.page-navi-caption
{
	margin: 2px 1px;
}
UL#comments-list LI CITE
{
	font-size: 1.2em;
}
#commentform TEXTAREA
{
	width: 100%;
}
IMG.wp-smiley
{
	border: none;
	margin: 1px;
	vertical-align: middle;
	padding: 0;
}
.navigation
{
	display: block;
	text-align: center;
}
/*Recommended by http://codex.wordpress.org/CSS
Begin*/
.aligncenter, DIV.aligncenter, .art-article .aligncenter IMG, .aligncenter IMG.art-article, .aligncenter IMG, IMG.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
P.aligncenter, P.center
{
	text-align: center;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.alignright IMG, IMG.alignright
{
	margin: 1em;
	margin-right: 0;
}
.alignleft IMG, IMG.alignleft
{
	margin: 1em;
	margin-left: 0;
}
.wp-caption
{
	border: 1px solid #DDD;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
	text-align: center;
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption P
{
	text-align: center;
}
.gallery
{
	margin: 0 auto 18px;
	clear: both;
	overflow: hidden;
	letter-spacing: normal;
}
.gallery .gallery-item
{
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery IMG
{
	border: 10px solid #F1F1F1;
}
.gallery .gallery-caption
{
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery DL
{
	margin: 0;
}
.gallery BR+BR
{
	display: none;
}
/*End*/
.hidden
{
	display: none;
}
/*Calendar*/
#wp-calendar
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next A
{
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev A
{
	padding-left: 10px;
	text-align: left;
}
#wp-calendar A
{
	display: block;
}
#wp-calendar CAPTION
{
	text-align: center;
	width: 100%;
}
#wp-calendar TD
{
	padding: 3px 0;
	text-align: center;
}
.art-content
{
	position: relative;
	z-index: 1;
}
#todays-events
{
	position: relative;
	z-index: 11;
}
#upcoming-events
{
	position: relative;
	z-index: 10;
}
IMG.wp-post-image
{
	margin: 0 5px 5px 0 !important;
}
UL#comments-list LI
{
	list-style-image: none;
	background: none;
	list-style-type: none;
}
DIV.art-footer DIV.art-content-layout
{
	margin: 0 auto;
	width: 100%;
}
DIV.art-layout-cell-size1
{
	width: 100%;
}
DIV.art-layout-cell-size2
{
	width: 50%;
}
DIV.art-layout-cell-size3
{
	width: 33%;
}
DIV.art-layout-cell-size4
{
	width: 25%;
}
.art-widget-title
{
	padding: 0 0 0 24px;
	margin-bottom: 0;
}
DIV.art-center-wrapper
{
	position: relative;
	float: right;
	right: 50%;
}
DIV.art-center-inner
{
	position: relative;
	float: left;
	left: 50%;
}
.firefox2 DIV.art-center-inner
{
	float: none;
}
DIV.breadcrumbs H4, DIV.breadcrumbs P, LI.pingback P, #respond P, H3#reply-title, H4#comments, H4.box-title
{
	margin: 0;
}
#respond .comment-notes
{
	margin-bottom: 1em;
}
.form-allowed-tags
{
	line-height: 1em;
}
#comments-list #respond
{
	margin-left: 20px !important;
}
#cancel-comment-reply-link
{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required
{
	color: #FF4B33;
	font-weight: bold;
}
#respond LABEL
{
	font-size: 12px;
}
#respond INPUT
{
	margin: 0 0 9px;
	width: 98%;
}
#respond TEXTAREA
{
	width: 98%;
}
#respond .form-allowed-tags
{
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags CODE
{
	font-size: 11px;
}
#respond .form-submit
{
	margin: 12px 0;
}
#respond .form-submit INPUT
{
	font-size: 14px;
	width: auto;
}
.art-footer .art-widget-title
{
	font-size: 1.2em;
	padding: 0;
}
.art-footer .art-widget, .art-footer .art-widget A, .art-footer .art-widget A:link, .art-footer .art-widget A:visited, .art-footer .art-widget A:hover
{
	color: #C4C4C4;
	font-size: 11px;
	text-align: left;
}
.art-footer .art-widget A, .art-footer .art-widget A:link
{
	color: #F8BA4F;
	text-decoration: none;
}
.art-footer .art-widget A:visited
{
	color: #D1D1D1;
}
DIV[id^="GMPmap"] IMG
{
	margin: 0;
}
/*TWITTER CUSTOM*/
#twitter_t
{
	width: 200px;
	height: 34px;
	background-image: url("your top image");
}
#twitter_m
{
	width: 200px;
	padding: 0 15px;
	background: url("your middle image") repeat-y 0 0;
}
#twitter_container
{
	min-height: 45px;
	height: auto !important;
	height: 40px;
	padding-bottom: 10px;
}
#twitter_update_list
{
	width: 200px;
	padding: 5;
	overflow: hidden;
	font-family: Georgia;
	font-size: 13px;
	color: #6B6363;
	line-height: 20px;
	border: 1px solid #000000;
	background: url(text("@@@@") url()) repeat-y 0 0;
}
#twitter_update_list LI
{
	width: 200px;
	list-style: none;
}
#twitter_update_list LI A
{
	color: #5F6D76;
	text-decoration: none;
}
#twitter_update_list LI A:hover
{
	color: #31353D;
	background: #D3F1F9;
}
#twitter_b
{
	width: 200px;
	height: 29px;
	background-image: url("your bottom image");
}
.footer-titley
{
	padding-left: 15px;
	font-size: 16px;
	line-height: 16px;
}
.resize
{
	width: 50px;
	height: 50px;
}
.content-bottom
{
	float: inherit;
	margin: inherit;
}
/*********************************************************************************/
#footer .postimage-container
{
	border-color: #2A2A2A;
}
#footer .postimage
{
	border-color: #111;
}
#footer .readmore, #footer INPUT[type="submit"]
{
	box-shadow: 0px 0px 4px #060606;
	-moz-box-shadow: 0px 0px 4px #060606;
	-webkit-box-shadow: 0px 0px 4px #060606;
	text-shadow: 0px 1px 0px #888;
	font-weight: bold;
}
/*begin ---------------------------------------- sidebar*/
#sidebar
{
	width: 280px;
	margin: 35px 0 0;
	display: inline-block;
	color: #8B8A8B;
	position: relative;
}
.sidebar_left #sidebar
{
	float: left;
	padding: 20px 0 20px 20px;
}
.sidebar_right #sidebar
{
	float: right;
	padding: 20px 10px 10px 20;
}
#sidebar A
{
	color: #8B8A8B;
	text-decoration: underline;
}
#sidebar A.readmore
{
	text-decoration: none;
}
.sidepanel
{
	position: relative;
	margin-bottom: 30px;
	text-shadow: 0px 1px 0px #F8F8F8;
	float: left;
}
.widget-container .sidepanel
{
	width: 280px;
	padding: 10px 8px 0;
}
#frontwidgets .sidepanel
{
	padding-top: 0px;
}
/*.sidepanel .title-container {
margin: 0 0 0 -25px;
}*/
.sidepanel H3
{
	color: #414445;
	font-size: 17px;
}
.sidepanel .title-container H3
{
	color: #FFF;
}
#sidebar .sidepanel H3
{
	margin-bottom: 10px;
}
.sidepanel UL LI
{
	padding: 5px 0;
	line-height: 1.5;
}
.sidepanel P
{
	margin-top: 8px;
	line-height: 1.5;
}
#searchform #s
{
	width: 180px;
}
#searchform INPUT[type="submit"]
{
	width: 80px;
}
.sidepanel .post-title
{
	font-size: 13px;
}
/*end ---------------------------------------- sidebar
begin ---------------------------------------- footer*/
#footer-container
{
	position: inherit;
	width: 100%;
	height: auto;
	padding: 0 45px 28px;
	display: table-cell;
}
#footer
{
	margin: inherit;
	width: 958px;
	height: auto;
	margin: 0 auto;
	display: inline-block;
	background: #191919 repeat-x;
	border: 1px solid #191919;
	color: #FFF;
	/*+placement:shift;*/
	left: 0;
	top: 0;
}
#footer-border
{
	display: inline-block;
	border: 1px solid #555;
	width: 956px;
	height: auto;
	position: relative;
}
#footer .sidepanel
{
	width: 200px;
	display: inline-block;
	float: left:;
	margin: 35px 20px 0 19px;
	padding: 0 0 35px;
	position: relative;
	color: #777;
	font-size: 12px;
	text-shadow: 0px -1px 0px #000;
}
#footer .sidepanel H3
{
	color: #FFF;
	margin: 0 0 30px;
}
#footer .sidepanel A
{
	color: #989592;
}
#footer-links
{
	display: inline-block;
	list-style: none;
	padding: 0 0 15px;
}
#footer-links LI
{
	float: left;
	margin-right: 15px;
}
/*end ---------------------------------------- footer
begin ---------------------------------------- widgets*/
.rf_fronttext_widget P
{
	display: inline-block;
	margin-top: 0px;
}
.rf_contact_widget .social-buttons
{
	margin: 0 0 10px;
	display: inline-block;
}
.rf_contact_widget .social-buttons A
{
	margin: 1px 0 0 15px;
	display: inline-block;
	float: left;
}
.rf_contact_widget .social-buttons A:first-child
{
	margin-left: 0;
}
.rf_contact_widget .social-buttons A:hover
{
	margin-top: 0px;
}
.rf_contact_widget .phone, .rf_contact_widget .email
{
	width: 100%;
	display: inline-block;
	margin: 10px 0 0;
}
.rf_contact_widget .phone .icon
{
	background: url('images/phone_dark.png') no-repeat 50% 50%;
}
#footer .rf_contact_widget .phone .icon
{
	background: url('images/phone.png') no-repeat 50% 50%;
}
.rf_contact_widget .email .icon
{
	background: url('images/email_dark.png') no-repeat 50% 50%;
}
#footer .rf_contact_widget .email .icon
{
	background: url('images/email.png') no-repeat 50% 50%;
}
.rf_contact_widget .icon
{
	height: 24px;
	width: 24px;
	display: inline-block;
	float: left;
}
.rf_contact_widget .text
{
	display: inline-block;
	float: left;
	width: auto;
	margin: 1px 0 0 10px;
}
.rf_contact_widget P
{
	margin: 0;
}
.rf_maps_widget
{
	background: #FFF;
	padding: 4px;
	border: 1px solid #DEDEDE;
	display: inline-block;
}
#footer .rf_maps_widget
{
	background: #111;
	border: 1px solid #2A2A2A;
}
.rf_twitter_widget
{
	display: inline-block;
}
.rf_twitter_widget .tweet
{
	background: #FAFAFA;
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
}
#footer .rf_twitter_widget .tweet
{
	background: #222;
	border: 1px solid #444;
}
.rf_twitter_widget UL.tweet_list
{
	display: inline-block;
}
.rf_twitter_widget UL.tweet_list LI
{
	line-height: 1.6;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.rf_twitter_widget .tweet_time, .rf_twitter_widget .tweet_time A
{
	display: block;
}
.rf_twitter_widget .arrow-container
{
	height: 10px;
	width: 10px;
	position: relative;
	margin: -1px 0 0 35px;
	display: inline-block;
	z-index: 100;
}
.rf_twitter_widget .arrow-border
{
	height: 0;
	width: 0;
	border-color: #D4D4D4 transparent transparent;
	border-style: solid;
	border-width: 10px;
	top: 0px;
	left: 0px;
	position: absolute;
}
#footer .rf_twitter_widget .arrow-border
{
	border-color: #444 transparent transparent;
}
.rf_twitter_widget .arrow
{
	height: 0;
	width: 0;
	border-color: #FAFAFA transparent transparent;
	border-style: solid;
	border-width: 8px;
	display: inline-block;
	top: 0px;
	left: 2px;
	position: absolute;
}
#footer .rf_twitter_widget .arrow
{
	border-color: #222 transparent transparent;
}
.rf_twitter_widget .follow
{
	display: inline-block;
	width: 100%;
	position: relative;
}
.rf_twitter_widget .follow IMG
{
	float: left;
	margin: 0 0 0 5px;
}
.rf_twitter_widget .follow A.followme
{
	float: right;
	margin: 0 5px 0 0;
}
.rf_latest_posts_widget .post-item
{
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 10px 0 0;
}
.rf_latest_posts_widget .post-item.first
{
	margin: 0;
}
.rf_latest_posts_widget .postimage-container
{
	float: left;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0 15px 0 0;
	border: 1px solid #DEDEDC;
	background: #FFF;
	padding: 4px;
}
#footer .rf_latest_posts_widget .postimage-container
{
	border-color: #2A2A2A;
	background: #111;
}
.rf_latest_posts_widget .postimage-container A
{
	width: 50px;
	height: 50px;
	display: inline-block;
	overflow: hidden;
	background: #FFF url('images/glass_tiny.png') no-repeat 50% 50%;
}
.rf_latest_posts_widget .postimage-container IMG
{
	height: 100%;
	width: auto;
}
#sidebar .rf_latest_posts_widget A
{
	text-decoration: none;
}
.rf_latest_posts_widget H4
{
	display: block;
	font-size: 14px;
	line-height: 1.3em;
}
.rf_latest_posts_widget A:hover H4
{
	text-decoration: underline;
}
#footer .rf_latest_posts_widget A:hover H4
{
	color: #FFF;
	text-decoration: none;
}
.rf_latest_posts_widget .post-date
{
	display: block;
	margin: 5px 0;
	line-height: 1.3em;
}
.widget_line
{
	width: 100%;
	height: 1px;
	display: inline-block;
	float: left;
}
.fan_box .full_widget
{
	height: 200px;
	border: 0 !important;
	background: none !important;
	position: relative;
}
.fan_box .connect_top
{
	background: none !important;
	padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block
{
	display: none;
}
.fan_box .connect_action
{
	padding: 0 !important;
}
/*end ---------------------------------------- widgets*/


FOOTER.PHP
<div class="cleared" align=center></div>
<br /><br /><br /><br /><br /><br /><br /><br />
                    <div class="cleared"></div>
<div id="content-bottom"></div>
    		</div><!-- .wrapper -->

    </div><!-- #container -->

       	            <div id="footer">
<div style="text-align: center;">
            	<div id="footer-border">
					<script type="text/javascript">
        $(document).ready(function(){
            $(".rf_twitter_widget.username-holywoodacting .tweet:not(.active)").each(function(){
				$(this).tweet({
					username: "holywoodacting",
					join_text: null,
					avatar_size: null,
					count: 1,
					auto_join_text_default: "",
					auto_join_text_ed: "",
					auto_join_text_ing: "",
					auto_join_text_reply: "",
					auto_join_text_url: "",
					loading_text: "loading tweets..."
				}).addClass('active');
            });
        });
        </script><div class="sidepanel"><h3>Our tweets</h3><div class="rf_twitter_widget username-holywoodacting">
			<div class="tweet"></div>
			<div class="arrow-container">
				<div class="arrow-border"></div>
				<div class="arrow"></div>
			</div>
			<div class="follow">
				<img src="./wp-content/themes/holywood/images/twitterbird.png" />

				<a class="followme" href="http://www.twitter.com/holywoodacting" target="_BLANK">follow on Twitter....</a>
			</div>
		</div></div><div class="sidepanel"><h3>Our latest posts</h3>		

					<?php query_posts('showposts=3'); ?>
					<?php while (have_posts()) : the_post(); ?><br />
					</a><table><tr><td border="4">
<?php postimage('smallthumbnail'); ?></td><td valign="top">
&nbsp;&nbsp;&nbsp;&nbsp;<strong><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></strong></td></tr></table>

					<?php endwhile; ?>

				
	

		</div><div class="sidepanel"><h3>Our location</h3><div class="rf_maps_widget">
			<iframe width="100%" height="200px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msid=201607335837015563938.0004a79762c07e3ababf2&msa=0&ll=33.987976,-118.383179&spn=0.008077,0.012059&output=embed"></iframe>
		</div></div><div class="sidepanel"><h3>Contact us!</h3><div class="rf_contact_widget"><div class="social-buttons"><a href="http://eugenioespinosa.com/themes/holywood/feed/" target="_BLANK"><img src="./wp-content/themes/holywood/images/rss.png" alt="RSS button" /></a><a href="http://www.twitter.com/holywoodacting" target="_BLANK"><img src="./wp-content/themes/holywood/images/twitter.png" alt="Twitter button" /></a><a href="http://www.facebook.com/holywoodactingstudio" target="_BLANK"><img src="./wp-content/themes/holywood/images/facebook.png" alt="Facebook button" /></a><a href="http://www.flickr.com" target="_BLANK"><img src="./wp-content/themes/holywood/images/flickr.png" alt="Flickr button" /></a><a href="http://www.linkedin.com" target="_BLANK"><img src="./wp-content/themes/holywood/images/linkedin.png" alt="LinkedIn button" /></a></div><div class="phone">
					<div class="icon"></div>

					<div class="text">
						<p>+1 000 000 0000</p>
					</div>
				</div><div class="email">
					<div class="icon"></div>
					<div class="text">
						<p>info@eugenioespinosa.com</p>
					</div>
				</div>
                           </div>
                      </div>      
      	          </div> 
            </div>
          
<!-- #footer -->

                    <div class="cleared"></div>


    <p class="art-page-footer">Powered by <a href="http://www.grafikes.com/">Grafikes</a> and <a href="http://www.holywoodactingstudio.com/">Acting Studio</a> Design by <a href="http://www.eugenioespinosa.com">Eugenio Espinosa</a>.</p>


<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/holywoodacting.json?callback=twitterCallback2&count=1" type="text/javascript"></script>

</body>
</html>


THANK A LOT FOR ALL THE REPLIES SO QUICKLY :)

The CSS/PHP was made by a wordpress theme if that helps at all.


Phil
Was This Post Helpful? 0
  • +
  • -

#7 EnvXOwner  Icon User is offline

  • PHP Brogrammer
  • member icon

Reputation: 355
  • View blog
  • Posts: 2,314
  • Joined: 10-August 09

Re: Centering a block of code

Posted 14 July 2011 - 03:46 PM

Try setting the margin: 0 auto; to #footer-container
Was This Post Helpful? 0
  • +
  • -

#8 BiffBaffBoff  Icon User is offline

  • D.I.C Head

Reputation: 20
  • View blog
  • Posts: 77
  • Joined: 10-February 11

Re: Centering a block of code

Posted 14 July 2011 - 04:10 PM

Remove display: inline-block from #footer, that'll center it for you.

Whilst you're at it, you can remove margin: inherit, top: 0 and left: 0 as they're all obsolete. top and left will only work if the element has the position property set, which was mentioned above.

This post has been edited by BiffBaffBoff: 14 July 2011 - 04:18 PM

Was This Post Helpful? 0
  • +
  • -

#9 maxincome4life  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 14-July 11

Re: Centering a block of code

Posted 14 July 2011 - 05:09 PM

View PostBiffBaffBoff, on 14 July 2011 - 04:10 PM, said:

Remove display: inline-block from #footer, that'll center it for you.

Whilst you're at it, you can remove margin: inherit, top: 0 and left: 0 as they're all obsolete. top and left will only work if the element has the position property set, which was mentioned above.


I removed the inline block from the footer but it's still stuck to the left :S Any other ideas?
Was This Post Helpful? 0
  • +
  • -

#10 BiffBaffBoff  Icon User is offline

  • D.I.C Head

Reputation: 20
  • View blog
  • Posts: 77
  • Joined: 10-February 11

Re: Centering a block of code

Posted 14 July 2011 - 05:11 PM

Did you keep the margin right and left set to auto?

Just checked your site and the footer is centered now

This post has been edited by BiffBaffBoff: 14 July 2011 - 05:12 PM

Was This Post Helpful? 0
  • +
  • -

#11 maxincome4life  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 14-July 11

Re: Centering a block of code

Posted 14 July 2011 - 06:06 PM

View PostBiffBaffBoff, on 14 July 2011 - 05:11 PM, said:

Did you keep the margin right and left set to auto?

Just checked your site and the footer is centered now



Thanks everyone... it did work :)
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1