/*----- ={ GENERIC } -----
 *  #eee, #f6f7f7 => grey
 *  #ddd (as border color)
 *  #DF1B1B => red
 */
body {background: #f0eeea;color:#333;font:12px/16px georgia,'palatino linotype',palatino,'times new roman',times,serif;}

#wrapper {width:960px;margin:0 auto;padding:5px 10px 10px;background:#fff}

p {margin:0 0 10px;}
ul, ol, li {list-style:none;padding:0;margin:0;}

/* Hyperlinks */
a, a:hover {text-decoration:none;color:#3B77BF;}

/*----- ={ Headings } -----*/
h1, h2, h3, h4, h5, h6  { font-family:georgia,'palatino linotype',palatino,'times new roman',times,serif; font-weight:normal;}

/* Widget link and title format */
.widget a {color:#777;}
.widget a:hover,.widget a:active {text-decoration:underline;color:#3B77BF}
.widgettitle{color:#3B77BF;font:bold 16px arial, tahoma, sans-serif;margin:0 0 5px;letter-spacing:-1px;padding:0;border-bottom:none;}
.widgettitle a, .widgettitle a:hover{color:#777;}

/* Category labels */
.titleCatName {text-transform:uppercase;font-weight:bold;font-size:16px;margin-bottom:5px;display:block;}
.titleCatName a, .titleCatName a:hover {color:#333;}
.titleCatNameBig{text-transform:uppercase;color:#3B77BF;font-size:23px;margin-bottom:10px;letter-spacing:-1px;display:block;}
.titleCatNameBig a, .titleCatNameBig a:hover {color:#3B77BF;}

/* Wrapper for main page post excerpts excerpts */
#wrapper .featuredPost {padding-bottom:6px;border-bottom:1px dotted #666;margin-bottom:6px;}
#wrapper .lastPost {border:none;margin-bottom:0;padding-bottom:0;}
#wrapper .postmeta {clear:both;display:block;font-style:italic;font-size:11px;text-align:right;padding-top:3px;}
#wrapper .postmeta a{color:#3B77BF;}
#wrapper .postmeta a:hover {text-decoration:underline;}

/* Post title style */
.posttitle {font-size:20px;margin:0 0 6px 0;line-height:1.0em;}
.posttitle a{color:#333;}
.posttitle a:hover{color:#3B77BF;}

/*----- ={ HEADER } -----*/
#header{width:960px;margin:0 auto 10px;}


/* Masthead Nav*/
#masthead {width:954px;background: url(default/bg_masthead.gif) no-repeat;padding:0 4px 0 2px;}
	.mastheadnav {font:bold 12px arial,helvetica,sans-serif;list-style:none;}
	.mastheadnav li {float:left;position:relative;}
	.mastheadnav li a {color:#666;display:block;padding:6px 10px 7px;}
	.mastheadnav li a:hover, .mastheadnav li.current_page_item a, .mastheadnav li.current-cat a, .mastheadnav li.current-menu-item a {color:#3B77BF;}
	
	/* submenu */
	.mastheadnav li ul  {border-bottom:1px solid #aaa;position:absolute;z-index:999;width:180px;/* must match with margin-left  -1px value for sub>sub ul, see below */}
	.mastheadnav li ul li  {float:none;border-right:none;margin:0;}
	.mastheadnav li ul li a {color:#333;background:#f6f7f7;width:158px;padding:3px 10px;margin:0;border-color:#aaa;border-width:1px 1px 0 1px;border-style:solid;}
	.mastheadnav li ul li a.sf-with-ul { /* Dropdown li class which has another sub ul under */padding:3px 10px;}
	.mastheadnav li ul li a:hover  {color:#333;background-color:#eee;}
	.mastheadnav li ul ul  {margin: -22px 0 0 179px;padding-top:0;}
	
	/* List items that contains sub ul */
	.mastheadnav .sf-sub-indicator {background: url(default/icons/arrow-superfish-down.png) no-repeat;position:absolute;display:block;right:7px;top:11px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
	.mastheadnav li ul .sf-sub-indicator {background:url(default/icons/arrow-superfish-right.png) no-repeat;right:5px;top:8px;}		
	
/*search*/
#search{width:auto;float:right;margin:3px 3px 0 0;height:20px;background:#fff;}
	#search form, #search fieldset{float:left;margin:0;padding:0;}
	#search fieldset{border:1px solid #ddd;}
	#s {float:left;background:#fff;border:0;padding:2px 0 2px 4px;margin:0;color:#bcbcbc;font-size:12px;font-family:Arial, Helvetica, sans-serif;width:180px;}
	#searchsubmit {float:left;margin:3px 3px 0 0;}

/* header logo*/
#logo{float:left;width:auto;font-family:georgia,garamond,serif;}
	#logo a {color:#333;display:block;font-size:26px;letter-spacing:-1px;}
	#logo a span {font-size:16px;padding-left:5px;display:block;}

/* header banner*/
#banner {width:auto;float:right;text-align:right;padding-bottom:10px;padding-top:10px;}

/* Mainmenu Navigation */
#mainmenu {width:960px;background:#333;border-bottom:1px solid #777;}
	.mainnav {font:bold 13px arial,helvetica,sans-serif;list-style:none;}
	.mainnav li {float:left;position:relative;border-left:1px solid #555;}
	.mainnav li a {color:#fff;display:block;padding:8px 15px;}
	.mainnav li a:hover, .mainnav li.current_page_item a, .mainnav li.current-cat a, .mainnav li.current-menu-item a {color:#fff;background:#999;}
	
	/* submenu */
	.mainnav li ul  {border-bottom:1px solid #bbb;position:absolute;z-index:999;width:180px;/* must match with margin-left  -1px value for sub>sub ul, see below */}
	.mainnav li ul li  {float:none;border-left:none;margin:0;}
	.mainnav li ul li a {color:#333;background:#fff;width:158px;padding:3px 10px;margin:0;border-color:#bbb;border-width:1px 1px 0 1px;border-style:solid;}
	.mainnav li ul li a.sf-with-ul { /* Dropdown li class which has another sub ul under */padding:3px 10px;}
	.mainnav li ul li a:hover  {background:#999;color:#fff;}
	.mainnav li ul ul  {margin: -23px 0 0 179px;padding-top:0;}
	
	/* List items that contains sub ul */
	.mainnav .sf-sub-indicator {background: url(default/icons/arrow-superfish-down.png) no-repeat;position:absolute;display:block;right:7px;top:14px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
	.mainnav li ul .sf-sub-indicator {background:url(default/icons/arrow-superfish-right.png) no-repeat;right:5px;top:8px;}	

/* Submenu Navigation */
#submenu {width:960px;border-bottom:1px solid #333;background:#f6f7f7;}
	.subnav {font:bold 12px arial,helvetica,sans-serif;list-style:none;}
	.subnav li {float:left;position:relative;}
	.subnav li a {color:#333;display:block;padding:7px 20px;}
	.subnav li a:hover, .subnav li.current_page_item a, .subnav li.current-cat a, .subnav li.current-menu-item a {color:#3B77BF;}
	
	/* submenu */
	.subnav li ul  {border-bottom:1px solid #bbb;position:absolute;z-index:999;width:180px;/* must match with margin-left  -1px value for sub>sub ul, see below */}
	.subnav li ul li  {float:none;border-right:none;margin:0;background:#fff}
	.subnav li ul li a {color:#333;width:158px;padding:3px 10px;margin:0;border-color:#bbb;border-width:1px 1px 0 1px;border-style:solid;}
	.subnav li ul li a.sf-with-ul { /* Dropdown li class which has another sub ul under */padding:3px 10px;}
	.subnav li ul li a:hover  {background:#999;color:#fff;}
	.subnav li ul ul  {margin: -23px 0 0 179px;padding-top:0;}
	
	/* List items that contains sub ul */
	.subnav .sf-sub-indicator {background: url(default/icons/arrow-superfish-down.png) no-repeat;position:absolute;display:block;right:7px;top:12px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
	.subnav li ul .sf-sub-indicator {background:url(default/icons/arrow-superfish-right.png) no-repeat;right:5px;top:8px;}	
	
	/* social links */
	.subnav li a.gab_rss{background: url(default/icons/rss.png) no-repeat 3px center;padding-left:23px;}
	.subnav li a:hover.gab_rss{background: url(default/icons/rss.png) no-repeat 3px center;}

	.subnav li a.gab_email{background: url(default/icons/email.png) no-repeat left center;padding-left:20px;}
	.subnav li a:hover.gab_email{background: url(default/icons/email.png) no-repeat left center;}

	.subnav li a.gab_facebook{background: url(default/icons/facebook.png) no-repeat left center;padding-left:20px;}
	.subnav li a:hover.gab_facebook{background: url(default/icons/facebook.png) no-repeat left center;}

	.subnav li a.gab_twitter{background: url(default/icons/twitter.png) no-repeat left center;padding-left:20px;}
	.subnav li a:hover.gab_twitter{background: url(default/icons/twitter.png) no-repeat left center;}

	.subnav li.date {float:right;padding:7px 10px;}
	
/*----- ={ TEASER BOXES BELOW NAV } -----*/
#teaser {border:1px solid #ddd;text-align:center;margin-bottom:10px;}
	#teaser .col_teaser {width:220px;min-height:100px;float:left;padding:10px 10px 10px 9px;border-right:1px solid #ddd;}
	#teaser .last {border-right:none;width:219px;} /* last teaser column */
	#teaser .odd {background:#f6f7f7} /* background color for 2nd and 4th teaser columns */
	#teaser .active {background:#DF1B1B} /* background color for onmouseover teaser column */
	#teaser .teaser_img {float:left;margin-right:5px;}

	/* tease boxes post title */
	#teaser .col_teaser .posttitle a {font:bold 15px/13px "trebuchet ms", arial, sans-serif;}
	#teaser .active .posttitle a, #teaser .active .posttitle a:hover {color:#fff}
	#teaser .titleCatName a {padding:3px 5px;font-size:10px;background:#DF1B1B;color:#fff;border-bottom:1px solid #999;display:inline-block;margin:0 !important}
	#teaser .active .titleCatName a {background:#fff;color:#DF1B1B;}

/* main container of site (left hand of sidebar) */
#container {float:left;width:645px;}

	/*----- ={ FEATURED LEFT & RIGHT } -----*/
	#featured {display:block;margin-bottom:15px;}
		#featured_left {width:405px;float:left;}

		#featured_right { width:205px;float:right;text-align:center;padding:10px;background:#f6f7f7;margin-top:-13px;}
		#featured_right p {margin:7px 0 4px;}
		
		/* post titles on left sidebar (primaryleft) below featured slider */
		.featured_right{font-size:15px;font-weight:bold;line-height:1.1em;}
		.featured_right a{color:#333;}
		.featured_right a:hover{color:#3B77BF;}
		.close {width:650px;height:5px;background: url(default/bg_roundclose.gif) no-repeat;display:block;margin-bottom:10px;}
	
	/*----- ={ MEDIA BAR } -----*/
	#mediabar{position:relative;width:595px;height:210px;overflow:hidden;padding-left:25px;padding-right:25px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;margin-bottom:15px;}
		#mediabar .container { /*Do not change the name of class */position: absolute;left:25px;width:600px;height:210px;overflow:hidden;}
		#mediabar ul{width:10000px;position: relative;}
		#mediabar li{float:left;width:130px;height:190px;padding:10px 9px 10px 9px;border-right:1px solid #ddd;}
		#mediabar li a {color:#333;}
		#mediabar li a:hover {text-decoration:underline;}
		#mediabar .thumb{width:130px;height:120px;margin:0 0 5px 0;overflow:hidden;padding:0;border:none;}
		#mediabar .thumb img{margin:0 auto;display:block;}
		#mediabar #previous_button { /*Do not change the name of class */position: absolute;width: 25px;height: 210px;left:0px;top: 0px;background: url(default/left.gif) no-repeat center center;z-index: 100;cursor:pointer;}
		#mediabar #previous_button.disabled { /*Do not change the name of class */background: url(default/disable.gif) no-repeat center center;cursor:default;}
		#mediabar #next_button { /*Do not change the name of class */position: absolute;right:0px;top: 0;width: 25px;height: 210px;background: url(default/right.gif) no-repeat center center;z-index: 100;cursor:pointer;}
		#mediabar #next_button.disabled { /*Do not change the name of class */background: url(default/disable.gif) no-repeat center center;cursor:default;}
		
	#primary_bottom {display:block;}
		#primary_bottomleft {float:left;width:325px;}
		
		/* featured videos */
		#primary_bottomright {display:block;width:300px;font: 12px/13px arial, verdana, sans-serif;float:right;}
			#featuredVideoNav {padding:5px 5px 4px;display:block;border:1px solid #555;margin-bottom:5px;	height:15px;}
			#video-slider {padding:10px;background:#333;}
			#paginate-video-slider { /* do not change the name of class - used to wrap thumbnails for featured area */float:left;width:200px;}
			#paginate-video-slider a { /* do not change the name of class - used to style links over featured slider */color:#aaa;padding:0 5px;font-weight:bold;font-size:18px;line-height:15px;}
			#paginate-video-slider a:hover {text-decoration:none;color:#fff;}
			#paginate-video-slider a.selected {color:#fff;text-decoration:none;}
			.featuredVideoViewAll {float:right;width:65px;text-align:right;font-size:11px;}
			.featuredVideoViewAll a,.featuredVideoViewAll a:hover {color:#fff;}

	/*----- ={ TABBED NEWS } -----*/
	#tabcontent {width:645px;overflow:hidden;display:block;}
		#tabcontent_title{width:100%;overflow:hidden;background:url(default/bgr_tabs_title.gif) repeat-x bottom;}
		#tabcontent_title li{float:left;font-size:12px;text-transform:uppercase;padding:0 2px 0 0;}
		#tabcontent_title li a{float:left;color:#333;background:url(default/bgr_tabs_title_a.gif) repeat-x;height:24px;padding:8px 10px 0 10px;}
		#tabcontent_title li a.selected{color:#333;background:#fff;height:24px;padding:7px 10px 0 9px;border:1px solid #ddd;border-bottom:0;text-decoration:none;}
		.tabcontent_body{width:625px;padding:9px 9px 2px 9px;border:1px solid #ddd;border-top:0;padding-bottom:7px;}
		.tabcontent_body .text {	width:623px;}
		.tabcontent_body ul{color:#999999;margin:0 0 0 20px;}
		.tabcontent_body ul li{list-style:decimal;font-size:12px;line-height:1.5em;padding:3px 0 3px 0;}

		.tableft {float:left;width:300px;}
		.tabright {float:right;width:305px;}

		a.list{color:#333;display:block;display:block;padding:2px 0 2px 10px;margin-left:5px;background:url(default/icons/list_a.gif) no-repeat left 8px;}
		a:hover.list{background:url(default/icons/list_hover.gif) no-repeat left 8px;text-decoration:underline;color:#DF1B1B;}
	
/*----- ={ SIDEBAR } -----*/
#sidebar {float:right;width:300px;display:inline;}

#bottom_banners {width:980px;margin:0 auto;display:block;background:#666}
#bottom_banners img{display:block;}
#bottom_banners .leftad{float:left;width:auto;}
#bottom_banners .rightad{float:right;width:auto;}

/*----- ={ FOOTER } -----*/
#footer {width:960px;padding:10px;background:#666;margin: 0 auto;color: #f6f7f7;}
	#footer p {padding:5px 0;}
	#footer a {color:#f6f7f7;}
	#footer a:hover {color:#fff;text-decoration:none;}

	#footer .widget {margin-bottom:0px;}
	#footer .widget ul li {border-bottom:1px dotted #ddd !important;}
	#footer .widget ul a {color:#f6f7f7 !important;}
	#footer .widget ul a:hover {color:#f6f7f7 !important;}
	#footer .widgettitle { /* Footer widget titles */margin-bottom:5px;font:bold 15px arial, tahoma, sans-serif;letter-spacing:0px;color:#f6f7f7;padding:0 0 5px;border-bottom:1px dotted #333;}
	#footer .widgettitle a, #footer .widgettitle a:hover{color:#f6f7f7;}

	#foo_widget1 {width:220px;float:left;margin-right:15px;}
	#foo_widget2 {width:260px;float:left;margin-right:15px;display:inline;}
	#foo_widget3 {width:450px;float:left;color:#f6f7f7;display:inline;}
	/* footer meta */
	#footer_data {color:#ccc;padding:3px 10px 3px 10px;width:960px;font-size:11px;margin:0 auto;display:block;width:960px;background: #333;border-top:1px solid #666;border-bottom:1px solid #666;}
	#footer_data a{color:#ccc;}
	#footer_data a:hover{text-decoration:underline;}
		#footer-left-side {width:50%;float:left;}
		#footer-right-side {width:50%;float:right;text-align:right}

/*----- ={ INNER PAGES } -----*/
.entry {padding:15px 10px 7px;border:1px solid #ddd;margin-bottom:10px;background: url(default/bgr_shadow.png) repeat-x top}
		
	/*Single post below title meta*/
	.metasingle{width:100%;overflow:hidden;border-top:1px dotted #666;margin:0 0 4px 0;padding:4px 0 5px 0;color:#999;font-size:11px;}
	.metasingle a {color:#999;}
	.metasingle a:hover {color:#000;}
		.postAuthor {padding-left:13px;background: url(default/icons/author.gif) no-repeat left center;}
		.postDate {padding-left:15px;background: url(default/icons/date.gif) no-repeat left center;}
		.postCategory {padding-left:15px;background: url(default/icons/folder.gif) no-repeat left center;}
	
	/* Post-Page Typograhpy */
	blockquote { background:url(default/blockquote.png) no-repeat 0 20px; padding: 10px 20px 10px 50px; color: #555;font-style:italic;margin-bottom:15px;}
	blockquote p {font-style:italic;margin:5px 0;}
	.entry a:hover {text-decoration:underline}
	
	/* Headings in posts */
	.entry h1.entry_title{display:block;margin:0;padding-bottom:5px;font:normal 20px/20px georgia, verdana, sans-serif;letter-spacing:-1px;color:#555;}
	.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom:15px;margin-top:10px;}
	.entry h3.widgettitle {margin-bottom:0;}

	.entry h1 {font-family:'palatino linotype',palatino,'times new roman',times,serif;}
	.entry h2 {font-family:georgia, 'palatino linotype',palatino,'times new roman',times,serif;}
	.entry h3 {font-family:arial, verdana, sans-serif;}
	.entry h4 {font-family:verdana, tahoma, sans-serif;}
	.entry h5 {font-family:arial, verdana, sans-serif;}
	.entry h6 {font-family:arial, verdana, sans-serif;}
	
	.entry ul { margin-bottom: 15px; padding-left: 30px; }
	.entry ul ul { margin: 0; }

	.entry ul ul li { list-style-type: circle; }

	.entry ol  { margin-bottom: 15px; padding-left: 30px; }
	.entry ol ol { margin: 0; }
	.entry  ol li  { list-style-type: decimal; }
	.entry  ol li ol li { list-style-type: lower-alpha; }
			
	/* Gallery */
	.entry .gallery {padding-bottom:15px;display:block;}
			
	/* innerpage slider */	
	#slides {margin-bottom:15px;}
	#slides .slides_container {height:auto;overflow:hidden;margin-bottom:10px;}
	#slides .slides_container img {padding:2px;border:1px solid #ddd;}	
		
	#slides .next {width:9px;height:11px;display:block;float:right;}
	#slides .prev {width:9px;height:11px;display:block;float:left;}
	#slides .pagination {float:left;width:140px;height:12px;margin:-10px 0 0 230px;}
	#slides .pagination li {float:left;margin:0 1px;list-style-type: none !important;}
	#slides .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(default/icons/pagination.png);background-position:0 0;float:left;overflow:hidden;}
	#slides .pagination li.current a {background-position:0 -12px;}					
			
	.single_ad {/*ad between post and comments*/padding:10px;border:1px solid #ddd;margin-bottom:10px;text-align:center;}
			
	#entryMeta { /* Style to wrap author details below the article  */font-size:12px;border:1px solid #ddd;padding:7px;background:#f6f7f7;margin-bottom:10px;line-height:1.3em;}
	#entryMeta img { /* Alignment for author image on single post page */float:left;padding:1px;border:1px solid #bbb;margin-top:1px;	margin-right:5px;}
	#entryMeta a { /* Link style for the post details below the post title on single post page */color:#8f8f8f;	text-decoration:none;}
	#entryMeta a:hover {text-decoration:underline;}			
			
	/* Author template */
	.author_meta { /* Style to wrap author details below the article  */font-size:15px;line-height:17px;border:1px solid #ddd;padding:7px;background:#f6f7f7;margin-bottom:15px;}
		.author_meta img { /* Alignment for author image on single post page */float:left;padding:1px;border:1px solid #bbb;margin-top:1px;margin-right:10px;}
		.author_meta a { /* Link style for the post details below the post title on single post page */color:#8f8f8f;text-decoration:underline;}
		.author_meta a:hover {text-decoration:none;}
		
/*Archive pages*/

/* Breadcrumb text and link styles */
#bcrum {display:block;font-size:11px;color:#666;margin-bottom:8px;border-bottom:1px dotted #666;}
#bcrum a {color:#333;}
#bcrum a:hover {color:#000;}
	
.archive_postheader {}
.archiveTitle{color:#3B77BF;font:normal 22px/22px "Times New Roman", Times, serif !important;margin:0 0 10px !important;}
.archiveTitle a{color:#3B77BF;}
.archiveTitle a:hover{text-decoration:underline;}

/* Archive page post excerpt meta */
.entryDate{background: url(default/icons/date.gif) no-repeat left center;padding-left:18px;float:left;width:auto;}  
.entryComment{background: url(default/icons/comment.gif) no-repeat left center;padding-left:18px;float:right;width:auto;}  
.read_on {background: url(default/icons/continue.png) no-repeat left center;padding:8px 0 4px 22px; margin-left:500px;}  
	
/* Posts and Comments navigation */
.navigation {color: #777;font-size: 12px;line-height: 18px;overflow: hidden;clear:both;}
	.navigation a:link,.navigation a:visited {color: #3B77BF;text-decoration: none;}
	.navigation a:active,.navigation a:hover {text-decoration: underline;}
	.nav-previous {float: left;width: 50%;}
	.nav-next {float: right;text-align: right;width: 50%;}

/* Author Pages - Post Author Bio wrapper */
.gab_authorInfo  { background: #f6f7f7;padding:5px;margin:5px 0 5px;border: 1px solid #ccc;font:11px/15px verdana, arial, sans-serif;}
/* Author Pages - photo inside of bio wrapper */
.gab_authorPic { float:left;width:50px;display:inline;margin-right:7px;}	

/* container around media item on media category page template */
.snapshot,.snapshot2 {padding:10px;float:left;display:inline;margin:0 5px 15px 0;width:300px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	.snapshot {background:#fff;}
	.snapshot2 {background:#f6f7f7;}	
	.media_postTitle {margin:0 0 5px;text-align:center;letter-spacing:0;font-size:15px;font:bold 12px/15px verdana, arial, sans-serif !important;}
	.snapshot .media ,.snapshot2 .media {display:block;overflow:hidden;padding:2px;border:1px solid #ddd;background:#fff;width:294px;height:180px;overflow:hidden;margin:5px 0;}

/*----- ={ COMMENTS } -----*/
#comments {}
	#comments a:hover {text-decoration:underline;}
	#comments .navigation {padding: 0 0 18px 0;}
	
	#comments-title,#reply-title {font-size: 18px;font-weight: bold;padding:5px 0;}
	ol.commentlist {padding-bottom:0;margin-bottom:15px;}
	ol.commentlist li { /* Comment Wrapper */margin:5px 0;list-style:none;padding:8px;}
	ol.commentlist li li, ol.commentlist li li li, ol.commentlist li li li li, ol.commentlist li li li li li {margin:0 0 3px;border-bottom:none;}
	ol.commentlist  ul.children {margin:0;padding:0;}
	
	li div.vcard { /* Font style for comment author link*/line-height:13px;border-bottom:1px dotted #ddd;margin-bottom:6px;padding-bottom:6px;}
	li div.vcard cite {font-style:normal;}
	li #cancel-comment-reply-link { /* Font style for comment author link*/font-size:12px;margin:5px 0;}
	li div.vcard a { /* Font style for comment author link*/color:#333;}
	li div.vcard img.avatar { /* Avatar style between comments */float:left;margin-right:7px;}
	
	li span.comment-meta { /* Style for date of comment */font-size:10px;display:block;padding-top:3px;}
	li span.comment-meta a {color:#666;}
	li span.comment-meta a:hover {text-decoration:underline;}
	
	ol.commentlist li p { /* Comment font style */font-size:12px;padding:4px 0;margin:0;} 
	ol.commentlist li p.waiting_approval { /* Comment font style */font-weight:bold;font-style:italic;color:#777} 
	
	li div.reply a {font-size:11px;}
	
	ol.commentlist li ul.children { /* Inner comment style */margin-top:10px;}
	li.depth-2,li.depth-3,li.depth-4,li.depth-5 { /* inner comment margin-bottom */margin:0 0 0 20px !important;}
	ol.commentlist li.even { /*The background color for 1-3-5... no comments*/background:#fff;}
	ol.commentlist li.odd { /* Background color for 2-4-6... no comments */background:#f6f7f7;}
		
/*----- ={ COMMENT FORM } -----*/
#respond {margin: 5px 0 0 0;overflow: hidden;position: relative;background:#f6f7f7;padding:10px 15px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	#respond p {margin: 0;}
	#respond .logged-in-as {margin-bottom: 10px;}
	#respond .comment-notes {margin-bottom: 1em;}
	#respond .form-allowed-tags {line-height: 1em;}
	.children #respond {margin: 0 48px 0 0;}
	#comments-list #respond {margin: 0 0 18px 0;}
	#comments-list ul #respond {margin: 0;}
	#cancel-comment-reply-link {font-size: 12px;font-weight: normal;	line-height: 18px;}
	#respond .required {color: #ff4b33;font-weight: bold;}
	#respond label {color: #888;font-size: 12px;}
	#respond input {margin: 0 0 9px;width: 70%;display:block;background: #fff url(default/bgr_respond_text.gif) repeat-x;}
	#respond textarea {width: 95%;background: #fff url(default/bgr_respond_text.gif) repeat-x;}
	#respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;}
	#respond .form-allowed-tags code {font-size: 11px;}
	#respond #submit {   width: auto;border:1px solid #333;margin-top:10px;padding:5px 20px;text-shadow: #fff 1px 1px;cursor:pointer;}
    
#logo br{
    font-size:10px;
    height:10px;
}

#logo{
    font-size:12px;
    color:navy;
}

.js-hidden{
    visibility:hidden;
    display:none;
}

#ticker-wrapper.has-js{display:block;font-family:Arial; border-bottom:1px solid #dfdfdf;}
#ticker{float:left; width:650px; position:relative;overflow:hidden;padding:0px 10px 0 10px;}
#ticker-title{padding-top:7px;float:left;color:#900;font-weight:700;text-transform:uppercase}
#ticker-content{padding-top:7px;float:left;position:absolute;color:#1F527B;font-weight:700;margin:0}
#ticker-content A{text-decoration:none;color:#1F527B}
#ticker-content A:hover{text-decoration:underline;color:#0D3059}
#ticker-swipe{padding-top:7px;position:absolute;top:0;left:80px;background-color:#FFFFFF;display:block;width:600px;height:23px;background-color:#f6f7f7}
#vigilance{
	float:right;
	width:200px;
	height:90px;
	background: #A3D3F3;
	color:#F01E8B;
	font-weight:bold;
	font-size:0.7em;
}

#featured h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#3C78A7;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:0px 10px;
	}

#social-network h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#3C78A7;
	color:#fff;
	margin:0px 0px 5px 0px;
	padding:0px 10px;
	}

#navbar {
	margin:0 auto;
	margin-top:5px;
	padding:0px 10px;
	text-transform:uppercase;
	background:#6FAFD2 url(images/navbar.png);
	}

#jour-bar {
	width:575px;
    display:none;
	}

#jour-bar ul {
	list-style: none;
	background:#6FAFD2;
	}

#jour-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #3c78a7;
	background:#6FAFD2;
	padding-right:5px;
	padding-left:3px;
	margin-left:0px;
	color:#FFF;
	font-weight:bold;
	}

.post #jour-bar, #headline #jour-bar{
	font-size:0.9em;
}

.post #jour-bar li a, #headline #jour-bar li a{
	height:10px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
}


.post #heure-bar{
	margin-left:-28px;
	font-size:0.9em;
	margin-top: 40px;
	color:#FFF;
}

.post #heure-bar a, #headline #heure-bar a{
	color:#FFF;
}

.post #params-bar{
	margin-left:-28px;
	font-size:0.9em;
	margin-top: 400px !important;
	margin-top: 410px !important;
}

.post #params-bar a, #headline #params-bar a{
	color:#FFF;
}

.post #zones-bar{
	font-size:0.9em;
	margin-top:442px;
}

#jour-bar li.select{
	background:#F01E8B;
}

#jour-bar li:hover {
	background: #3c78a7;
	}

#jour-bar a, #jour-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#jour-bar a:hover {
	text-decoration:none;
	display:block;
	}

#heure-bar {
	width:55px;
	position:absolute;
	margin-top:30px;
    display:none;
	}

#heure-bar ul {
	list-style: none;
	background:#6FAFD2;
	}

#heure-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	background:#6FAFD2;
	padding-right:6px;
	padding-left:6px;
	color:#FFF;
	font-weight:bold;
	}

#heure-bar li.select{
	background:#F01E8B;
}

#params-bar {
	width:130px;
	position:absolute;
	margin-top:405px;
    display:none;
	}

#params-bar ul {
	list-style: none;
	background:#6FAFD2;
	}

#params-bar li {
	width:130px;
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	background:#6FAFD2;
	padding-right:6px;
	padding-left:6px;
	color:#FFF;
	font-weight:bold;
	}

#params-bar li.select{
	background:#F01E8B;
}

#zones-bar{
	position:absolute;
	margin-left:265px;
	margin-top:437px;
	width:310px;
	background:#6FAFD2;
	color:#FFF;
	font-weight:bold;
    display:none;
}

#zones-bar select{
	width:180px;
}	

#page-bar {
	width:675px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li:last-child{
	background:#F01E8B;
}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #3c78a7;
	}

#page-bar li:hover {
	background: #3c78a7;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}



/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}
    
#featured h1{
    font-size:12px;
}

#featured{
font-size:10px;
}

#featured img{
    max-width:400px;
    margin-top:10px;
}

#featured h2{
    font-size:16px;
}

#featured p{
    font-size:11px;
}

#accueil-villes li{
    border-right-width: 1px;
    border-left-width: 1px;
    display: block;
    margin: 0;
    position: relative;
    overflow: visible;
    text-align: left;
    border-width: 0;
    border-top-width: 1px;
    list-style: none;
    padding: 0;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    border: 1px solid gray;
    background: #FDFDFD;
    font-weight: bold;
    color: #111;
    text-shadow: 0 1px 1px white;
    border: 1px solid #BBB;
    background: #DADADA;
    font-weight: bold;
    color: #101010;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));
    background-image: -webkit-linear-gradient(top,#eee,#fdfdfd);
    background-image: -moz-linear-gradient(top,#eee,#fdfdfd);
    background-image: -ms-linear-gradient(top,#eee,#fdfdfd);
    background-image: -o-linear-gradient(top,#eee,#fdfdfd);
    background-image: linear-gradient(top,#eee,#fdfdfd);

}

#accueil-villes a{
    padding: .7em 75px .7em 15px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none!important;
    text-shadow: 0 1px 1px white;
    color: #2F3E46;
}

#accueil-villes .fleche{
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    box-shadow: 0 1px 0 rgba(255,255,255,.4);
    background-position: -108px 50%;
    background: rgba(0, 0, 0, .4);
    background-image: url(../images/icons-18-white.png);
      background-position: -108px 50%;
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-align: left;
    cursor: pointer;
}

#primary_bottomright .title{
    margin-top:10px;
}

#primary_bottomright .title a{
    font-size:14px;
}

#primary_bottomright .meta{
    margin-bottom:5px;
    font-weight:none;
}

#primary_bottomright p{
    text-align:justify;
}

#primary_bottomright .clearfloat{
    background-color:#F6F7F7;
    border-bottom: 1px solid #DDD;
}



#sidebar h3{
    color:#000;
    font-size:15px;
    padding-bottom:5px;
}

h3 a.rsswidget{
    color:#000;
    font-size:16px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:15px;
}

#sidebar ul{
    margin-top:5px;
    border:1px solid #ddd;
    margin-bottom:10px;
}

#sidebar li a{
    color:#000;
}

#sidebar li{
    font-size:12px;
    border-bottom:1px dotted #ddd;
}

#sidebar-middle {
	width:300px;
	float:right;
}

#sidebar-left {
	width:126px;
	padding:7px 10px 10px 10px;
	float:left;
	background:#fff;
	}

#sidebar-right {
	width:126px;
	padding:7px 10px 10px 10px;
	float:right;
	background:#fff;
}

#foo_widget1, #foo_widget2, #foo_widget3{
    font-size:12px;
    width:32%;
}

#partner-list{
	width:100%;
	border-top:1px solid #ddd;
	margin-top:8px;
	font:1em Arial;
	font-weight:bold;
}

#partner-list ul{
	list-style: none;
}


#partner-list li{
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	margin-left:15px;
	margin-top:10px;	
}

#major-news li{
	list-style:none;
	float: left;
    background-color:#FFF;
    text-align:center;
}


#major-news li a{
	padding-top:5px;
	background-color:#FFF;
	border:0px solid navy;
	width:179px;
	text-align:center;
	color:#3C78A7;
	font-size:0.8em;
}

#major-news li a:hover{
	text-decoration:none;
}

#front-list {
	width:100%;
	padding:10px;
	float:left;
	}

#archive {
	padding-top:15px;
	font-size:1.05em;
	line-height:1.75em;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}


#front-list .clearfloat, #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
	margin:0px;
	padding:0px;
}

#headline-actu {
	width:100%;
	float:left;
	padding:0px;
	font-size:1.25em;
	line-height:1.5em;
	margin-top:10px;
	color:#FFF;
	}

#headline-actu ul {
	list-style: none;
	width:100%;
	}

#headline-actu li a{
	width:190px;
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
    background-color:#F6F7F7;
	padding-right:6px;
	padding-left:6px;
	color:#000;
	margin-right:7px;
	}
#headline-actu li{
	list-style:none;
	float: left;
}

.iphoneonly{
    display:none;
}

pre{
    max-width:580px;
    font-size:11px;
}
    
#cartefullscreen{
    float:right;
    color:red;
    font-weight:bold;
    margin-right:20px;
}

#meteogramme{
	border : 1px solid black;
	width: 100%;
	font-size:0.9em;
}

