@charset "utf-8";

/*------------------------------------------------------------------
   AUTHOR           : Karl Podger (karl.podger@primeordinal.com)
------------------------------------------------------------------*/

/*------------------------------------------------------------------
BASE - TABLE OF CONTENTS
........................
1. GENERAL
   1.1 RESETS AND DEFAULTS
   1.2 TEXT
   1.3 LINKS
       1.3.1 DEFAULT LINK
       1.3.2 EMPHASIZED LINK
   1.4 HEADERS
   1.5 IMAGES
   1.6 LISTS
       1.6.1 GENERIC LIST
       1.6.2 INTERFACE LIST
       1.6.3 FEED LIST
             1.6.3.1 DEFAULT FEED LIST
             1.6.3.2 FEED LIST NESTED LIST RESETS
       1.6.4 FUNCTIONAL MODULES LIST
       1.6.5 XOXO LIST
       1.6.6 EMPHASIS LIST
       1.6.7 FIRST-CHILD AND LAST-CHILD PSEUDOCLASS REPLICATION
   1.7 TABLES
   1.8 FORMS
       1.8.1 MESAGES
   1.9 META
2. LAYOUT
   2.1 GRIDS
       2.1.1 DEFAULT GRID
       2.1.2 LEVEL 1 GRIDS (MAIN LAYOUT COLUMNS)
       2.1.3 LEVEL 2 GRIDS (ROWS NESTED WITHIN MAIN LAYOUT COLUMNS)
   2.2 CONTAINERS
       2.2.1 GENERIC CONTAINER
       2.2.2 CONTAINER 1
       2.2.3 CONTAINER 2
       2.2.4 CONTAINER 3
       2.2.5 CONTAINER 4
       2.2.6 EQUAL HEIGHT COLUMNS
3. HEADER
   3.1 HEADER LAYOUT
   3.2 BRANDING
   3.3 SEARCH
4. NAVIGATION
   4.1 PRIMARY NAVIGATION
       4.1.1 PRIMARY NAVIGATION LIST
             4.1.1.1 SUBSECTION
             4.1.1.2 SUBSECTION ROUNDED CORNERS
       4.1.2 PRIMARY NAVIGATION LINKS
   4.2 SECONDARY NAVIGATION
       4.2.1 SECONDARY NAVIGATION LIST
       4.2.2 SECONDARY NAVIGATION LINKS
   4.3 SUB-PAGES
       4.3.1 SUB-PAGES ELEMENTS
       4.3.2 TERTIARY NAVIGATION LIST
       4.3.3 TERTIARY NAVIGATION LINKS
   4.4 INTERNAL NAVIGATION
5. FOOTER
6. ELEMENTS
   6.1 TOOLS
       6.1.1 TOOLS LIST
       6.1.2 TOOLS LINK
   6.2 BREADCRUMB
       6.2.1 BREADCRUMB CONTAINER
       6.2.2 BREADCRUMB LIST
   6.3 TITLES
       6.3.1 BASIC TITLE
       6.3.2 CALLOUT TITLE
   6.4 BLOCKQUOTES
   6.5 CONTEXT
       6.5.1 PAGINATION
             6.5.1.1 PAGINATION ELEMENTS
             6.5.1.2 PAGINATION LINKS
   6.6 RESULT-SET
   6.7 hENTRY (hAtom) / ENTRY
       6.7.1 GENERIC hENTRY
       6.7.2 CONFIGURATIONS
             6.7.2.1 CONFIGURATION1
             6.7.2.2 CONFIGURATION2
             6.7.2.3 CONFIGURATION3
   6.8 MODULES
       6.8.1 MODULE ELEMENTS
       6.8.2 MODULE COLOR SCHEMES
             6.8.2.1 DEFAULT SCHEME
             6.8.2.2 SHADE 1 SCHEME
             6.8.2.3 SHADE 2 SCHEME
             6.8.2.4 SHADE 3 SCHEME
       6.8.3 MODULE HENTRY
7. PAGES
   7.1 SEARCH RESULTS
   7.2 VIDEO
   7.3 FEATURE PAGES
8. EMBEDDED (OBJECTS/IFRAME)
9. CLEARFIX
10. OVERLAYS
11. TEMPORARY STYLES (TO BE REMOVED)
------------------------------------------------------------------*/

/*------------------------------------------------------------------
COLOR MANAGEMENT
................
   BACKGROUND       : #edeee9
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS (Reset by Blueprint - http://www.blueprintcss.org)
------------------------------------------------------------------*/
.replaced
{
	display					: block;
	overflow				: hidden;
	text-indent				: -5000px;
}

.hidden
{
	display					: block;
	height					: 0;
	left					: -5000px;
	line-height				: 0;
	margin					: 0;
	overflow				: hidden;
	padding					: 0;
	position				: absolute;
	text-indent				: -5000px;
	width					: 0;
}

.invisible
{
	visibility				: hidden;
}

.clear-value
{
	display						: none;
}

/*------------------------------------------------------------------
1.2 TEXT
------------------------------------------------------------------*/
body
{
	font-family				: Georgia;
}

p
{
	margin					: 0 0.5em 1em 0.5em;
}

.lead
{
	margin					: 1em 0.5em 1em 0.5em;
	font-weight				: bold;
}

.introduction
{
	display					: block;
}

/*------------------------------------------------------------------
1.3 LINKS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.3.1 DEFAULT LINK
------------------------------------------------------------------*/
a
{
	color						: #027e02;
	cursor						: pointer;
	text-decoration				: none;
}

a:focus,
a:hover,
a.focus
{
	text-decoration				: underline;
}

a.rss
{
	background					: url(/images/interface/links/icon_rss.gif) no-repeat scroll center left;
	padding-left				: 15px;
}

/*------------------------------------------------------------------
1.3.2 EMPHASIZED LINK
------------------------------------------------------------------*/
a.emphasized
{
	text-decoration				: underline;
	color						: #027e02;
}

/*------------------------------------------------------------------
1.4 HEADERS
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-family				: Georgia;
}

h2
{
	font-size				: 180%;
	margin-bottom			: 0;
	line-height				: 1;
	font-weight				: bold;
}

.main-content h3
{
	color					: #666;
	padding					: 0.5em 0 0 0.25em;
	margin-bottom			: 0.25em;
	font-size				: 200%;
}

.main-content h4
{
	background				: #333 url(../../img/layout/main-dialog-header.png) repeat-x top left;
	color					: #fff;
	text-shadow				: 0px 1px 1px #000;
	padding					: 6px 0 8px 12px;
	margin-bottom			: 0.25em;
	font-size				: 150%;
	line-height				: 1;
	clear					: both;
}

/*------------------------------------------------------------------
1.5 IMAGES
------------------------------------------------------------------*/
.main-content p img
{
	display					: inline;
	margin					: 2px;
}

.main-content a img
{
	display					: inline;
	margin					: 0;
}

.main-content p div
{
	/*
	float					: left;
	*/
	padding					: 0.5em;
}

/*------------------------------------------------------------------
1.6 LISTS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.1 GENERIC LIST
------------------------------------------------------------------*/
ol li
{
	list-style-type			: decimal;
}

ul li
{
	list-style-type			: disc;
}

dl dd
{

}

