html, body {padding:0;margin:0;}
body {max-width:1980px;margin:0 auto;font-size:62.5%;font-family:arial, verdana, tahoma,  sans-serif;}

/* common controls   color:#7A005C */
h1,h2,h3,h4,h5,h6,ul,li,p,table, ol {margin:0;padding:0}
h1 {font-size:3.6em;font-weight:normal;color:#ffb300}
h2 {font-size:2em;font-weight:normal; color:#0776a0}
h3 {font-size:1.6em;color:#0776a0;font-weight:normal}
h4 {font-size:1.5em; color:#0776a0;}
h5 {font-size:1.4em; }
h6 {font-size:1.4em; font-style:italic}

li, p {font-size: 1.4em}

li p, li li, li h4 {font-size:100%}
ul li li {list-style-type:disc}
p {margin-bottom:1.5em; line-height:1.4em}

table {border-collapse:collapse;}
td p {margin-bottom:1em}
hr { color:#900; background-color:#900;clear:both; margin:0 10px 10px 10px}

.clean {clear:both;}
.block {padding-bottom:2em;}
.section {background-color:#ececec; margin-bottom:10px; padding:10px}
.display_none {display:none;}

/* Links */
a {color:#900; text-decoration:underline;}
a:hover {color:#900; text-decoration:none;}
a img {border:none}
#content a.external span {display:none}


/* page design */
#clouds {background:transparent url(images/cloud2.gif) ; width:100%;}
#stars {background:transparent url(images/stars.gif) repeat-x ; width:100%;}
#horizon {background-color:#3cf;height:540px;position:absolute; bottom:0; width:100%; }
#deepsea {background-color:#0088CA;height:490px;position:absolute; bottom:0; width:100%;}
#sea {background-color:#09f;height:365px;position:absolute; bottom:0; width:100%;}
#wave {height:60px;position:relative; top:-40px; width:100%; background: transparent url(images/ani-wave.gif);}
#beach {background: transparent url(images/coast-background.png) no-repeat center center ; height:606px; position:absolute; bottom:0;width:100%; }
#beach p {position:absolute; bottom:5px; right:5px;}
#beach p a {text-decoration:none;}
#beach p a:hover {border-bottom:solid 2px white; color:black}

/* layout */

#wrapper {position:relative;background-color:#3cf;}
#page {width:1150px;margin:0 auto;padding-top:40px;padding-bottom:580px;position:relative;}


/* header */
#header {background-color:white; margin-bottom:15px; position:absolute; top:120px; left:0;}
#header h1 {font-size: 6em; font-weight:normal; text-transform: lowercase; letter-spacing:-.05em; width:1150px; padding:20px 0 25px 0;border-bottom:10px solid black}
#header h1 a {color:inherit; text-decoration:none;background:transparent url(images/phat-new-logo.png) no-repeat; width:1096px; height:49px;display:block;margin-left:25px;border-bottom: solid 2px white}
#header h1 a:hover {border-bottom: solid 2px #666}
#header #bloginfo {color:white;background-color:#f3f; position:absolute;top:77px; left:496px;width:436px; font-size:2em; text-align:center;padding:5px 0;letter-spacing:-.02em}
#header h1 a span {display:none}
#header h1 a span strong {color:#666;font-weight:normal}


/* table cell div layout */

#main-content {display:table; width:100%; border-collapse:collapse;margin-top:18em;background:#fff7da url(images/page-back-grey.jpg) repeat; font-family: 'palatino linotype ', georgia, serif;   }
#content-holder {display:table-row; }
#content {display: table-cell;width:694px;  padding:0 30px 20px 20px;}
#mid-col-holder,#right-col-holder {  display: table-cell; width:228px; vertical-align:top; }
#right-col-holder {}
#mid-col {padding-top:10px}
#right-col {padding-right:15px;padding-top:10px}
#content-container {padding:20px 38px 20px 20px; }

.block { margin:1em 5px;background:transparent url(images/menu-back-top.png) no-repeat top center;padding-top:23px;font-family:georgia, courier, 'courier new', monospace; letter-spacing:-.02em;}
.back {padding:2em;background:transparent url(images/menu-back-back.png) repeat-y top center;}
.bottom {background:transparent url(images/menu-back-bottom.png) no-repeat ;height:51px}
.search-box {width:100%;margin:1em 5px 0 5px;background:transparent url(images/search-back-written.png) no-repeat ;padding:35px 20px 20px 20px}
.block li {margin-left:1em;list-style-type:square; padding:2px 0}
.block li li {list-style-type:disc}


/* content stuff */
#content ul,#content ol {padding:2em 4em 1.5em 4em}
#content ul li,#content ol li {padding:0 0 .5em 0}
#content h1 {padding: 0 0 0 0; letter-spacing:-.03em}
#content p+ul, #content p+ol {padding-top:0}
#content ul ul, #content ol ul {padding:0 2em}
#content .post h1 {margin-right:90px}

/* right column area design */
#right-col h3, #mid-col h3, #right-col h2, #mid-col h2 {color: #900;margin-bottom:20px; }
#right-col ul  li.right {text-align:right;}
.list-actor{margin:0; padding:0; margin-right:3px;}



/* Footer area */
#footer {color:#900;clear:both;margin: 15px auto; background:transparent url(images/foot-line.gif) no-repeat center;width:100%;padding-bottom:10px}
#footer-content {background:black url(images/shade-grey.jpg) repeat-x top left;  padding:20px}
#footer h2 {color: #eff}
#footer ul{margin:0;padding:0; list-style-type:none; }
#footer ul li { width:400px; float:left; margin-right:10px; border-left:solid 1px #ccc;padding-left:4px;}
#footer ul li ul {  }
#footer ul li ul li {display:block; border:none;padding:0;margin-bottom:2px}

#footer ul li ul li a {padding-left:15px; background: transparent url(images/white-box.gif) no-repeat center left; color:#ddd; }
#footer ul li ul li a:hover{color:white;}
#footer ul li ul li a.facebook, #footer ul li ul li a.twitter {padding-top:6px ; padding-bottom:4px; display:block; }
#footer .clean {height:10px; }

/* Menu placing and naviagtion */
#menu {border-bottom:solid 2px black; position:absolute; width:100%; background-color:white;height:25px;top:0; font-family:arial, courier, "courier new", monospace; font-size:1.4em}
#navigation {width:1150px; margin:0 auto; text-transform:lowercase}
#navigation ul {padding:0; margin:0;width:924px}
#navigation ul li {display:inline;padding:0; margin:0; margin-right:20px; font-size:1.4em}
#navigation ul li a {text-decoration:none;}
#navigation ul li a:hover {text-decoration:underline;}
#navigation ul li.right {float:right; margin:0; margin-right:10px}
/* un comment to have simple folding icons
#navigation ul li.right a span {display:none}
#navigation ul li.right a:hover span {display:inline; padding-right:10px} */


/* forms */
#searchform {text-align:left;padding:0;margin:0;}
#searchform #s {background:#F3F3F3 url(images/search.jpg) right center no-repeat;color:#000;border:1px solid #ccc;padding:0;margin:0;}
#searchsubmit {padding:1px;background:#F3F3F3;color:#000;border:1px solid #ddd;	}
#commentform textarea {width:100%}
#searchsubmit.hidden {display:none}
	/* PAGENAVI
---------------------------------------*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {color:#900 !important;background:transparent !important;border:solid 1px #900 !important}
.wp-pagenavi a:hover {color:#900 !important;background:transparent !important;text-decoration:none;}.wp-pagenavi span.pages {background:transparent !important;}
.wp-pagenavi span.current {background:transparent !important;color:#02f }
.wp-pagenavi span.extend {background:transparent !important;color:#02f}
/* COMMENTS */


.commentlist li .avatar	{float:right;border:1px solid #eee;padding:2px;margin:2px 0;background:#fff;color:#000;	}
.commentlist li	{list-style:decimal;padding:0;}
ul.commentlist {margin-bottom:0; padding-bottom:0}
.commentlist .alt {background:#F3F3F3;color:#000;border:1px solid #ddd;}

	
	/* IMAGES */
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright {float:right;margin-left:10px;}
.alignleft {float:left;margin-right:10px;}
	
	
/* LINKS */	
a:link, a:visited {color:#900;text-decoration:none;}
a:hover, a:focus, a:active {color:#02f;text-decoration:underline;}

/* AMAZON !!! */

/* content column information */

/* comments */

div.comments {width:103px;height:103px; text-align:center;background: transparent url(images/shout.gif) no-repeat; position:absolute; right:-25px;top:-10px; font-size:2em; font-family: impact, sans-serif;}
div.comments a{  display:block; padding:30px 0 0px 50px; color:white; }
div.comments a:hover { }
.post {position:relative; margin-bottom:2em; padding-bottom:2em;  padding-top:3em}
.post+.post{}
.post h2 {margin-right:90px}
.post .author {padding:5px 0; margin-bottom:10px}

#content ul.postmetadata  {padding:50px 6em 0 6em;margin:0 ; list-style-type:none; background:transparent url(images/meta-data-back-595-166.png) no-repeat; height:110px;font-family: 'palatino linotype ', georgia, courier, 'courier new', monospace}
#content ul.postmetadata li {padding:0;margin:0; list-style-type:none;}

#respond, #comments-heading {padding-top:2em}

#wrapper.home #main-content {display:table; width:100%; border-collapse:collapse;margin-top:18em;background:#fff7da url(images/page-back-white.jpg) repeat; font-family: 'palatino linotype ', georgia, serif;   }
#wrapper.page404 #main-content {background-image:url(images/page-back404.jpg)}
#wrapper.home #content h1{padding-top:.5em;font-size:5.5em}
#wrapper.home #content-container, #wrapper.home #content {padding-right:20px}
#wrapper.home #content h1 small {color:#0776a0; font-size:40%; letter-spacing:normal;}
#main-menu {padding:30px}
#main-menu ul {padding:0;margin:0;list-style-type:none}
#main-menu ul li ul, #main-menu ul li li, #main-menu li li {list-style-type:none; padding:0;margin:0}
#main-menu ul li.left-side {float:left; width:30%;}
#main-menu ul li.right-side {float:right;width:30%;}
#main-menu ul li.middle {margin:0 35%}
#main-menu ul li li, #main-menu ul li li a {padding: 5px 0px}

#wrapper.sitemap #content .post {padding:0}

#wrapper.newsletter #main-content {display:table; width:100%; border-collapse:collapse;margin-top:18em;background:#fff7da url(images/page-back-grey.jpg) repeat; font-family: 'palatino linotype ', georgia, serif;   }



pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	/* background: url(pre_code_bg.gif) repeat-y left top; /*--Background of lined paper--*/
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
        max-width:590px
}
pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0 18px 0 ;
	display: block;
}

#wall {max-width:590px; height:400px;}