#meteogramme #first td{
	background-color:silver;
}

#meteogramme tr.alternate{
	background-color:#D1E2EC;
	
}

#meteogramme img{
	padding:0px;
	margin:0px;
	border:0px;
}

#meteogramme tr td{
	text-align:center;
}

#meteogramme .borderleft{
	border-left : 1px solid black;
}

#meteogramme .inondation{
	border: 2px dashed navy;
}

#meteogramme .chaud{
	border: 2px dashed red;
}

#meteogramme .froid{
	border: 2px dashed #21E0C9;
}

#meteogramme .infos_supp{
	border:1px solid black;
	text-align:left;
	display:none;
	
}

ul#villes_meteogramme {
    font: 13px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:0px;
    
}

ul#villes_meteogramme li {
    float: left;
    list-style:none;
    background-color: #F6F7F7;
    margin: 2px 2px 0 2px;
    border: 1px solid silver;
}

ul#villes_meteogramme li.current_page_item {
    background-color: #DEDEDE;
    color:#000;
}

ul#villes_meteogramme li.current_page_item a {
    color:#DEDEDE;
     background: #000;
}

#villes_meteogramme a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 7px;
}



.infobulle{
  color: #000000;
  position: absolute;
  visibility : hidden;
  border: 2px solid #B1DBF3;
  padding: 10px;
  font-family: Trebuchet MS;
  text-align: center;
   font-size: 10pt;
  background-color: #FFFFFF;
}