.main-content ul, .main-content ol
{
	margin-left				: 2.5em;
}

/*------------------------------------------------------------------
1.6.2 INTERFACE LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.3 FEED LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.3.1 DEFAULT FEED LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.3.2 FEED LIST NESTED LIST RESETS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.4 FUNCTIONAL MODULES LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.5 XOXO LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.6 EMPHASIS LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.6.7 FIRST-CHILD AND LAST-CHILD PSEUDOCLASS REPLICATION
------------------------------------------------------------------*/
li.first-child
{
}

li.last-child
{
 background         : none;
 margin-right       : 0;
 padding-right      : 0;
}

body div#wrapper .feed li.last-child,
body div#wrapper .feed li.merge
{
 border-bottom      : 0;
}

/*------------------------------------------------------------------
1.7 TABLES
------------------------------------------------------------------*/
.table
{
	overflow				: hidden;
}

.main-content table
{
	margin					: 0.5em;
}


/*------------------------------------------------------------------
1.8 FORMS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.8.1 MESAGES
------------------------------------------------------------------*/
p.success-msg,
p.error-msg
{
 padding            : 4px;
}

p.success-msg
{
 background         : #7fff7f;
 margin-top         : 1em;
}

p.error-msg
{
 background         : #ff7f7f;
}

span.required
{
 color              : #ff0000;
 font-weight        : 700;
 padding            : 0 4px;
}


/*------------------------------------------------------------------
1.8.2 BUTTONS
------------------------------------------------------------------*/
/* REQUIRED BUTTON STYLES: */
.button, .button span
{
	outline					:  none;	
}

button, a.button
{
	position				: relative;
	border					: 0; 
	padding					: 0;
	cursor					: pointer;
	overflow				: visible; /* removes extra side padding in IE */

	font-family				: Arial;

	font-size				: 125%;
	padding					: 0 31px 0 0;
	text-align				: center;
	right					: -20px;
	margin-right			: 5px;
}

/* overrides extra padding in Firefox */
/*
button::-moz-focus-inner, a.button::-moz-focus-inner
{
	border					: none;
}
*/

.button span
{
	display					: block;
	height					: 25px;
	position				: relative;
	white-space				: nowrap;
}

button.button span
{
	padding					: 6px 0 0 18px;
}


a.button span
{
	padding					: 4px 0 2px 18px;
}

a.button
{
	display					: block;
	float					: right;
	padding					: 0 33px 0 0;
	text-decoration			: none;
}

button.button span
{
	margin-right			: -1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/* Safari and Google Chrome only - fix margins */

	a.button span
	{
		margin-top			: 0;
	}

	button.button span
	{
		left				: -3px;
		top					: 1px;
	}
}

/*------------------------------------------------------------------
1.8.2.1 GREEN BUTTON
------------------------------------------------------------------*/
.button.green
{
	background				: transparent url(../../img/layout/buttons/button-green.png) no-repeat right -34px;
}

button.button.green
{
	background				: transparent url(../../img/layout/buttons/button-green.png) no-repeat right -33px;
}
	
.button.green span
{
	background				: transparent url(../../img/layout/buttons/button-green.png) no-repeat left top;
}

.button.green:hover, .button.green.hover, .button.green:hover span, .button.green.hover span
{
	color					: #333;
}

/*------------------------------------------------------------------
1.8.2.2 GREY BUTTON
------------------------------------------------------------------*/
.button.grey
{
	background				: transparent url(../../img/layout/buttons/button-grey.png) no-repeat right -34px;
}

button.button.grey
{
	background				: transparent url(../../img/layout/buttons/button-grey.png) no-repeat right -33px;
}
	
.button.grey span
{
	background				: transparent url(../../img/layout/buttons/button-grey.png) no-repeat left top;
}

.button.grey:hover, .button.grey.hover, .button.grey:hover span, .button.grey.hover span
{
	color					: #333;
}

/*------------------------------------------------------------------
1.8.2.3 BLACK BUTTON
------------------------------------------------------------------*/
.button.black
{
	background				: transparent url(../../img/layout/buttons/button-black.png) no-repeat right -34px;
}

button.button.black
{
	background				: transparent url(../../img/layout/buttons/button-black.png) no-repeat right -33px;
}

.button.black span
{
	background				: transparent url(../../img/layout/buttons/button-black.png) no-repeat left top;
}

.button.black:hover, .button.black.hover, .button.black:hover span, .button.black.hover span
{
	color					: #ddd;
}

/*------------------------------------------------------------------
1.8.3 GRAPHICAL BUTTONS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.8.3.1 WATCH BUTTON
------------------------------------------------------------------*/
a.button-graphical
{
	margin-right				: -1em;
}

a.button-graphical span
{
	display						: block;
    padding						: 33px 0 0 0;
    overflow					: hidden;
    height						: 0px !important; /* for most browsers */
    height /**/					: 33px; /* for IE5.5's bad box model */
	background-repeat			: no-repeat;
	background-position			: right top;
}

a.button-graphical.button-watch-video span
{
    width						: 121px;
	background-image			: url(../../img/layout/buttons/green-watch-video.png);
}

a.button-graphical.button-read-more span
{
    width						: 114px;
	background-image			: url(../../img/layout/buttons/green-read-more.png);
}

a.button-graphical.button-engage span
{
    width						: 96px;
	background-image			: url(../../img/layout/buttons/green-engage.png);
}

/*------------------------------------------------------------------
1.9 OBJECTS
------------------------------------------------------------------*/
object,
embed
{
	display					: block;
	outline					: 0;
	z-index					: 2;
}

.flash
{
	margin-bottom			: 0.5em;
}

#flash-video-player
{
	margin-top				: 5px;
}

/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/
div#header
{
	height					: 318px;
}

div#main-top
{
	height					: 40px;
}

div#main-top, div#main-bottom
{
	width					: 670px;
	padding					: 0 1.75em;
}

div#main-top, div#main-top *
{
	color					: #fff;
}

div#main-content, div#footer
{
	padding					: 4px 14px 0 14px;
	width					: 642px;
}

div#main-content
{
	background				: transparent url(../../img/layout/main-background-sides.png) repeat-y bottom left;
	font-family				: Georgia;
	padding-bottom			: 1px;
}

div#main-top
{
	background				: transparent url(../../img/layout/main-background-top-video.png) no-repeat top left;
	padding-top				: 24px;
}

.home div#main-top
{
	padding-top				: 0;
}

div#main-top p
{
	margin					: 0;
	padding					: 0;
}

div#main-bottom
{
	height					: 10px;
	background				: transparent url(../../img/layout/main-background-bottom.png) no-repeat bottom left;
}

/*------------------------------------------------------------------
2.1 GRIDS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.1.1 DEFAULT GRID (set by Blueprint)
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.2 CONTAINERS
------------------------------------------------------------------*/
.container
{
	padding-left				: 10px;
}

#content, #aside
{
	z-index						: 10;
	position					: relative;
}

#aside
{
	margin-bottom				: 10px;
	margin-left					: -8px;
}

/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/

/*------------------------------------------------------------------
3.1 HEADER LAYOUT
------------------------------------------------------------------*/
body
{
	background-position			: 0 130px;
}

