/*
Theme Name: Pepper Kitchens
Theme URI: http://www.adrenalinecreative.co.uk/
Description: Theme for the news section
Version: 1.0
Author: Adrenaline Creative
Author URI: http://www.adrenalinecreative.co.uk/
Tags: black, dark, red, kitchens
*/

/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}


/* - - layout - - */

body { background: #000 url(images/global/background.jpg) repeat-x top left; color: #A4A4A4; font-family: Arial, Helvetica, sans-serif, "MS Reference Sans Serif"; font-size: 11px; }

img { vertical-align: bottom; }

h3 a { color: #fff; }

.read-more { float: right;  }

.post { padding: 10px 0 10px 0; width: inherit; overflow: hidden; border-bottom: solid 1px #474747; }



#wrapper { width: 830px; margin: 0 auto 0 auto; }

#flash { width: 830px; height: 360px; margin-bottom: 9px; overflow: hidden; }



#thin-column { width: 180px; float: left; overflow: hidden; }

img#logo { float: right; margin: 25px 0 0 0; }



#medium-column { width: 200px; float: left; overflow: hidden; }

#content { width: 400px; padding: 0 25px 0 25px; float: left; overflow: hidden;  }

.news-content { width: 625px !important; padding: 0 0 0 25px !important; }

#highlight { width: 830px; padding: 10px 0 0 0; overflow: hidden; background: url(images/global/content-highlight.jpg) top no-repeat; }


/* - menu - */

ul#menu { padding: 0; margin: 0; list-style: none; text-transform: uppercase; font-weight: bold; }

ul#menu li { width: 180px; height: 20px; float: left; margin: 0 0 10px 0; text-align: right; }

ul#menu li a { width: 170px; height: 16px; padding: 4px 10px 0 0; float: left; background: url(images/menu/off-dark.jpg) repeat-x; text-decoration: none; display: block; white-space: nowrap;  }

ul#menu li a:hover,
body#home a#menu-home,
body#news a#menu-news,
body#small-and-select a#menu-small-and-select,
body#large-and-fast a#menu-large-and-fast,
body#student-accomodation a#menu-student-accomodation,
body#contact-us a#menu-contact-us { background-image: url(images/menu/on.jpg); color: #FFF; }


ul.list { list-style: circle; padding: 0; margin: 0; }

ul.list li { padding: 0 0 10px 0; float: none; clear: both; line-height: 16px; }


.thumbnails img { margin-bottom: 10px; }


form#contact-form { padding: 0; margin: 0; }

form#contact-form  { width: 330px; }

form#contact-form label { width: 100px; float: left; }

form#contact-form input, form#contact-form textarea { width: 200px; margin: 0 0 10px; 0; float: left; }

textarea#details { width: 300px !important; }

input.check-box { width: 20px !important; margin: 0 10px 0 0 !important; }

label#check-detail { width: 250px !important; }

input#submit { width: 70px !important; }

.thumbnail { width: 115px; height: 85px; overflow: hidden; float: left; margin: 0 10px 0 0; }

input.required { background-color: #FF6666 !important; }




.clear { clear: both; }

.clear10 { height: 10px; clear: both; }


/* - - type - - */

h1 { font-size: 14px; color: #FFF; font-weight: normal; text-shadow: #000 1px 1px 2px; }

h3 { padding: 0; margin: 0; color: #fff; }

h3 em { font-weight: normal !important; line-height: 18px; }

h2.news { font-size: 11px; text-transform: uppercase; font-weight: bold; width: 190px; height: 16px; padding: 4px 0 0 10px; margin: 0 0 10px 0; float: left; background: url(images/menu/on.jpg) repeat-x; text-decoration: none; display: block; white-space: nowrap; }

h2.news a { text-decoration: none; }

h2.news a:hover { color: #FFF; }

a { color: #A4A4A4; }

a:hover { color: #FFFFFF; }

#medium-column p { line-height: 14px; }

p { line-height: 18px; }