.echeance{
	list-style:none;
	margin-left:0px;
	padding: 0px; 
	float:left;
    margin-top:10px;
    width:650px;
}

.echeance li{
	float:left;
	width:70px;
	border:1px solid silver;
	margin-left:6px;
	padding:0px;
    list-style:none;
    background-color:#F6F7F7;
}

.echeance .day{
    text-align:center;
}

.echeance .picto{
    text-align:center;
}

.echeance .tmp{
    text-align:center;
}

.echeance .raf{
    text-align:center;
}

.echeance .more{
    text-align:center;
}

#theday{
	float:left;
	width:600px;
	border:1px solid silver;
	height:620px;
	margin-left:6px;
	margin-top:-17px;
	background-color:#DEDEDE;
}

#theday h2{
    font-size:14px;
    text-align:center;
    font-weight:bold;
}

.echeance li.selected{
	border-bottom:none;
	background-color:#DEDEDE;
	height:165px;
}

.echeance li.selected .more{
	display:none;
}

.met{
	list-style:none;
	margin-left:0px;
	padding: 0px; 
	float:left;
}

.met li{
	list-style:none;
	margin-left:7px;
	margin-bottom:15px;
	padding: 0px; 
	float:left;
	width:125px;
	border:1px solid silver;
    background-color:#F6F7F7;
	text-align:center;
}