h1#logo, span#strapline, ul#navigation-primary
{
	position					: relative;
}

h1#logo
{
	top							: 30px;
	left						: -10px;
}

h1#logo a span
{
	display						: block;
    padding						: 92px 0 0 0;
    overflow					: hidden;
    height						: 0px !important; /* for most browsers */
    height /**/					: 92px; /* for IE5.5's bad box model */
    width						: 184px;
}

span#strapline
{
	top							: -54px;
	left						: 190px;
}

#login
{
	position					: absolute;
	float						: right;
	right						: -10px;
	top							: 95px;
	font-family					: Arial;
}

/*------------------------------------------------------------------
3.2 BRANDING
------------------------------------------------------------------*/
body
{
	background-color			: #edeee9;
	background-repeat			: repeat-x;
	background-image			: url(../../img/layout/header-navigation-full.png);
}

body.home
{
	background-image			: url(../../img/layout/header-navigation-minimal.png);
}

body div#header
{
	margin-bottom				: -94px;
	position					: relative;
}

body.home div#header
{
	margin-bottom				: -125px;
}

body.home div#header #primary-navigation ul li ul
{
	display						: none;
}

body.home div#header #primary-navigation
{
	margin-bottom				: 0;
}

div#header
{
	background-position			: 574px 0;
	background-repeat			: no-repeat;
	background-image			: url(../../img/layout/header-splash.png);
}

h1#logo a span
{
    background-image			: url(../../img/layout/header-logo.png);
    background-repeat			: no-repeat;
}

span#strapline
{
	color						: #444;
	font-family					: Georgia;
	font-size					: 200%;
	font-weight					: lighter;
}

/*------------------------------------------------------------------
3.3 SEARCH
------------------------------------------------------------------*/
#header #search-videos
{
	position					: absolute;
	top							: 138px;
	right						: -10px;
	font-family					: Arial;
}

/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
4.1 PRIMARY NAVIGATION
------------------------------------------------------------------*/
/* zeroing padding/margin for all elements */
#primary-navigation,
#primary-navigation *
{
	margin				: 0;
	padding				: 0;
}
/* "Master" UL (the whole Menu) */
#primary-navigation
{
	position			: relative;
	width				: 950px;
	max-width			: 100%;
	margin-bottom		: 3.5em;
	top					: -10px;
}
/* sub-menu ULs */
#primary-navigation li ul
{
	cursor					: default;
	width					: 48em;
	max-width				: 100%;
	position				: absolute;
	height					: auto;
	top						: 32px;
	left					: -9000px;
	padding-top				: 10px;
}
/* All LIs */
#primary-navigation li {
	cursor					: pointer;
	float					: left;
	list-style-type			: none;
	color					: #444444;
	font-family				: Georgia;
	font-size				: 200%;
	font-weight				: lighter;
	margin-right			: 0.25em;
	text-shadow				: 0 1px 1px #fff;
}
/* sub-menu LIs */
#primary-navigation li ul li {
	border					: none;
	width					: auto;
	max-width				: none;
	font-size				: 75%;
	color					: #fff;
	text-shadow				: none;
}
/* All anchors */
#primary-navigation li a {
	text-decoration			: none;
	display					: block;
	float					: left;
	color					: #444444;
	margin-right			: 0.25em;
	text-shadow				: 0 1px 1px #fff;
}
/* sub-menu Anchors */
#primary-navigation li ul li a {
	position				: relative !important; /* ie Mac */
	cursor					: pointer !important;
	white-space				: nowrap;
	line-height				: 1.7em;
	height					: 1.7em;
	color					: #fff;
	text-shadow				: none;
	display					: block;
}

/* :hover and stuff */
#primary-navigation li a:hover,
#primary-navigation li a:focus,
#primary-navigation li a:active,
{
	color					: #027e02;
	text-shadow				: 0 1px 1px #FFFFFF;
}

#primary-navigation li.current_page_item ul li a:hover,
#primary-navigation li.current_page_item ul li a:focus,
#primary-navigation li.current_page_item ul li a:active
{
	color					: #027e02;
	text-shadow				: none;
}
/* position and z-index for the sub-menus */
#primary-navigation li:hover ul,
#primary-navigation li.msieFix ul
{
	/* Disable site-wide navigation.  It works but its not what is wanted.
	left					: 0;
	z-index					: 10;
	*/
}
/* position and z-index for the sub-menus on current page */
#primary-navigation li.current_page_item a
{
	color					: #027e02;
}
/* override specifity above */
#primary-navigation li.current_page_item ul li a
{
	color					: #fff;
}

#primary-navigation li ul li.current_page_item a
{
	color					: #027e02;
}

/* Disable site-wide navigation.  It works but its not what is wanted.  Here's a hacky replacement rule */
#primary-navigation li.current_page_item ul
{
	left					: 0;
}
/* End of replacement rules */

/*------------------------------------------------------------------
4.2 SECONDARY NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
5. FOOTER
------------------------------------------------------------------*/
div#footer, div#footer ul li a
{
	color						: #666;
	font-family					: Arial;
}

div#footer ul
{
	font-size					: 90%;
	margin						: 0;
}

div#footer ul li
{
	display						: inline;
}

div#footer ul, div#footer span
{
	display						: inline;
}

div#footer span
{
	font-size					: 85%;
	margin-right				: 4px;
	float						: right;
}

div#footer p
{
	margin						: 0;
}

div#footer a
{
	color						: #666;
	text-decoration				: none;
}

/*------------------------------------------------------------------
6. ELEMENTS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.1 BREADCRUMB
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.1.1 BREADCRUMB CONTAINER
------------------------------------------------------------------*/
.breadcrumb
{
	font-size					: 95%;
	margin-bottom				: 6px;
	margin-left					: 1em;
	z-index						: 10;
	position					: relative;
	font-family					: Arial;
}

.breadcrumb a
{
	margin						: 0 0.5em;
}

.breadcrumb, .breadcrumb a
{
	color						: #555;
}

/*------------------------------------------------------------------
6.1.2 BREADCRUMB LIST
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.2 TITLES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.2.1 BASIC TITLE
------------------------------------------------------------------*/
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6,
.title p
{
	color              : #555;
}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title
{
 padding-left       : 12px;
 padding-right      : 12px; 
}

.container h3.title,
.container h4.title,
.container h5.title,
.container h6.title
{
 background         : #f0f0f0;
 color              : #002469;
}

#aside .widget h1.title,
#aside .widget h2.title,
#aside .widget h3.title,
#aside .widget h4.title,
#aside .widget h5.title,
#aside .widget h6.title
{
 margin-bottom      : 0;
}

.title h2
{
 margin-bottom      : 0;
}

.title p,
.title dl,
.title ol,
.title ul,
.title table,
.title form
{
 margin-bottom      : 0;
 margin-top         : 0.5em;
}

/*------------------------------------------------------------------
6.3 BLOCKQUOTES
------------------------------------------------------------------*/
blockquote
{
 background         : #f0f0f0 url(/images/interface/blockquotes/bg_open_quote.png) no-repeat scroll 20px 10px;
 color              : #002469;
 font-style         : italic;
 padding-bottom     : 1px;
 padding-left       : 50px;
 padding-top        : 20px;
}

