/* MGodwin.co.uk Stylesheet */

body { margin: 0; padding: 0; font-family: Verdana; font-size: 11px; background: url( /images/bg.png ) repeat-x top left; color: #294A63; }

a { color: #0F598E; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, p, ul, li { margin: 0; padding: 0; text-align: left; }

p { line-height: 180%; }

img { border: 0; }

input, textarea { padding: 3px; font-size: 11px; font-family: Verdana; width: 300px; }
button { padding: 3px; font-family: Verdana; font-size: 11px; cursor: pointer; }

form span { float: left; width: 100px; }

/* Container Styles */

#container { width: 884px; margin: auto; text-align: center; margin-top: 50px; }

/* Header Styles */

#header { width: 100%; position: relative; height: 70px; }
#header #logo { width: 214px; height: 48px; position: absolute; background: url( /images/logo.png ) no-repeat; *background: url(); *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='image'); left: 0; }

/* Navigation Styles */

#nav { width: 100%; height: 54px; background: url( /images/nav_bg.png ) repeat-x top left; position: relative; }
#nav .left { width: 8px; height: 54px; background: url( /images/nav_left.png ) no-repeat; position: absolute; left: 0; }
#nav .right { width: 8px; height: 54px; background: url( /images/nav_right.png ) no-repeat; position: absolute; right: 0; }
#nav ul { position: absolute; list-style: none; left: 0px; top: 8px; }
#nav li { float: left; padding: 0 20px; background: url( /images/nav_border.png ) no-repeat right bottom; }
#nav li a { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; display: block; padding: 9px 9px 20px 9px; -moz-border-radius: 8px; }
#nav li a:hover { background: #319CEF; text-decoration: underline; }
#nav li a.selected { background: #319CEF; text-decoration: underline; }

/* Content Styles */

#content_container { width: 100%; overflow: hidden; background: #D8EAF7; }

#content_left { float: left; width: 640px; background: #FFFFFF; border-right: 3px solid #FFFFFF; *border-right: 1px solid #FFFFFF; }
#content_left .inner { padding: 10px; }
#content_left .inner h2, #content_left .inner h3, #content_left .inner p { margin-bottom: 10px; }
#content_left .inner ul { padding-left: 30px; alist-style: none; }
#content_left .inner ul li { margin-bottom: 10px; }

#content_right { float: right; width: 240px; background: #D8EAF7; }
#content_right .inner { padding: 10px; }

/* Footer Style */

#footer { width: 100%; height: 70px; background: url( /images/footer.png ) repeat-x; margin-bottom: 20px; color: #FFFFFF; position: relative; border-top: 6px solid #309DEE; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .nav { position: absolute; top: 10px; left: 15px; }
#footer .copyright { position: absolute; top: 35px; left: 15px; }

/* Sub Menu Style */

.sub_menu { width: 100%; margin-bottom: 20px; }

.sub_menu .header { width: 100%; height: 36px; background: url( /images/sub_menu_bg.png ) repeat-x top left; position: relative; }
.sub_menu h4 { color: #FFFFFF; font-weight: bold; position: absolute; top: 10px; left: 15px; }
.sub_menu .header .left { width: 5px; height: 36px; background: url( /images/sub_menu_left.png ) no-repeat; position: absolute; left: 0; }
.sub_menu .header .right { width: 6px; height: 36px; background: url( /images/sub_menu_right.png ) no-repeat; position: absolute; right: 0; }

.sub_menu .content { width: 100%; background: #FFFFFF; text-align: left; }
.sub_menu .content .inner { border: 1px solid #B5CEE7; border-top: none; }
.sub_menu .content .inner ul { padding-left: 20px; }
.sub_menu .content .inner li { list-style-image: url( /images/li_icon.png ); padding-bottom: 15px; }

/* Welcome Area */

#welcome { width: 100%; border: 1px solid #B5CEE7; background: #DCEAF8; text-align: left; margin-bottom: 20px; }
#welcome .inner { padding: 20px; }
#welcome .inner h2 { color: #294A63; font-size: 14px; padding-bottom: 10px; margin: 0; border: none; }
#welcome .inner p { line-height: 180%; color: #0F598E; }

/* LP Photo Feed */

#feed { width: 100%; text-align: center; padding-bottom: 10px; }
#feed h2 { text-align: left; margin-bottom: 20px; color: #2c4a60; font-size: 16px; }
#feed .image_holder { width: 550px; border: 1px solid #B5CEE7; padding: 2px; padding-right: 4px; margin: auto; margin-bottom: 20px; }
#feed .image_holder img { border: 1px dotted #FFFFFF; }

/* Blog Header */

.blog_header { width: 100%; position: relative; margin-bottom: 20px; }
.blog_header .date { width: 63px; height: 60px; background: url( /images/date_bg.png ) no-repeat; float: left; padding-right: 20px; color: #FFFFFF; font-weight: bold; font-size: 12px; }
.blog_header .date div { padding-top: 10px; }
.blog_header .date div span { font-size: 20px; }
#content_left .inner .blog_header h2 { border: 0px; padding: 0; margin: 0; padding-top: 10px; }

/* Breaker */

.breaker { width: 100%; height: 2px; border: 1px dotted #A0B9CA; margin: 20px 0; }

/* Blue Comment */

.blue_comment { background: #dceaf8; border: 1px solid #b7cbe0; position: relative; margin-bottom: 10px; }
.blue_comment .inner { padding: 20px; }
.blue_comment .top_left { position: absolute; top: -1px; left: -1px; background: url( /images/blue_top_left.png ) no-repeat; width: 5px; height: 5px; }
.blue_comment .top_right { position: absolute; top: -1px; right: -1px; background: url( /images/blue_top_right.png ) no-repeat; width: 5px; height: 5px; }
.blue_comment .btm_left { position: absolute; bottom: -1px; left: -1px; background: url( /images/blue_btm_left.png ) no-repeat; width: 5px; height: 5px; }
.blue_comment .btm_right { position: absolute; bottom: -1px; right: -1px; background: url( /images/blue_btm_right.png ) no-repeat; width: 5px; height: 5px; }

/* White Comment */

.white_comment { background: #FFFFFF; border: 1px solid #b7cbe0; position: relative; margin-bottom: 10px; }
.white_comment .inner { padding: 20px; }
.white_comment .top_left { position: absolute; top: -1px; left: -1px; background: url( /images/white_top_left.png ) no-repeat; width: 5px; height: 5px; }
.white_comment .top_right { position: absolute; top: -1px; right: -1px; background: url( /images/white_top_right.png ) no-repeat; width: 5px; height: 5px; }
.white_comment .btm_left { position: absolute; bottom: -1px; left: -1px; background: url( /images/white_btm_left.png ) no-repeat; width: 5px; height: 5px; }
.white_comment .btm_right { position: absolute; bottom: -1px; right: -1px; background: url( /images/white_btm_right.png ) no-repeat; width: 5px; height: 5px; }