.met li .orage, .met li .humidite{
    font-size:9px;
}

.met li .vmoy, .met li .v925{
    font-size:9px;
}

.met li .geopot, .met li .t850{
    font-size:9px;
}

ul#carte_jour {
    font: 11px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:0px;
    
}

ul#carte_jour li {
    float: left;
    list-style:none;
    background-color: #F6F7F7;
    margin: 2px 2px 0 2px;
    border: 1px solid silver;
}

ul#carte_jour li.select {
    background-color: #DEDEDE;
    color:#000;
}

ul#carte_jour li.select a {
    color:#DEDEDE;
     background: #000;
}

#carte_jour a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

ul#carte_heure {
    font: 11px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:0px;
    
}

ul#carte_heure li {
    text-align:center;
    list-style:none;
    margin: 2px 2px 0 2px;
    
}

ul#carte_heure li.select {
       color:#000;
}

ul#carte_heure li.select a {
    color:#DEDEDE;
     background: #000;
}

#carte_heure a {

    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px;
    border: 1px solid silver;
    width:39px;
}

ul#carte_params {
    font: 13px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:15px;
    margin-bottom:20px;
    margin-left:70px;
    
}

ul#carte_params li {
	float:left;
    list-style:none;
    margin: 2px 2px 0 2px;
        border: 1px solid silver;
    
}

