/*
Theme Name: John Patricks LIJ v1
Theme URI: http://www.lifeinjersey.co.uk/
Description: The Portfolio of a Madman.
Version: 1
Author: John Patrick
Author URI: http://www.lifeinjersey.co.uk/
Tags: green, grey, white, centralised
*/


/*:::::::::::::::::::::::::::::::: CSS RESET ::::::::::::::::::::::::::::::::*/


html, body, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: "Lucida Grande", Arial, Helvetia, Tahoma }

/* remember to define focus styles! */
:focus { outline: 0 }

body { line-height: 1; color: black; background: white }

/*ol, ul { list-style: none }*/

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0 }

caption, th, td { text-align: left; font-weight: normal }

blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }


/*:::::::::::::::::::::::::::::::: HEADER ::::::::::::::::::::::::::::::::*/


#above_header a { text-decoration: none; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.2em; padding: 5px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid white; border-left: 1px solid #666 }

#above_header a:link { color: white }     /* unvisited link */
#above_header a:visited { color: white }  /* visited link */
#above_header a:hover { color: white; border: 1px solid white; background: #48923e }   /* mouse over link */
#above_header a:active { color: white }   /* selected link */

#above_header ul li.current_page_item a,
#above_header ul li.current_page_ancestor a,
#above_header ul li.current_page_parent a { color: white; background: #888; border-top: 1px solid #666; border: 1px solid white }

#above_header { background: #666; padding: 0.1em; border-bottom: 4px solid black }

#above_header h1 { font-size: 2em; color: white; padding: 10px; letter-spacing: 8px; text-transform: uppercase }

#above_header em { font-size: 0.8em; color: white; font-style: normal }

#above_header em span { color: #f4b964; font-weight: bold }

#above_header em a { border: 0; text-transform: none; letter-spacing: 0; font-size: 1em; padding: 0 }
#above_header em a:hover { background: inherit; border: 0; color: #f4b964 }

#above_header ul  { padding: 0.5em 0.5em 0 0.5em }

#above_header ul li { list-style-type: none; padding: 0px 0.6em; line-height: 2.5em }


/* OVERFLOW CODE FOR CSS TOP LEVEL MENU */
#above_header ul li { display:inline-block; vertical-align:top; word-wrap:break-word; display:-moz-inline-box; -moz-box-orient:vertical; }
* html #above_header ul li { display: inline; line-height: 2.5em }
* + html #above_header ul li { display: inline; line-height: 2.5em  }
/* This is only needed for firefox versions below 3.01 : #above_header ul li > * { display:table; table-layout:fixed; overflow:hidden; } */
/* OVERFLOW CODE FOR CSS TOP LEVEL MENU */


/*:::::::::::::::::::::::::::::::: BODY ::::::::::::::::::::::::::::::::*/


body#lijv1 { background: #fff; text-align: center; margin: 0 auto }


/*:::::::::::::::::::::::::::::::: CONTENT CONTAINER ::::::::::::::::::::::::::::::::*/


#container { width: 80%; text-align: center; margin: 0 auto  }


/*:::::::::::::::::::::::::::::::: CONTENT ::::::::::::::::::::::::::::::::*/


#content,
#portfolio { text-align: center; background: #f4f4f4; border-left: 15px solid #d9d9d9; border-right: 15px solid #d9d9d9; border-bottom: 15px solid #d9d9d9 }

#content p { width: 70%; margin: 0 auto; text-align: center justify; line-height: 25px; padding: 5px 20px }
#portfolio p { width: 70%; margin: 0 auto; line-height: 25px; padding: 0 0 25px 0}


#content a,
#portfolio a { text-decoration: none; letter-spacing: 0.2em; border-bottom: 1px dotted #48923e }
#portfolio a { text-transform: uppercase }


#content a:link,
#portfolio a:link { color: #48923e }     /* unvisited link */




#content a:visited,
#portfolio a:visited { color: #48923e; border-bottom: 1px solid #48923e }  /* visited link */

#content a:hover,
#portfolio a:hover { color: black; border-bottom: 1px solid #48923e }   /* mouse over link */

#content a:active,
#portfolio a:active { color: #48923e }   /* selected link */

#content h2,
#portfolio h2 { font-size: 2.1em; color: #48923e; letter-spacing: 5px; padding: 15px 10px; text-transform: uppercase; line-height: 40px }

#content h3,
#portfolio h3 { font-size: 1.4em; color: #48923e; text-transform: uppercase; padding: 25px 10px 0 10px; line-height: 30px }

#content h4,
#portfolio h4 { font-size: 1.4em; color: #cc6600; text-transform: uppercase; padding: 25px 10px 0 10px; line-height: 30px }

#content img,
#portfolio img { background: #9bc895; border: 2px solid #777; padding: 7px; margin: 10px 10px 30px 10px }

#content code,
#portfolio code { font-family: Courier, "Courier New" }

#content strong,
#portfolio strong { font-weight: bold }

#portfolio ol { list-style: none; line-height: 30px; padding: 0 0 15px 0; text-align: center }

.divide { border-bottom: 1px solid #c6c6c6; margin: 10px 0 25px 0 }