blockquote div
{
 background         : transparent url(/images/interface/blockquotes/bg_close_quote.png) no-repeat scroll bottom right;
 margin-right       : 20px;
 margin-bottom      : 10px;
 padding-bottom     : 13px;
}

/*DEFAULT PADDING RESET*/
.container blockquote p,
.container blockquote ul,
.container blockquote ol,
.container blockquote dl,
.container blockquote table
{
 padding-left       : 0;
 padding-right      : 30px;
}

/*------------------------------------------------------------------
6.4 CONTEXT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.4.1 PAGINATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.4.1.1 PAGINATION ELEMENTS
------------------------------------------------------------------*/
.pagination p
{
 float              : left;
}

.pagination .interface
{
 float              : right;
}

/*------------------------------------------------------------------
6.4.1.2 PAGINATION LINKS
------------------------------------------------------------------*/
#wrapper .pagination a
{
 /*9px*/
 font-size          : 0.8em;
 font-weight        : 400;
}

#wrapper .pagination li.first-child a,
#wrapper .pagination li.last-child a
{
 font-size          : 1em;
 font-weight        : 700;
}

/*------------------------------------------------------------------
6.5 RESULT-SET
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.6 hENTRY (hAtom) / ENTRY
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.6.1 GENERIC hENTRY
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.7 WIDGETS
------------------------------------------------------------------*/
.module
{
	background				: none;
	margin-bottom			: 0.5em;
	clear					: both;
}

.module .module-title h3, .module .module-title h4
{
	background				: none;
	line-height				: 1;
	padding					: 0;
}

.module .module-title h3
{
	font-size				: 150%;
}

.module .module-title
{
	padding					: 8px 14px 2px 14px;
}

.module .module-title .button
{
	top						: -0.25em;
}

#aside .widget
{
	background			: transparent url(../../img/layout/aside-widget-body-background-grey.png) no-repeat scroll bottom left;
	overflow			: hidden;
	margin-bottom		: 0.25em;
}

#aside .widget.green
{
	background			: transparent url(../../img/layout/aside-widget-body-background-green.png) no-repeat scroll bottom left;
}

#aside .widget-title
{
	background			: #EDEEE9 url(../../img/layout/aside-widget-header-background-green.png) no-repeat scroll top left;
	padding				: 10px 20px;
	position			: relative;
}

#aside .widget .widget-title h5
{
	margin				: 0;
	font-size			: 150%;
	font-weight			: lighter;
	line-height			: 1;
}

#aside .widget .widget-title p
{
	margin				: 0;
}

#aside .widget .widget-title a.icon
{
	display				: block;
	width				: 20px;
	height				: 20px;
	position			: absolute;
	top					: 12px;
	right				: 16px;
}

#aside .widget .widget-title a.icon span
{
	display				: none;
}

#aside .widget .widget-content
{
	padding				: 0 20px 10px 20px;
	margin-bottom		: 4px;
	overflow			: hidden;
}

#aside .widget .widget-content *
{
	font-family			: Arial;
}

#aside .widget .widget-content img
{
	margin				: 0 -16px;
	width				: 260px;
}

#aside .widget .widget-content ul, #aside .widget .widget-content ol
{
	margin				: 0;
	font-weight			: bold;
	margin-top			: 1em;
}

#aside .widget .widget-content ul li, #aside .widget .widget-content ol li
{
	margin-left			: 1em;
}

#aside .widget .button
{
	right				: -20px;
}

/*------------------------------------------------------------------
6.7.1 WIDGET ELEMENTS
------------------------------------------------------------------*/
div.headline-image
{
	height					: 65px;
	margin-left				: -16px;
	margin-right			: -14px;
	background-position		: center center;
}
/*------------------------------------------------------------------
6.7.1.1 RECOMMENDED VIDEOS
------------------------------------------------------------------*/
#aside .widget .widget-content ul.recommended-videos, #aside .widget .widget-content ol.recommended-videos
{
	font-weight				: normal;
}

#aside .widget .widget-content ul.recommended-videos *, #aside .widget .widget-content ol.recommended-videos *
{
	float					: left;
}

#aside .widget .widget-content ul.recommended-videos li, #aside .widget .widget-content ol.recommended-videos li
{
	list-style-type			: none;
	margin-bottom			: 0.5em;
}

#aside .widget .widget-content ul.recommended-videos li img, #aside .widget .widget-content ol.recommended-videos li img
{
	height					: 50px;
	width					: 78px;
	margin-right			: 10px;
	border					: 1px solid #555;
}

#aside .widget .widget-content ul.recommended-videos li div
{
	width					: 144px;
}

#aside .widget .widget-content ul.recommended-videos li h4, #aside .widget .widget-content ol.recommended-videos li h4
{
	font-weight				: bold;
	margin-bottom			: 0;
}

#aside .widget .widget-content ul.recommended-videos li p, #aside .widget .widget-content ol.recommended-videos li p
{
	clear					: left;
	float					: left;
	margin					: 0;
}

#aside .widget .widget-content ul li p { /* Job Title */
	overflow				: hidden;
}

/*------------------------------------------------------------------
6.7.2 WIDGET COLOR SCHEMES
------------------------------------------------------------------*/
#aside .widget .widget-content.target
{
	background				: transparent url(../../img/layout/aside-widget-body-background-target.png) no-repeat scroll 4px bottom;
}

#aside .widget .widget-content.splat
{
	background				: transparent url(../../img/layout/aside-widget-body-background-splat.png) no-repeat scroll 4px bottom;
}

/*------------------------------------------------------------------
6.7.2.1 DEFAULT SCHEME
------------------------------------------------------------------*/

/*------------------------------------------------------------------
6.7.2.2 SHADE 1 SCHEME
------------------------------------------------------------------*/
#aside .widget .widget-title.green
{
	background				: #EDEEE9 url(../../img/layout/aside-widget-header-background-green.png) no-repeat scroll top left;
}

.module .module-title.green
{
	background				: transparent url(../../img/layout/main-module-header-background-green.png) no-repeat scroll -2px top;
	min-height				: 23px;
}

.green, .green *, .main-content .green, .main-content .green *
{
	color					: #000;
	text-shadow				: 0 1px 1px #FFF;
}

/*------------------------------------------------------------------
6.7.2.3 SHADE 2 SCHEME
------------------------------------------------------------------*/
#aside .widget .widget-title.grey
{
	background				: #EDEEE9 url(../../img/layout/aside-widget-header-background-grey.png) no-repeat scroll top left;
}

.module .module-title.grey
{
	background				: #EDEEE9 url(../../img/layout/main-module-header-background-grey.png) no-repeat scroll top left;
	min-height				: 23px;
}

.grey, .grey *
{
	color					: #FFF;
	text-shadow				: 0 -1px 1px #000;
}

.button.grey, .button.grey *
{
	color					: #000;
	text-shadow				: 0 1px 1px #FFF;
}

/*------------------------------------------------------------------
6.7.2.4 SHADE 3 SCHEME
------------------------------------------------------------------*/
#aside .widget .widget-title.black
{
	background				: #EDEEE9 url(../../img/layout/aside-widget-header-background-black.png) no-repeat scroll top left;
}