ul#carte_params li.select {
    background-color: #DEDEDE;
    color:#000;
}

ul#carte_params li.select a {
    color:#DEDEDE;
     background: #000;
}

#carte_params a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 7px;
}

#carte-villes{
	margin-top:25px;	
}

#carte-villes li{
    border-right-width: 1px;
    border-left-width: 1px;
    display: block;
    margin: 0;
    width:280px;
    float:left;
    position: relative;
    overflow: visible;
    text-align: left;
    border-width: 0;
    border-top-width: 1px;
    list-style: none;
    padding: 0;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    border: 1px solid gray;
    background: #FDFDFD;
    font-weight: bold;
    color: #111;
    text-shadow: 0 1px 1px white;
    border: 1px solid #BBB;
    background: #DADADA;
    font-weight: bold;
    color: #101010;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));
    background-image: -webkit-linear-gradient(top,#eee,#fdfdfd);
    background-image: -moz-linear-gradient(top,#eee,#fdfdfd);
    background-image: -ms-linear-gradient(top,#eee,#fdfdfd);
    background-image: -o-linear-gradient(top,#eee,#fdfdfd);
    background-image: linear-gradient(top,#eee,#fdfdfd);

}

#carte-villes a{
    padding: .7em 75px .7em 15px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none!important;
    text-shadow: 0 1px 1px white;
    color: #2F3E46;
}

#carte-villes .fleche{
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    box-shadow: 0 1px 0 rgba(255,255,255,.4);
    background-position: -108px 50%;
    background: rgba(0, 0, 0, .4);
    background-image: url(../images/icons-18-white.png);
      background-position: -108px 50%;
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-align: left;
    cursor: pointer;
}

ul#bulletin_jour {
    font: 13px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:20px;
    margin-bottom:15px;
    margin-left:-10px;
    
}

ul#bulletin_jour li {
    float: left;
    list-style:none;
    background-color: #F6F7F7;
    margin: 2px 2px 0 2px;
    border: 1px solid silver;
}

