/*----------Cardiff Life Style Sheet--------------*/

body {background-color:#e8e7e6;font-family:Arial, Helvetica, sans-serif;}
#wrapper {position:relative; text-align:left; margin:0 auto auto auto; }
#masthead {position: relative; background-image:url(images/cardifflife-headbgd.jpg); height: 146px;}



.box1, .box2, .box3, .box4, .box5, .box6, .box7 {display:block; overflow:hidden; font-size:0;}
.box1, .box2, .box3, .box4, .box5, .box6 {height:1px;}
.box4, .box5, .box6, .box7 {background:#ccc; border-left:1px solid #e8e7e6; border-right:1px solid #e8e7e6;}
.box1 {margin:0 9px; background:#e8e7e6;}
.box2 {margin:0 6px; background:#ffffff; border-left:3px solid #e8e7e6; border-right:3px solid #e8e7e6;}
.box3 {margin:0 4px; background:#ffffff; border-left:2px solid #e8e7e6; border-right:2px solid #e8e7e6;}
.box4 {margin:0 3px; background:#ffffff; border-width:0 1px;}
.box5 {margin:0 2px; background:#ffffff; border-width:0 1px;}
.box6 {margin:0 2px; background:#ffffff; border-width:0 1px;}
.box7 {margin:0 1px; background:#ffffff; border-width:0 1px; height:2px;}




/*---------------Navigation column----------------*/

#navcolumn {width:175px;#width:200px;height: 1%; overflow:auto; margin: 0 3px 3px 0;
float:left; padding-right:3px; text-align:left; font-family:Arial, Helvetica, sans-serif;color:#000;
font-size: 83%;line-height: 140%; background-color:#e8e7e6;display:inline; }

#leftnav1 {background-color:#666666; position:relative; width: 130px;height:215px; float:left; margin: 5px 0 9px 0; padding-top: 7px;}
#leftnav2 {background-color:#666666; position:relative; float:left; clear:left; width: 125px; height:128px; margin: 0 0 9px 0; padding-top: 2px}
#leftnav3 {background-color:#666666; position:relative; float:left; clear:left; width: 125px; height:70px; margin:0 0 9px 0; 
padding-top: 2px; font-size:81%;}
#leftnav4 {background-color:#666666; position:relative; float:left; clear:left; width: 125px; height:75px; margin:0 0 9px 0; 
padding-top: 2px;}
#leftnav5 {background-color:#666666; position:relative; float:left; clear:left; width: 125px; height:93px; margin:0 0 9px 0; 
padding-top: 2px;}
#leftnav6 {background-color:#666666; position:relative; float:left; clear:both; width: 125px; height:125px; margin: 0 0 9px 0;
padding-top: 2px; font-size:81%;}

.navlist {list-style-type:none;color:#FFFFFF;margin:0 5px 0 -32px;}
.navnote {padding-left:6px;}
.current {list-style-type:none; border-top:dotted; border-bottom:dotted; border-width:2px; border-color:#000; margin-left:-32px;font-weight:bold; line-height:155%;}
.list_header {margin: 7px 0 7px -27px;list-style-type:none;color:#FF9933;}

#navcolumn a:link, #navcolumn a:visited {color:#000; text-decoration:none;}
#navcolumn a:hover, #navcolumn a:active {color:#000; text-decoration:underline; font-weight:bold;}

#searchbox {margin-top:10px;width:175px;}

/*--------------------Page content items and text--------------*/

#topbox {margin:5px 5px 0 5px;height:auto;color:#000;font-size:80%; height: 1%; overflow:auto;}
.topbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:230px;padding:5px;}

.topimage 
{margin:10px 10px 10px 10px;width: 290px; float:left;}

#pagecontent 
{height:1%; overflow:auto; margin:-8px 5px 10px 5px; font-size:80%;color:#000;}


#paper 
{position:relative; margin:0;height:1%; overflow:auto; #margin-left:-25px;width:70%; text-align:left;font-family:Arial, Helvetica, sans-serif; float:left;display:inline;background-color:#e8e7e6; }

.box_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:5px;}

.livebox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:5px 15px 5px 20px;}
.livebox_inner li {min-height:240px;#min-height:270px;margin-left:-30px;}

.news {width:250px;float:left;display:inline;margin:10px 30px 20px 30px;}

.adbox {clear:left;margin:5px 0 0 30px;}

.jobsbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:15px;}

.pubsbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:5px 15px 5px 15px;}

.gigsbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:15px;}
.gigsbox_inner ul {list-style-type:none;}
.gigsbox_inner li {margin-left:-30px;}
.sat{color:#FF9933;}
.sun{color:#FF3300;}

.linksbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:5px 10px 5px 15px;}

.introtextbox 
{background-color:#fff; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:80%;float:left; padding:5px 10px 10px 10px; color:#000; display:inline;}
.introtextbox a:link, .introtextbox a:visited {text-decoration:underline; color:#FFFFFF;}


.where-image {width:300;height:200;float:left;margin-right:15px;border:0;"} 
.wherebox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding:5px;}
.where-list {margin:20px 0 0 10px;height:1%;float:left;clear:left;}

.pagecontentnote 
{float:right; background-color:#fff; width:180px; margin:-37px -25px 10px 10px; padding:8px; color:#333333; font-size:95%;}
.pagecontentnote a:link, #pagecontentnote a:visited {text-decoration:underline; color:#000000;}

.notebox_inner {border-left:solid 1px #fff; border-right:solid 1px #e8e7e6; background-color:#e8e7e6; width:auto;height:auto;padding:5px;}




h1 {font-size:150%; line-height:100%;margin-top:10px;}
h2 {font-size:110%;}
h3 {font-size:110%;color:#FF9933;}

#pagecontent p {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000000;}
#pagecontent ul {list-style-type:none; color:#000000; margin:0 0 0 -2px; line-height:120%;}
#pagecontent a:link, #pagecontent a:visited {text-decoration:underline;}


.pagecontentleft {width:45%; height:auto; padding:10px; float:left;}
.pagecontentright {width:45%; height:auto; padding:10px; float:left; margin:0 0 0 10px;}

#pagecontentrighthome {width:45%; height:auto; padding:30px 0 20px 30px; float:left; margin:0 0 0 10px;}



.weatherbox {width:auto; height:auto; float:left;display:inline; background-color:#fff; margin:10px 0 5px 50px;}

.bodyimage {margin:5px;}

#classifiedstopbox {width:645px;background-color:#fff;height:auto;margin-left:5px;font-size:80%; color:#FFFFFF;padding:5px 10px 10px 10px; }

/*---------------------Sitemap page styles----------------*/

#paper_sitemap {position:relative; background-color:#999999; height:1%; overflow:auto; margin:8px 0 10px 0; padding:20px 40px 40px 40px;
width:870px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:95%; line-height:50%;}

.sitemap_indent {text-indent:50px;}
.sitemap_p {text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:85%; text-indent:13px;}
.sitemap_indent_p {text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:85%; text-indent:63px;}

#paper_sitemap a:link, #paper_sitemap a:visited {
text-decoration:none; color:#FFFFFF;}
#paper_sitemap a:hover, #paper_sitemap a:active {
color:#FFFFFF; text-decoration:underline;}

.skip_nav {margin-left:-500px}

/*------------------------Adverts-------------------*/

#adccolumn {background-color:#e8e7e6; width:130px; height:1%; overflow:auto;margin:5px 0 0 10px;  float:left;display:inline;}

.adbox_inner {border-left:solid 1px #e8e7e6; border-right:solid 1px #e8e7e6; background-color:#ffffff; width:auto;height:auto;padding-left:10px;}

/*------------------------Footer----------------------*/

#footer {clear:both; background-color:#333333; margin:5px 0; font-size:1em; text-align:center;margin-bottom:5px;width:100%;}
.footer-tag {text-align:center;margin:10px;}