.module .module-title.black
{
	background				:#EDEEE9 url(../../img/layout/main-module-background-black.png) no-repeat scroll -1px top;
	min-height				: 23px;
}

.black, .black *, #main-content .black, #main-content .black *
{
	color					: #FFF;
	text-shadow				: 0 -1px 1px #000;
}

/*------------------------------------------------------------------
6.7.3 MODULE HENTRY
------------------------------------------------------------------*/
#aside .widget .hentry,
#aside .widget .entry
{
 position           : static;
}

#aside .widget .feed li.entry,
#aside .widget .feed li.hentry
{
 padding-top        : 1em;
}

#aside .widget .action
{
 margin-left        : 1px;
 margin-right       : 1px;
}

/*------------------------------------------------------------------
6.7.4 WIDGET ICONS
------------------------------------------------------------------*/
#aside .widget .widget-title a.icon.article
{
	background			: transparent url(../../img/layout/icons/icon-article.png) no-repeat scroll top left;
}

#aside .widget .widget-title a.icon.target
{
	background			: transparent url(../../img/layout/icons/icon-target.png) no-repeat scroll top left;
}

#aside .widget .widget-title a.icon.magnifying-glass
{
	background			: transparent url(../../img/layout/icons/icon-magnifying-glass.png) no-repeat scroll top left;
}

/*------------------------------------------------------------------
6.9 MODULES
------------------------------------------------------------------*/
.module.type-1 .module-content, .module.type-2 .module-content, .module.type-3 .module-content
{
	background			: transparent url(../../img/layout/main-dialog-background.png) no-repeat scroll -3px bottom;
}

.module.type-1 .module-title
{
	background			: transparent url(../../img/layout/main-dialog-background.png) no-repeat scroll -3px top;
}

/*------------------------------------------------------------------
6.9 DIALOGS
------------------------------------------------------------------*/
.dialog
{
	position				: relative;
	margin					: 0px auto;
	color					: #fff;
	z-index					: 1;
	margin-left				: 10px; /* default, width of left corner */
	margin-bottom			: 0.5em; /* spacing under dialog */
}

.dialog .dialog-content,
.dialog .t,
.dialog .b,
.dialog .b div
{
	 background				: transparent url(../../img/layout/main-dialog-background.png) no-repeat top right;
}

.dialog .dialog-content
{
	position				: relative;
	padding					: 0px 12px 0px 0px;
	width					: auto;
}

.dialog .t
{
	/* top+left vertical slice */
	position				: absolute;
	left					: 0px;
	top						: 0px;
	width					: 12px; /* top slice width */
	margin-left				: -12px;
	height					: 100%;
	background-position		: top left;
}

.dialog .b
{
	/* bottom */
	position				: relative;
	width					: 100%;
}

.dialog .b,
.dialog .b div
{
	height					: 10px; /* height of bottom cap/shade */
}

.dialog .b
{
	background-position		: bottom right;
}