ul#bulletin_jour li.select {
    background-color: #DEDEDE;
    color:#000;
}

ul#bulletin_jour li.select a {
    color:#DEDEDE;
     background: #000;
}

#bulletin_jour a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
}

ul#accueil_jour {
    font: 12px verdana, arial, sans-serif;
    list-style: none;
    margin: 0;
    float:left;
    margin-top:4px;
    margin-bottom:5px;
    margin-left:0px;
    
}

ul#accueil_jour li {
    float: left;
    list-style:none;
    background-color: #F6F7F7;
    margin: 2px 2px 0 2px;
    border: 1px solid silver;
}

ul#accueil_jour li.select {
    background-color: #DEDEDE;
    color:#000;
}

ul#accueil_jour li.select a {
    color:#DEDEDE;
     background: #000;
}

#accueil_jour a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

#actubref{
	margin-top:10px;
	margin-bottom:10px;
	font-size:13px;	
}

ul#actubref li {
    margin: 8px 2px 0 2px;
}

#webcam-villes{
	margin-top:25px;	
}

#webcam-villes li{
    border-right-width: 1px;
    border-left-width: 1px;
    display: block;
    margin: 0;
    width:190px;
    float:left;
    position: relative;
    overflow: visible;
    text-align: left;
    border-width: 0;
    border-top-width: 1px;
    list-style: none;
    padding: 0;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    border: 1px solid gray;
    background: #FDFDFD;
    font-weight: bold;
    color: #111;
    text-shadow: 0 1px 1px white;
    border: 1px solid #BBB;
    background: #DADADA;
    
    font-size:0.8em;
    color: #101010;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));
    background-image: -webkit-linear-gradient(top,#eee,#fdfdfd);
    background-image: -moz-linear-gradient(top,#eee,#fdfdfd);
    background-image: -ms-linear-gradient(top,#eee,#fdfdfd);
    background-image: -o-linear-gradient(top,#eee,#fdfdfd);
    background-image: linear-gradient(top,#eee,#fdfdfd);

}

#webcam-villes a{
    padding: .7em 75px .7em 15px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none!important;
    text-shadow: 0 1px 1px white;
    color: #2F3E46;
}

#webcam-villes .fleche{
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
    box-shadow: 0 1px 0 rgba(255,255,255,.4);
    background-position: -108px 50%;
    background: rgba(0, 0, 0, .4);
    background-image: url(../images/icons-18-white.png);
      background-position: -108px 50%;
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-align: left;
    cursor: pointer;
}
#bulletin_img{
	padding-left:30px;	
	margin-bottom:10px;
}
#bulletin_img img{
	margin-right:5px;	
}

#carteobs{
	margin-left:130px;
	clear:both;
}

.page-template-observations-php #villes_meteogramme li{
	font-size:10px;	
}