* {margin:0; padding:0;}
img {border:0}
body {background:#ffffff; font-family: Verdana, Arial, Helvetica, "Sans Serif"; color: #0c0c0c; }

h1 {text-align:center; font-size:14px; padding:2px 0 0 0}
h2 {font-size:15px; margin-bottom:8px}
h3 {font-size:14px; margin-bottom:8px}

p#web_url {font-size:33px; font-weight:bold; margin:0; padding:0; float:right; clear:right; color:#fff04d}

img#logo_bottom {float:left}
p#adverts {float:right; margin:16px 2px 11px 0}

p, li, label, div#form_div {font-size:13px}
p, ul, ol {padding-bottom:8px}
address {text-align:center; font-size:11px; padding:8px; clear:both}
ul#policy_list {margin-left:240px; margin-bottom:12px}

.center {text-align:center}
span.red {color:#ff0000}

a:link {color:#0c0c0c}
a:visited {color:#0c0c0c}
a:hover {color:#b70009}
a:active {color:#ff0000}

/* links box --------------------- */

ul#link_box { position:absolute;
              top:165px;
              margin-left:-70px;
              list-style-type: none;
              }

 ul#link_box li a span {display: none; background: url(images/link-bg.gif) top right no-repeat;}   
  ul#link_box img { background: url(images/link-bg-left.gif) center left no-repeat; padding-left:5px}   
              
 ul#link_box li a:link,  ul#link_box li a:visited {padding:4px;}    
 
 ul#link_box li a:hover span,  ul#link_box li a:active span 
        { 
        
        display: block; 
        width:230px; 
        height:38px;
        z-index: 100; 
        background:#ffffff;
        position:absolute; 
        margin-left:70px;
        margin-top:-50px;
        padding:9px;
        font-weight:bold;
        font-size:14px;
         background: url(images/link-bg.gif) top right no-repeat;
        }
         
/* links box --------------------- */

/* page name box ---------------- */

div#page_box {float:right; 
              height:67px; 
              width:350px; 
              margin:0 10px;
              background: url(images/page-name-bg.gif) bottom no-repeat;
              }
  div#page_box img {float:right; padding: 3px 13px 4px 0;}  
  div#page_box p {margin:25px 0 0 13px}
               
/* page name box ---------------- */

/* index page boxes ----------------- */

div.index_box {width:375px; 
               float:left; 
               margin:2px 8px; 
               height:145px;
               background: url(images/box-bg.gif) bottom no-repeat; 
               }
               
 div.index_box img {float:left; padding: 0 8px 0 14px;}  
 div.index_box h3 {margin-top:45px; margin-bottom:6px}  
 div.index_box p.box_link {text-align:right; margin-right:12px}          

/* index page boxes ----------------- */

/* divs ----------------------------- */

div#wrapper {width:810px; margin:auto}
div#upper_title {height:131px; }

div#central_page {background:#fff04d}
div#main_page {padding:3px 12px 4px 12px; min-height:300px; clear:both}
div#main_page li {margin:3px 0 3px 28px }

div.center_div {margin:auto; width:270px}

/* divs ----------------------------- */

/* blog stuff ----------------------------- */

div#content {float:left; width:552px;  padding-right:8px}
div.post {clear:both; margin-top:12px}
div#sidebar {float:right; width:220px;  padding-top:8px}

p.postmetadata {font-size:10px; margin-bottom:10px}
small {font-size:10px; padding:8px}
p.form_text {font-size:11px}

.alignright {text-align:right}
div#content h3 {margin-bottom:8px}
div.entry {margin-top:8px}
div.entry img {padding:4px}
.aligncenter {text-align:center}
div.aligncenter {margin:auto;}
div.navigation {font-size:13px; padding:8px; margin-bottom:8px}

p.wp-caption-text {text-align:center}
div.alignnone {float:left}
div.alignright {float:right}
div.alignleft {float:left}

div.entry p, p.postmetadata {clear:left}

/* blog stuff ----------------------------- */

/* forms ---------------------------------- */
div#form_div {width:470px; margin:auto; }
div#center_div_faq {width:600px; margin:auto; font-size:12px; padding-top:10px}

label {
    float:left;
    clear:both;
	width: 140px;
	text-align: right;
    margin:6px 3px 0 0;
      }
      
label.no_top_margin {margin:1px 3px 0 0;} /* for checkbox, still needs a little margin top and right */
      
     input, textarea, select, checkbox  {margin-top:3px;} 
    
      form {margin:20px; }
    img#graphic {position:relative; top:3px;}  
      
/* forms ---------------------------------- */

 /* bookmarking ----------------------------------------------------- */
 
 div#social_bookmarks {margin:8px auto;
                       padding:2px 5px 3px 5px; 
                       border: dashed 1px #c0c0c0;  
                       position:relative;
                       bottom:0px;                       
                       clear:both; 
                       width:798px;
                       text-align:right; } 
                       
   div#social_bookmarks h3 {margin:0 0 -9px 0; text-align:left; font-size:13px }
                        
   div#social_bookmarks li.bookmarks {display:inline; 
                                      font-size:12px;
                                      background-repeat:no-repeat;
                                      padding:0 8px 0 17px;
                                      } 
                                    
div#social_bookmarks li.delicious { background-image:url(http://www.littledetails.co.uk/images/delicious_icon.gif); }
div#social_bookmarks li.digg { background-image:url(http://www.littledetails.co.uk/images/digg_icon.gif); }
div#social_bookmarks li.reddit { background-image:url(http://www.littledetails.co.uk/images/reddit_icon.gif); }
div#social_bookmarks li.facebook { background-image:url(http://www.littledetails.co.uk/images/facebook_icon.gif); }
div#social_bookmarks li.stumbleupon { background-image:url(http://www.littledetails.co.uk/images/stumbleupon_icon.gif); }
div#social_bookmarks li.twitter { background-image:url(http://www.littledetails.co.uk/images/twitter_icon.gif); }
div#social_bookmarks li.mixx { background-image:url(http://www.littledetails.co.uk/images/mixx.gif); }
div#social_bookmarks li.validators {padding:0 6px}
 /* bookmarking ----------------------------------------------------- */
 
  img#print_logo {display:none;}
 
  @media print { 
  
 div#social_bookmarks, 
 address, 
 ul#link_box, 
 div#upper_title, 
 p#web_url, 
 img#logo_bottom, 
 img#logo_top,
 div#page_box {display:none;}
 p {font-size:12pt}
 
 img#print_logo {display:block; margin:auto}

 }