.dialog .b div
{
	position				: relative;
	width					: 12px; /* bottom corner width */
	margin-left				: -12px;
	background-position		: bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft
{
	position				: relative;
}

.dialog .hd,
.dialog .bd
{
	min-height				: 10px;
}

.dialog .ft
{
	position				: relative;
	min-height				: 1px;
}

.dialog .dialog-wrapper
{
	/* extra content protector - preventing vertical overflow (past background) */
	position				: static;
	max-height				: 2000px;
	overflow				: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

/* dialog contents */
.dialog .dialog-wrapper div.feature
{
	color					: #000;
	width					: 300px;
	vertical-align			: top;
	margin-top				: 4px;
	float					: left;
}

.dialog .dialog-wrapper div.feature h5
{
	margin					: 0 0.5em 1em;
}

.dialog .dialog-wrapper div.feature ul li
{
	margin-bottom			: 0.65em;
}

.dialog .dialog-wrapper div.last
{
	margin-left				: 14px;
}

.dialog .dialog-wrapper form fieldset
{
	border					: none;
	padding					: 0;
	margin					: 0;
}

.dialog .dialog-wrapper form fieldset label
{
	display					: none;
}

.dialog .dialog-wrapper .content
{
	overflow				: hidden;
	padding					: 0 10px;
}

.dialog .dialog-wrapper .content.inline
{
	padding					: 0;
}

.dialog.overlay .dialog-wrapper
{
	overflow				: hidden;
}

.dialog.overlay .dialog-wrapper .content label
{
	display					: inline;
}

.dialog.overlay .dialog-wrapper .content input
{
	width					: 280px;
}

.dialog.overlay .dialog-wrapper .content ul, .dialog.overlay .dialog-wrapper .content ul li
{
	float					: left;
	list-style-type			: none;
	width					: 140px;
}

.dialog.overlay .dialog-wrapper .content ul
{
	margin					: 0;
	width					: 100%;
}

.dialog.overlay .dialog-wrapper .content ul li a img
{
	vertical-align			: bottom;
	padding					: 2px;
	width					: 18px;
	height					: 18px;
}

.dialog.overlay .dialog-wrapper .content textarea
{
	width					: 270px;
}

.dialog .dialog-wrapper p
{
	color					: #000;
}

.dialog .dialog-wrapper .content p
{
	display					: inline;
	margin					: 0;
}

.dialog .dialog-wrapper .content .button
{
	margin-left				: -1em;
	right					: -2em;
}

.dialog .dialog-wrapper .content.inline .button
{
	margin-right			: 1em;
}

#loginform-tml-main fieldset p, #loginform-tml-main fieldset label
{
	display					: block;
}

.seperator
{
	border-left				: 1px solid #777;
}

/* dialog form elements */

.dialog .dialog-wrapper input
{
	height					: 20px;
	position				: relative;
}

.dialog .dialog-wrapper input.search-quick
{
	background-image		: url(../../img/layout/icons/icon-magnifying-glass.png);
	background-repeat		: no-repeat;
	background-position		: 3px 3px;
	margin-right			: -20px;
	padding-left			: 20px;
	width					: 185px;
}

.dialog .dialog-wrapper #loginform-tml-main input
{
	width					: 100%;
}

.dialog .button, #aside .button
{
	float					: right;
}

/*------------------------------------------------------------------
6.10. COMMENTS
------------------------------------------------------------------*/
#commentform
{
	font-family: Georgia;
}
.commentlist
{
	background				: #eee;
	font-family				: Georgia;
}

.fd-comment-item
{
	margin					: 10px 5px;
	padding					: 0 5px;
}
ol.commentlist, .commentlist ol, .commentlist ul
{
	margin					: 0;
	padding					: 0;
	padding-right			: 0;
}

div.depth-2
{
	margin-left				: 15px;
	border-left				: 2px solid #ccc;
}

div.depth-3
{
	border-left				: 2px solid #ccc;
	margin-left				: 30px;
}

.comments .overview .count
{
	font-size				: 150%;
	font-family				: Georgia;
	font-weight				: bold;
}

.commentlist li
{
	border-top				: 1px solid #ccc;
	list-style				: none;
	margin					: 0;
	padding					: 0;
}

.fd-comment-reply
{
	float					: right;
	font-family				: Arial;
}

.fd-comment-reply a
{
	color					: #666;
	font-weight				: bold;
}

.fd-comment-author
{
	font-size				: 120%;
	font-weight				: bold;
}

#respond h3
{
	margin					: 0;
}

textarea#comment
{
	height					: 100px;
}

.comments .overview
{
	margin-top				: 10px;
}

#commentform a
{
	color					: #000;
}

#commentform a:visited
{
	color					: #666;
}

#commentform a:hover
{
	color					: #006600;
}

/*------------------------------------------------------------------
7. PAGES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
7.1 HOME
------------------------------------------------------------------*/
body#home
{
	background-image		: url(../../img/layout/header-navigation-minimal.png);
}

body.home div#main-top
{
	background				: transparent url(../../img/layout/main-background-top.png) no-repeat bottom left;
	height:10px;
}

/*------------------------------------------------------------------
7.2 VIDEO
------------------------------------------------------------------*/
.storyteller-name, .storyteller-job-title, .storyteller-details, .switch-video, .summary, .video-version
{
	font-family				: Georgia;
}


.video-version, .storyteller-name, .storyteller-job-title
{
	margin					: 0 0 0.25em 0;
}

.storyteller-name, .storyteller-details
{
	color					: #666;
}

.video-version a
{
	text-decoration			: underline;
}

.storyteller-job-title
{
	font-weight				: bold;
}

.storyteller-details dt, .storyteller-details dd
{
	display						: inline;
	margin						: 0;
}

#video-controls
{
	margin-right				: 75px;
	padding						: 1em;
}

#video-controls, #video-controls a
{
	color						: #666;
}

#video-controls .button
{
	float						: right;
}

.switch-video
{
	font-size					: 90%;
}

.summary
{
	margin						: 0 1em 1em 0;
}

.details
{
	color						: #666;
}

.links
{
	float						: left;
}

.links div
{
	width						: 315px;
}

.links dl dt, .links dl dd
{
	font-family					: Georgia;
	margin						: 0 1em;
}

.links dl dd
{
	margin-bottom				: 1em;
}

.links dl dd a
{
	text-decoration				: none;
	color						: #444;
}

.footer
{
	margin-top					: -1em;
}

.footer
{
	clear						: both;
	vertical-align				: baseline;
	background					: transparent url(../../img/layout/main-dialog-background.png) no-repeat scroll -1px bottom;
	padding						: 0.5em 0 3.25em 0;
	padding						: 1em 2em;
	padding						: 0.75em 0 !important;
}

.footer .button
{
	float						: left;
}

.footer .total
{
	position					: relative;
	left						: 1em;
	top							: 5px;
}

.footer .total, .footer .pagination
{
	font-size					: 115%;
	font-weight					: bold;
}

.footer .pagination
{
	float						: right;
	padding						: 0 1em;
}

.footer *
{
	font-family					: Arial;
	font-family					: Georgia;
}

.footer .pagination a
{
	margin						: 0 0.25em;
}

.footer .pagination .count
{
	position					: relative;
	top							: -10px;
}

.disclaimer a, .disclaimer p
{
	color						: #666;
}

.disclaimer a
{
	text-decoration				: none;
	font-weight					: bold;
}

.disclaimer p
{

}

div#main-content .results .module-content
{
	margin-left					: 1em;
	margin-right				: 1em;
}

div#main-content .results .module-content ul
{
	margin-bottom				: 1em;
}

div#main-content .results ul
{
	margin						: 0;
}

.results ul li
{
	clear						: both;
	display						: block;
	border-bottom				: #ccc 1px solid;
}

.results ul li img, .results ul li div
{
	float						: left;
}

.results ul li img, .results ul li div
{
	margin						: 1em 0;
}

.results ul li div
{
	display						: block;
	width						: 460px;
}

.results ul li p
{
	margin						: 0;
}

.results ul li img
{
	height						: 80px;
	margin-right				: 10px;
	width						: 145px;
	border						: 1px solid #555;
}

.results .overview
{
	margin-top					: 2em;
}

.results .overview .count
{
	font-size					: 160%;
	font-family					: Georgia;
}

p.count, p.tags {
	margin-left:0;
}

.results .title, .results .attributes, .results .overview .count, .results .storyteller, .results .occupation, .results .comments, .results .tags, .results .tags a
{
	color						: #555;
	font-family					: Georgia;
}

.results .occupation {
}

.results ul li p
{
	clear						: both;
	margin-bottom				: 0.5em;
}

.results ul li p.title, .results ul li p.storyteller
{
	font-family					: Georgia;
	font-size					: 150%;
}

.results .comments
{
	padding-left				: 18px;
	background					: transparent url(../../img/layout/icons/icon-speech-bubble.png) no-repeat scroll left 3px;
}

.results .comments a
{
	text-decoration				: none;
	color						: #666;
	font-family					: Arial;
}

.results ul li a.button-watch
{
	float						: right;
	margin-right				: 1.5em;
	margin-top					: -8px;
}

/*------------------------------------------------------------------
7.3 VIDEO LANDING PAGE
------------------------------------------------------------------*/
.module ul.recommended-videos
{
	margin						: 0;
	padding						: 1em;
	display						: block;
	clear						: both;
}

.module ul.recommended-videos li
{
	display						: inline;
	float						: left;
	margin-bottom				: 1em;
	width						: 308px;
}

.module ul.recommended-videos li img
{
	border						: 1px solid #555;
	width						: 100px;
	height						: 56px;
	margin-right				: 0.5em;
}


.module ul.recommended-videos li a img
{
	float						: left;
}

.module ul.recommended-videos li a
{
	color						: #111;
}

.module ul.recommended-videos li p
{
	margin						: 0 1em 0 0;
}

.module ul.recommended-videos li p.storyteller
{
	font-weight					: bold;
}

/*------------------------------------------------------------------
7.4 VIDEO SEARCH PAGE
------------------------------------------------------------------*/
#main-content .search
{

}

#main-content .search .module-header
{
	background					: transparent url(../../img/layout/main-module-background-black.png) no-repeat scroll left top;
}

#main-content .search .module-content
{
	background					: transparent url(../../img/layout/main-module-background-black.png) no-repeat scroll left bottom;
	min-height					: 10px;
	padding						: 0;
}

#main-content .search .module-content div
{
	background					: transparent url(../../img/layout/main-module-fieldset-grey.png) no-repeat scroll center bottom;
	margin-bottom				: 10px;
}

#main-content .search .module-content div fieldset
{
	background					: transparent url(../../img/layout/main-module-fieldset-grey.png) no-repeat scroll center top;
}

.search .module-header span
{
	color						: #ccc;
	font-family					: Georgia;
	text-shadow					: none;
	opacity						: 0.75;
}

.search .step
{
	font-size					: 1000%;
	margin-right				: 20px;
	line-height					: 0.5em;
}

.search .instruction
{
	display						: block;
	font-size					: 175%;
	width						: 330px;
	position					: relative;
	top							: -65px;
	left						: 80px;
	margin-bottom				: -100px;
}

.search fieldset
{
	border						: none;
	margin						: 0;
}

.search .module-content fieldset span
{
	display						: inline-block;
	margin-left					: 30px;
	width						: 170px;
}

.search .module-content fieldset span input
{
	position					: relative;
	top							: 0;
	right						: 6px;
}


.search fieldset select
{
	float						: right;
}

.actions .module-content
{
	padding-bottom				: 10px;
}

.actions .module-content .view
{
	float						: right;
	right						: 10px;
}

ul.fd-search {
	list-style:none;
	font-family: Georgia;
}

ul.fd-search li {
	float:left;
	width:170px;
	list-style-type:none;
	padding:5px;
}

/*------------------------------------------------------------------
7.5. VIDEO SUB-PAGE
------------------------------------------------------------------*/
ul.video-sub-catgories li
{
	display						: inline;
	float						: left;
	margin-left					: 2em;
	width						: 286px;
}

ul.video-sub-catgories
{
	margin-left					: 0;
	padding-bottom				: 1em;
}

ul.video-sub-catgories li a
{
	color						: #000;
	font-weight					: bold;
}

a.retain-color {
	color						: #222;
	text-decoration				: none;
}

a.retain-666 {
	color						: #666;
	text-decoration				: none;
}

.overlay
{
	display						: none;
}

/*------------------------------------------------------------------
7.6 FEATURES LANDING PAGE
------------------------------------------------------------------*/
.module ul.recommended-articles
{
	margin						: 0 1em;
	padding						: 1em;
	display						: block;
	clear						: both;
}

.module ul.recommended-articles li
{
	display						: inline;
}

.module ul.recommended-articles li p
{
	margin-bottom				: 1em;
}

.module ul.recommended-articles li p.title
{
	margin-bottom				: 0;
}

.module ul.recommended-articles li p.title a
{
	color						: #555;
	font-family					: Georgia;
	font-size					: 150%;
}

/*------------------------------------------------------------------
7.6.1 FEATURES SINGLE PAGE
------------------------------------------------------------------*/
.headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6, 
	.subheading-1, .subheading-2, .subheading-3, .subheading-4, .subheading-5, .subheading-6 {
	color: #e90101;
	font-size:25px;
	display:block;
}
.subheading-1, .subheading-2, .subheading-3, .subheading-4, .subheading-5, .subheading-6 {
	font-size:18px;
}
.headline-2, .subheading-2 {
	color: #da5903;
}
.headline-3, .subheading-3 {
	color:#b905d4;
}
.headline-4, .subheading-4 {
	color:#0404c1;
}
.headline-5, .subheading-5 {
	color:#047ba7;
}
.headline-6, .subheading-6 {
	color:#027e02;
}

/*------------------------------------------------------------------
7.6 MYCOULD LANDING PAGE
------------------------------------------------------------------*/
.updates li
{
	display						: list-item;
}

.updates li a
{
	color						: #333;
	font-family					: Georgia;
}

.profile
{
	background					: transparent url(../../img/layout/mycould-profile-splat.png) no-repeat scroll left top;
}

.edit-profile
{
	float						: right;
}

.edit-profile li
{
	list-style-type				: none;
}

.edit-profile li a
{
	color						: #555;
}

.main-content a img.avatar, .profile-fields, .profile-fields dt, .profile-fields dd
{
	float						: left;
}

.main-content a img.avatar, .profile-fields
{
	margin-bottom				: 1em;
}

.main-content a img.avatar, .edit-profile
{
	margin-top					: 1em;
}


.main-content a img.avatar
{
	margin-right				: 1em;
	width						: 150px;
}

.profile-fields dt
{
	clear						: left;
}

.profile-fields dd
{
	margin-left					: 0.5em;
}

/*------------------------------------------------------------------
7.7 REGISTRATION PAGE
------------------------------------------------------------------*/
.register .text input
{
	width						: 100%;
	height						: 16px;
}

.register .date label
{

}

.register .date span
{
	font-weight					: bold;
}

.register .radio input
{
	margin-left					: 1em;
}

.register *
{
	color						: #000;
}

.register p
{
	margin						: 0;
}

.register .signup-label
{
	font-weight					: bold;
}

.register .radio label
{
	font-weight					: normal;
}

.register .terms
{
	background-color			: #fff;
	border						: 1px inset #000;
	display						: block;
	height						: 10em;
	overflow-y					: auto;
	padding						: 1em;
}

/*------------------------------------------------------------------
7.8 PROFILE EDIT PAGE
------------------------------------------------------------------*/
#profile-edit-form ul.forTab li
{
	list-style					: none;
}

#profile-edit-form .forTab, #profile-edit-form .submit, ul.forTab li div, ul.forTab li div *
{
	float						: left;
	clear						: both;
}

ul.forTab li div
{
	margin-bottom				: 1em;
}

.radio label input
{
	margin-right				: 0.5em;
}

.radio .signup-label
{
	font-weight					: bold;
}

#profile-edit-form #field_10
{
	display						: none;
}

/*------------------------------------------------------------------
7.9 USER TAGS EDIT PAGE
------------------------------------------------------------------*/

/*------------------------------------------------------------------
7.9 USER TAGS EDIT PAGE - JQUERY UI 1.7.2 SMOOTHNESS THEME
------------------------------------------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*------------------------------------------------------------------
7.9 USER TAGS EDIT PAGE - CUSTOM RULES
------------------------------------------------------------------*/
.sub_category label, .sub_category .checkboxes
{
	clear					: both;
	float					: left;
	margin-bottom			: 1em;
}

ul.forTab li div.datefield *
{
	float					: none;
}

.checkboxes span
{
	float					: left;
	min-height				: 36px;
	padding-right			: 1em;
	width					: 186px;
}

.checkboxes span input
{
	top						: 0;
}

.sub_category
{
	float					: left;
	clear					: left;
}

.sub_category_footer
{
	display					: none;
}

#life-themes fieldset
{
	margin					: 0;
}

.themes
{
	margin-top				: 2em;
}

.theme-container *
{
	display					: inline-block;
}

.slider-container label
{
	width					: 200px;
	margin-top				: 2px;
}

.slider-container input
{
	width					: 70px;
	border					: 0pt none;
	background-color		: transparent;
	font-weight				: bold;
}

.slider-container .slider
{
	height					: 10px;
	width					: 315px;
	display					: inline-block;
	margin-right			: 10px;
	top						: 2px;
}

.timer-container
{
	display					: none;
}

.select
{
	height					: 60px;
	width					: 592px;
}

.select select
{
	float					: right;
	position				: relative;
	top						: -4px;
}

.checkbox label, .checkbox .signup-description 
{
	float					: left;
	clear					: both;
}

.checkbox .signup-label
{
	display					: none;
}

/*------------------------------------------------------------------
7.10 AVATAR EDIT PAGE
------------------------------------------------------------------*/
.edit-avatar .avatar, .edit-avatar a
{
	margin-left				: 1em;
}

.edit-avatar #avatar-upload
{
	margin-left				: 1em;
}

.dialog.edit-avatar .dialog-wrapper p
{
	display					: block;
}

/*------------------------------------------------------------------
7.11 RETRIEVE PASSWORD PAGE
------------------------------------------------------------------*/
#lostpasswordform-tml-main
{
	min-height				: 96px;
}

/*------------------------------------------------------------------
7.12 BUZZ PAGE
------------------------------------------------------------------*/
#buzz-intro , #buzz-result, #buzz-quiz {
	background-repeat:no-repeat;
	margin:0 auto;
	font-family:Georgia, Serif;
	width:660px;
}

#buzz-intro {
	background:url('/wp-content/plugins/firedog-buzz/images/bg_intro.png') no-repeat;
	height:779px;
}

