/*  
Theme Name: KerryOnline
Theme URI: http://www.lifeinjersey.co.uk/project/kerryonline/
Description: The heavily modified KerryOnline theme - To portray a gallery for friends and family.
Version: 0.1
Author: John Patrick
Author URI: http://www.lifeinjersey.co.uk/

/*It all begins here...*/
* {margin: 0px; padding: 0px;}
a {text-decoration: none; color: #cc4444}
a:hover {color: #0b2b49}

html, body {background: #284f74; font-family: "Georgia", Lucida Grande, Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; text-align: center; }



/*Containment Field*/
#container { background: #3785c2; margin-left: auto; margin-right: auto; width:740px; border: 1px solid #c9c9c9; border-width: 0 5px 5px 5px; }



/*Header Fields*/
#header {background: #0b2b49; padding-top: 10px; padding-bottom: 0px; border-bottom: 10px solid #c9c9c9; }
#header h1 {font-size: 30px; color: #3785c2; font-weight: normal; letter-spacing: 3px; text-transform: uppercase; }
#header a { color: #3785c2; text-decoration: none; }
#header h2 {padding: 0 0 10px 0; font-family: "Arial Narrow", arial, verdana, tahoma; font-size: 18px; font-weight: normal; letter-spacing: 2px; word-spacing: 7px; color: #fff; }



/*Ordered Navigational List Fields*/
#header ul { padding: 5px 0 5px 0; list-style-type: none; background: #284f74; }
#header ul li { display: inline; padding: 0 15px; white-space: nowrap; }
#header ul li a {color: white; font-size: 16px; text-decoration: none;}
#header ul li a:hover {color: white; text-decoration: underline;}

	

	
/*Image Fields*/
#imageback { background: url("http://kerryonline.co.uk/nauticus/wp-content/themes/kerry-online/images/back.jpg") repeat; padding-top: 25px; padding-bottom: 50px; }

#image { width: 400px; margin-left: auto; margin-right: auto; font-family: "Arial Narrow", arial, verdana, tahoma; color: #3785c2; }
#image h1, #image h2 { font-weight: normal; text-transform: uppercase; }
#image h1 { font-size: 24px; }
#image h2 { font-size: 18px; }
#image img { padding: 10px; background: white; border: 10px solid #3785c2; }
#image a { font-family: "Arial Narrow", arial, verdana, tahoma; font-size: 30px; letter-spacing: 2px; color: #3785c2; text-decoration: none; text-transform: uppercase;}
#image a:hover { font-family: "Arial Narrow", arial, verdana, tahoma; font-size: 30px; letter-spacing: 2px; color: #0b2b49; text-decoration: none; text-transform: uppercase;}
#image div.back { float: left; }
#image div.next { float: right; }



/*Description Fields*/
#description { background: #3785c2; border-top: 10px solid #c9c9c9; padding: 10px 0 10px 0; }
#description hr { margin-left: auto; margin-right: auto; width: 175px; margin-bottom: 15px; }
#description h1 { font-size: 30px; color: #0b2b49; font-weight: normal; letter-spacing: 3px; text-transform: uppercase; }
#description p { padding: 0 30px 15px 30px; font-family: "Georgia", "Arial Narrow", arial, verdana, tahoma; font-style: italic; font-size: 14px; letter-spacing: 2px; color: #fff;}



/*Contact Form*/
#contact-form { background: #fff; text-align: left; padding: 10px 20px; color: #3785c2 }
#contact-form h1 {font-size: 36px; color: #0b2b49 }
#contact-form p {font-size: 22px; padding: 0 0 25px 0}
#contact-form hr {margin: 0 0 25px 0}
#contact-form ul, #contact-form ol {padding: 15px 75px}
#contact-form ul li, #contact-form ol li {font-size: 22px}
#contact-form ul.children, #contact-form ol.children {margin: 0; padding: 0 0 10px 0; list-style-type: disc;}
#contact-form ul.children li, #contact-form ol.children li {font-size: 14px}
#contact-form label {font-size: 16px; font-style: italic}



/*Credit*/
#credit {margin-left: auto; margin-right: auto; width: 740px; background: #fff; margin-top: 25px; border: 5px solid #c9c9c9; text-align: left}
#credit p {color: #3785c2; font-size: 14px; padding: 10px}
#credit a:hover {color: #0b2b49}

/*Category*/
#category {padding: 10px 0 10px 0; background: #fff; border-bottom: 10px solid #c9c9c9; color: #3785c2}