/*
URI: http://podge.co.uk
Description: Podge 2009 - Version: 1.0
Authors: Oliver Rich
Author URI: http://www.nitrogroup.com
*/

/* Default Styles
___________________________________________________________________ */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { margin: 0; padding: 0; background: url(../img/layout/bg-y.gif) top center repeat-y; font: 62.5% Georgia, "Times New Roman", Times, serif; color: #FFF; background-color: #FFF; }
ul li, ol li { list-style: none; }
.margin-top { margin-top: 15px; }
.margin-right { margin-right: 15px; }
.margin-bottom { margin-bottom: 15px; }
.margin-left { margin-left: 15px; }
.none { margin-right: 0 !important; }
h1 { font-size: 1.4em; }
h1 a { display: block; height: 100%; text-indent: -1000em; overflow: hidden; width: 100%; }
h1#logo { height: 145px; background-image: url(../img/layout/tl-logo.gif); background-repeat: no-repeat; cursor: pointer; width: 145px; float: right; margin: 15px 160px 0 0 }
ol, ul, quote, code, fieldset { }
p { font-size: 1.2em; margin: 0 0 15px 0 !important; padding: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
#struct-col-left img { display: block; }
.text-block { display: block; margin: 15px 0 15px 0; }

/* Primary Structure
___________________________________________________________________ */
#struct-container { background: url(../img/layout/bg-container.gif) top center repeat-y; margin: 0 auto; width: 974px; min-height: 100%; }
#header { width: 974px; float: left; padding: 0; margin: 0; }
#struct-navigation { float: left; width: 627px; padding: 0 0 15px 15px; margin: 0; }
#struct-col-left { width: 642px; float: left; margin: 0 0 20px 15px; height: 100%; min-height: 100%; }
#struct-col-right { width: 287px; float: left; margin: 0 15px 0 15px; height: 100%; min-height: 100%; }

/* Links
___________________________________________________________________ */
.company { color: #FFFFFF; }
.role { color: #999999; }
.roll { color: #999999 !important; }
.name { color: #FFCC00; }

/* Definition List / Navigation
___________________________________________________________________ */
.primary dt, .secondary dt { color: #FFF; font: 1.3em Georgia, "Times New Roman", Times, serif; }
.primary, .secondary { float: left; width: 306px; margin-top: 15px; }
.secondary { margin-left: 15px; }
dd.who, dd.where, dd.menu, dd.photos, dd.quotes, dd.friends { width: 306px; height: 45px; }
dd.who a, dd.where a, dd.menu a, dd.photos a, dd.quotes a, dd.friends a { text-indent: -1000em; display: block; height: 100%; width: 100%; }
dd.who a { background: url(../img/layout/rootnav-who.gif) -1px 100% no-repeat; }
dd.who a:hover, dd.who a.active { background: url(../img/layout/rootnav-who.gif) -1px 0 no-repeat; }
dd.where a { background: url(../img/layout/rootnav-where.gif) -1px 100% no-repeat; }
dd.where a:hover, dd.where a.active { background: url(../img/layout/rootnav-where.gif) -1px 0 no-repeat; }
dd.menu a { background: url(../img/layout/rootnav-menu.gif) -1px 100% no-repeat; }
dd.menu a:hover, dd.menu a.active { background: url(../img/layout/rootnav-menu.gif) -1px 0 no-repeat; }
dd.photos a { background: url(../img/layout/rootnav-photos.gif) -3px 100% no-repeat; }
dd.photos a:hover, dd.photos a.active { background: url(../img/layout/rootnav-photos.gif) -3px 0 no-repeat; }
dd.quotes a { background: url(../img/layout/rootnav-quotes.gif) -2px 100% no-repeat; }
dd.quotes a:hover, dd.quotes a.active { background: url(../img/layout/rootnav-quotes.gif) -2px 0 no-repeat; }
dd.friends a { background: url(../img/layout/rootnav-friends.gif) -3px 100% no-repeat; }
dd.friends a:hover, dd.friends a.active { background: url(../img/layout/rootnav-friends.gif) -3px 0 no-repeat; }

/* index
___________________________________________________________________ */
.hero { border: #931d28 5px solid;  width: 617px; height:617px;  }

/* iframe
___________________________________________________________________ */
iframe { border: #931d28 5px solid; }

/* Where
___________________________________________________________________ */
.calender-block { display: block; position: relative; width: 306px; float: left; margin: 15px 0 15px 0; padding-right: 291px; }
.ical { position: relative; top: -60px; left: 321px; padding-top: 35px; display: block; background: url(../img/content/ical.gif) no-repeat; text-decoration: none; color: #FFFFFF; font-size: 1.2em; }

/* Photos
___________________________________________________________________ */
#photos li { float: left; padding-right: 15px; margin-bottom: 10px; }
#photos { margin-bottom: 20px; }

/* Who
___________________________________________________________________ */
.struct-who { width: 145px; float: left; margin-right: 15px; }
dl.who-list { margin-bottom: 20px; font-size: 1.2em; }
dl.who-list dd a { color: #FFFFFF; text-decoration: none; }
dl.who-list dd a:visited { color: #FFF; text-decoration: underline; }
.who-list dt {  }

/* Menu
___________________________________________________________________ */
.struct-menu { margin-top: 15px; }
ul#menu-left, ul#menu-right { float: left; width: 306px; }
ul#menu-left { margin-right: 15px; }
dl.menu { /*width: 306px;*/ /*float: left;*/ margin-right: 15px; margin-bottom: 20px; font-size: 1.2em; }
dl.menu dd, dl.menu dd ul li { /*float: left;*/ /*margin-right: 15px;*/ margin-bottom: 20px; }
dl.menu dt { color: #FFCC00; padding-bottom: 5px; } 

/* Friends
___________________________________________________________________ */
.struct-friends { width: 306px; float: left; margin-right: 15px; }
.struct-friends h3 { color: #FFCC00; }
.struct-friends p { float: left; padding-bottom: 15px; }
.struct-friends a { color: #FFF; text-decoration: none; display: block; padding-top: 15px; }

/* Quotes
___________________________________________________________________ */
.struct-quote { width: 306px; float: left; margin-bottom: 20px; margin-right: 16px; }
.struct-quote a { color: #FFF; text-decoration: none; }
.struct-quote li { font-size: 1.2em; }