.buzz-intro-content {
	color:#fff;
	padding-left:300px;
	padding-top:40px;
	_padding-top:20px;
	padding-right:45px;
}


#buzz-result {
	background:url('/wp-content/plugins/firedog-buzz/images/bg_result.png');
}

#buzz-result-top {
	background:url('/wp-content/plugins/firedog-buzz/images/results_top.gif') #037613 no-repeat;
	color:#fff;
	padding-left:20px;
	color:#fff;
	padding:30px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, Sans Serif;
}

#buzz-quiz-top {
	background:url('/wp-content/plugins/firedog-buzz/images/q_top.gif') left bottom no-repeat;
	height:10px;
}

#buzz-quiz-btm {
	background:url('/wp-content/plugins/firedog-buzz/images/q_btm.gif') no-repeat;
	height:10px;
}

.buzz-quiz-content, #buzz-result-btm {
	background-color:#037613;
	color:#fff;
	padding:30px;
	font-family:Arial, Helvetica, Sans Serif;
	_width:600px;
}

#buzz-result-btm {
	padding-top:5px;
}

.buzz-block1-cnt p {
	_margin:0;_padding:0;
}

.buzz-quiz-content h2 {
	background:url('/wp-content/plugins/firedog-buzz/images/q_no.gif');
	background-repeat:no-repeat;
	height:64px;
	width:64px;
	float:left;
	font-weight:normal;
	padding: 20px 15px;
	margin:0;
}

