/* 
	Theme Name: OddJob
	Theme URL: http://www.exsite.ie
	Description: The OddJob Website
	Author: Graziano Muscas
	Author URI: http://www.wp-cafe.com
	Version: 0.9
*/

/* 
	1.0 RESET -----------------------------------------------------------------------------------------------------
*/
 *
	{
	margin:0;
	padding:0;
	line-height:20px;
	}
 .clear
	{
	clear:both;
	}
/* 
	1.1 MAIN  -----------------------------------------------------------------------------------------------------
*/

body {
	font-size:62,5%;
	font-family:Trebuchet Ms, Times new Roman, Arial, Verdana;
	margin: 0;
	padding: 0px;
	background:#edede8;
	color:black;
	}
#panino {
	width:1000px;
	margin:0 auto;
	background:url(images/panino.jpg) no-repeat bottom center;
	}
#footer{
	text-align:center;
	clear:both;
	padding:10px;
	}
#footer a{
	color:#ea5e9b;
	}
#content{
    width:900px;
	margin:0 auto;
	}
#header_box{
    width:1000px;
	background:url(images/header_box.jpg) no-repeat 0 0;
	height:148px;
	}
#header_box_inner{
    width:1000px;
	background:url(images/header_box_inner.jpg) no-repeat 0 0;
	height:148px;
	}
#content_box{
    width:1000px;
	background:url(images/content_box.jpg) repeat-y;
	}
#content_box_inner{
    width:1000px;
	height:310px;
	background:url(images/content_box_inner.jpg) repeat-y;
	}
#bordo_sotto {
	width:1000px;
	height:33px;
	background:url(images/bordo_sotto.jpg) no-repeat 0 0;
	}
#bordo_sotto_inner {
	width:1000px;
	height:33px;
	background:url(images/bordo_sotto_inner.jpg) no-repeat 0 0;
	}
/* 
	1.2 TYPO -----------------------------------------------------------------------------------------------------
*/
 a
	{
	text-decoration:none;
	color:#cc5d97;
	}
p,i,b
	{
	font-size:0.9em;
	}
h2,h3,h4,h5,h6
	{
	font-size:1.4em;
	margin-bottom:20px;
	color:#83c2e4;
	}
/* 
	1.3 HEADER -----------------------------------------------------------------------------------------------------
*/	
#header{
    width:900px;
	margin:0 auto;
	}
#logo a{
    width:100px;
	height:148px;
	float:left;
	text-indent:9999px;
	overflow:hidden;
	}
#pagesup {
    padding-top:80px;
	padding-right:30px;
	bottom: 0;
    right: 0;
    z-index: 999;
	line-height: 1;
	}
#pagesup li{
    float:right;
	list-style:none;
	width:140px;
	text-align:center;
	padding-bottom:10px;
	line-height:30px;
	vertical-align:center;
	}
#pagesup li:hover{
	background:url(images/li_top.png) no-repeat top center;
	color:white;
	}
#pagesup li a{
	font-size:0.8em;
	color:#cc5d97;
	padding:5px 20px;
	font-weight:bold;
	line-height:20px;
	display:block;
	}
#pagesup li a:hover{
	color:white;
	}
/* 
	1.3.1 SUBPAGES -----------------------------------------------------------------------------------------------------
*/	
#pagesup li ul { /* second-level lists */
    position: absolute;
    width: 140px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:20;
	background:url(images/ul_bottom.png) no-repeat bottom left;
	padding-bottom:10px;
	margin:0;
	padding-left:0;
	padding-right:0;
	text-align:left;
}

#pagesup li ul a
{
	padding:0 5px;
	color:white;
	font-size:0.8em;
	width:auto;
	display:block;
}
#pagesup li ul a:hover
{
	border-right:none;
	padding:0 5px;
	color:#cc5d97;
	background:none;
}
#pagesup li ul ul { /* third-and-above-level lists */
margin:0;
width:130px;
}

#pagesup li ul li
{
height: auto;
width:130px;
line-height:22px;
padding:5px;
background:#9bcbe5;
text-align:left;
}
#pagesup li ul li:hover
{
background:#9bcbe5;
}
#pagesup li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#pagesup li:hover ul, #pagesup li li:hover ul, #pagesup li.sfhover ul, #pagesup li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* 
	1.4 SLIDER -----------------------------------------------------------------------------------------------------
*/
#slider{
	width:860px;
	height:269px;
	background:white;
		}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
		}
#slider2{
	margin-top:1em;
	}
#slider li{ 
	width:860px;
	height:269px;
	overflow:hidden; 
		}	
#slider img{ 
	border:none;
		}
/* 
	1.5 INNER CONTENT -----------------------------------------------------------------------------------------------------
*/
.boxpost {
    padding:20px;
	position:relative;
	}
.entry {
	overflow:auto;
	height:230px;
	}
.boxpost_who{
    padding:20px;
	background:url(images/boxpost_who.jpg) no-repeat 0 0;
	}
.boxpost p{
    padding-bottom:10px;
	}
.boxpost ul, .boxpost ol{
    font-size:0.9em;
	margin-left:30px;
	margin:0 0 10px 30px;
	}
.boxpost_who p{
    width:600px;
	padding-bottom:10px;
	}
.ddfmwrap {
    padding:0;
	margin:0;
	}
.credits {
    display:none;
	clear:both;
	}
/* 
	1.6 FOOTER -----------------------------------------------------------------------------------------------------
*/
#footer p {
    font-size:0.7em;
	}
#footer_box {
    width:900px;
	margin:15px auto;
	}
#box_left {
    width:290px;
	margin-right:10px;
	height:175px;
	float:left;
	}
#box_center {
    width:290px;
	margin-left:5px;
	margin-right:5px;
	height:175px;
	float:left;
	}
#box_right {
    width:290px;
	margin-left:10px;
	height:175px;
	float:right;
	}
/* 
	1.6.1 FOOTER BOXES -----------------------------------------------------------------------------------------------------
*/
#box1,#box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9 {
    width:290px;
	height:175px;
	}
#box1 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box1.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box2 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box2.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box3 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box3.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box4 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box4.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box5 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box5.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box6 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box6.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box7 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box7.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box8 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box8.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}
#box9 a{
    width:290px;
	height:175px;
	display:block;
	background:url(images/box9.jpg) no-repeat 0 0;
	text-indent:9999px;
	overflow:hidden;
	}