.buzz-quiz-content a, #buzz-result-btm a {
	text-decoration:underline;
	color:#fff;
}

h3.buzz-large {
	font-size: 3em;
	color:#fff;
	padding-top:20px;
	padding-bottom:0px;
	font-family:Georgia, Serif;
}

.buzz-tab {
	padding-left:20px;
	color:#000;
}

.buzz-inputbx {
	border:1px solid #78B713;
	padding:2px;
	margin:2px;
}

.buzz-tkqz {
	text-align:right;
	padding-right:60px;
}

.buzz-tkqz img {
	border:0;
}

.buzz-find {
	font-weight:bold;
	color:#fff;
}

.buzz-question {
	color:#fff;
	font-size: 1.4em;
	font-family: Georgia, Serif;
	line-height:1.2em;
}

.buzz-question small {
	color:#eee;
	font-size:x-small;
	line-height:80%;
}

.buzz-block1-top {
	background:url('/wp-content/plugins/firedog-buzz/images/green_header_1.gif') no-repeat;
	padding:20px;
	height:3px;
	width:600px;
	_width:560px;
}

.buzz-block1-top h3 {
	padding:5px; margin:0;
	display:inline;
	font-family:Georgia, Serif;
	font-weight:normal;
	color:#111;
	font-size:180%;
}

.buzz-block1-cnt {
	background:url('/wp-content/plugins/firedog-buzz/images/grey_box_1.gif') bottom left no-repeat;
	padding:20px;
	font-family:Arial, Helvetica, Sans Serif;
	_float:left;
}

.buzz-block2 {
	background:url('/wp-content/plugins/firedog-buzz/images/grey_box_2.gif') no-repeat;
	height:52px;
	width:542px;
	padding:15px 0 0 30px;
	font-size:1.5em;
	font-family:Georgia, Serif;
}

.buzz-quiz p {
	font-size:1.2em;
}

div.buzz-left {
	width:250px;
	_float:left;
}

div.buzz-right {
	float:right;
	_float:left;
	width:290px;
}

.buzz-half {
	width:269px;
	float:left;
}

.buzz-block1-top .buzz-half {
	width:250px;
}

.buzz-half p {
	background:url('/wp-content/plugins/firedog-buzz/images/green_header_3.gif') no-repeat;
	padding:15px 20px 10px 20px; margin:0;
	font-family:Georgia, Serif;
}

.buzz-half ul {
	background:url('/wp-content/plugins/firedog-buzz/images/grey_box_3.gif') bottom left no-repeat;
	padding:20px; margin:0;
	margin-top:-4px;
	list-style:none;
	font-family:Arial, Helvetica, Sans Serif;
}

.buzz-half ul li {
	list-style:none;
}
.buzz-rgt {
	text-align:right;
}

#errText {
	color:#fff;
	font-family:Arial, Helvetica, Sans Serif;
}

/*------------------------------------------------------------------
7.12 VIDEO SEARCH PAGE
------------------------------------------------------------------*/


/*------------------------------------------------------------------
8. EMBEDDED (OBJECTS/IFRAME)
------------------------------------------------------------------*/
body.embedded
{
 border             : 0;
 outline            : 0;
 overflow           : hidden;
}

.embedded #wrapper
{
 padding-bottom     : 0;
}

/*------------------------------------------------------------------
9. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear					: both;
 content				: ".";
 display				: block;
 height					: 0;
 line-height			: 0;
 visibility				: hidden;
}

.clearfix
{
	display				: inline-block;
	margin				: 0;
	padding				: 0;
}

html[xmlns] .clearfix
{
	display				: block;
}

* html .clearfix
{
	height				: 1%;
}

/*------------------------------------------------------------------
11. OVERLAYS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
11.1 JQUERY THICKBOX 3.1
------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*------------------------------------------------------------------
11. TEMPORARY STYLES (TO BE SORTED)
------------------------------------------------------------------*/
ul.recommended-videos li div h4 {
	background:transparent;
	text-shadow: none;
}

h3.fd-feature a, .fd-byline {
	font-size:130%;
	color:#666;
}

div.post {
	font-family: Georgia;
}

h3.fd-feature a {
	font-size:140%;
}

a.left, button.left
{
	float				: left;
}

.dialog a.left, .dialog button.left
{
	left				: 0;
}

a.right, button.right
{
	float				: right;
}

.dialog a.right, .dialog button.right
{
	right				: -1.35em;
}

#comment
{
	width				: 615px;
}

.hide-share-panel
{
	background				: transparent url(../../img/layout/icons/icon-close.png) repeat-x top left;
	display					: block;
	float					: right;
	height					: 26px;
	margin-top				: 12px;
	width					: 26px;
}

.hide-share-panel span
{
	visibility				: hidden;
	text-decoration			: none;
}

#share-panel h5 {
	font-size:200%;
	font-weight:normal;
	color:#333;
}

.half1,.half2 {
	width:278px;
	float:left;
	padding:10px;
}

.half1 {
	border-right:1px solid #333;
}

.half2 {
	float:right;
}

.half2 a {
	width:135px;
	float:left;
	display:block;
}

.half2 a img {
	vertical-align:bottom;
	padding:2px;
	width:18px;
	height:18px;
}
div.feature-image {
	height:65px;
	margin-left:-16px;
	margin-right:-14px;
	background-position: center center;
}

.get-flash-player img
{
	height				: 100px;
	width				: 100px;
}

.get-flash-player ul li
{
	list-style-type		: none;
}

#avatar_v1, #avatar_v2
{
	overflow			: hidden;
}

.fb_login_not_logged_in
{
	position			: relative;
	top					: 37px;
}