/*
    Gadgetopia.com
    Main stylesheet
    style.css
    Deane Barker, Karla Santi, Benjamin Bertrand
    Copyright © 2008 Blend Interactive, Inc.
*/

/* Yahoo! Browser Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; } 
address,caption,cite,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }


/****** TYPOGRAPHY ******/

body {background:#353B32; color:rgb(51,51,51); font-family:"Helvetica Neue", Helvetica, Arial, "Tahoma MS", sans-serif; font-size:75%; text-align:center;}

html>body>#Container {font-size:12px;}

/*  24px  */	h1 {font-size:2.000em; line-height:1.2em; padding:0.75em 0 0.25em 0;}
/*  20px  */	h2 {font-size:1.667em; line-height:1.2em; padding:0.90em 0 0.30em 0;}
/*  14px  */	h3 {font-size:1.167em; line-height:1.2em; padding:0;}
/*  12px  */	h4 {font-size:1.000em; line-height:1.2em; padding:1.50em 0 0.50em 0;}
/*  10px  */	h5 {font-size:0.833em; line-height:1.2em; padding:1.80em 0 0.60em 0;}
/*   8px  */	h6 {font-size:0.750em; line-height:1.2em; padding:2.25em 0 0.75em 0;}

p {font-size:1em; line-height:1.75em; margin:0; padding:0 0 0.75em 0;}

a {color:#000; text-decoration:underline;}
a:hover {color:#C0FEA1;}

/****** LAYOUT ******/

#Header {background:#252922 url(/images/structural/bg_header.gif) top left repeat-x; border-top:1px solid #3E453A; height:90px; margin-top:1em;}
#Main {background:#353B32 url(/images/structural/bg_main.gif) repeat-x scroll left top;}
.Inner {margin:0 auto; width:930px; position:relative; text-align:left;}

#Main .Inner {background:#fff url(/images/structural/bg_main_body.gif) 0 30px repeat-y;}
#Main .Inner.SiteMenu {background:transparent;}


/****** HEADER ******/

#Header h1 a {background:transparent url(/images/structural/logo_gadgetopia.png) top left no-repeat; display:block; height:80px; width:400px;}
#Header span {display:none;}
#Header .AdUnit {position:absolute; top:14px; right:0;}


/****** SITE MENU  ******/

#SiteMenu {height:45px;}
#SiteMenu ul {font-size:0.95em; font-weight:bold; margin-left:35px;}
#SiteMenu li {background:transparent url(/images/structural/bg_sitemenu_li.gif) top left repeat-y; float:left; height:40px; padding-left:2px;}
#SiteMenu li a {background:transparent; color:#C2CAC0; display:block; padding:13px 16px 13px 13px; text-decoration:none; width:auto;}
#SiteMenu li a:hover {background:transparent url(/images/structural/bg_sitemenu_hover.gif) 0 1px repeat-x;}
#SiteMenu li a:active {background-image:url(/images/structural/bg_sitemenu_active.gif);}
#SiteMenu li img {margin-left:8px; vertical-align:bottom;}

#SiteMenu .SearchForm {background:transparent url(/images/structural/bg_sitemenu_li.gif) top left repeat-y; float:left; height:31px; padding:7px 0 0 9px; width:308px;}
#SiteMenu input {vertical-align:middle; position:relative;}
#SiteMenu input.SearchBox {height: 30px;background:#1F231C url(/images/structural/bg_input_dark.gif) top left repeat-x; border:1px solid #373B35; color:#C2CAC9; font-family:Calibri, "Helvetica Neue", Helvetica, Arial, "Tahoma MS", sans-serif; font-style:italic; padding:7px 8px; width:188px;}
#SiteMenu input.SearchButton {top:0px;}


/***** PRIMARY *****/

#Primary {background:#FFF; clear:both; float:left; position:relative; width:605px; display: inline;}
#Primary .Inner {background:none;}

#Menu_Inner {background:transparent url(/images/structural/bg_menu_ul.gif) 0 2px repeat-x; height:37px; position:relative; width:605px; margin-top: -2px;}
#Menu ul {border-top:0px solid #6BB152; background:#57A23F;}
#Menu li {background:transparent url(/images/structural/bg_menu_li.gif) 0 2px no-repeat; height: 34px; float:left; padding-left:2px;}
#Menu li a {background:transparent; color:#FFF; display:block; padding:11px 21px 11px 21px; text-decoration:none; width:auto;}
#Menu li a:hover {background:transparent url(/images/structural/bg_menu_hover.gif) 0 2px repeat-x; color:#C0FEA1;}
#Menu li a:active {background:#FFF; color:#B1BEB6;}

#Menu ul#Hilight-0 li.Hilight-0,
#Menu ul#Hilight-11 li.Hilight-11,
#Menu ul#Hilight-27 li.Hilight-27,
#Menu ul#Hilight-28 li.Hilight-28,
#Menu ul#Hilight-29 li.Hilight-29,
#Menu ul#Hilight-31 li.Hilight-31,
#Menu ul#Hilight-32 li.Hilight-32 {background:transparent url(/images/structural/bg_tab_left.gif) top left no-repeat; float:left; height:37px; position:relative;}

#Menu ul#Hilight-0 li.Hilight-0 a,
#Menu ul#Hilight-11 li.Hilight-11 a,
#Menu ul#Hilight-27 li.Hilight-27 a,
#Menu ul#Hilight-28 li.Hilight-28 a,
#Menu ul#Hilight-29 li.Hilight-29 a,
#Menu ul#Hilight-31 li.Hilight-31 a,
#Menu ul#Hilight-32 li.Hilight-32 a {background:transparent url(/images/structural/bg_tab_right.gif) top right no-repeat; color:#519D3A; display:block; padding:11px 16px 11px 13px; text-decoration:none; width:auto;}

.Navigation {background:#FFF url(/images/structural/bg_nav_top.jpg) bottom left no-repeat; clear:both; height:32px; letter-spacing:0.075em; padding:10px 21px 0 21px; width:563px;}
.Navigation.Btm {background:#FFF url(/images/structural/bg_nav_btm.jpg) top left no-repeat; margin-top:15px; padding:20px 21px 0 21px; } 
.Navigation a {color:#519D3A; text-decoration:none;}
.Navigation a:hover {text-decoration:underline;}


/***** POSTS *****/

.Post {background:transparent url(/images/structural/border.gif) bottom left repeat-x; clear:both; padding-bottom:14px; padding-top:22px;}
.Post .Inner {background:none; margin:0 46px; position:relative; width:auto;}
.Date {background:transparent url(/images/structural/divider_h.gif) top right no-repeat; color:#a2a5a0; float:left; height:42px; margin-right:15px; padding:5px 13px 0 0; position:relative; text-align:center; width:20px;}
.Date span.Month {font-size:0.95em; margin-bottom:-3px; position:relative; text-transform:uppercase; top:3px;}
span.Day {font-size:1.62em; font-weight:bold;}
.Post h3 {color:#484d45; font-size:1.875em; position:relative; top:0.35em; margin-bottom:1em;}
.Post h3 a {text-decoration: none;}
.Post h3 a:hover {color:#60AE4E;}
.Entry {clear: both;}
.CategoryMeta ol,
.CategoryMeta ul,
.Post ol, .Post ul, 
#MoreCommentsMeta ul, div.Comment ul, div.Comment ol  { list-style-type:disc; list-style-position:outside; margin-left: 2em; margin-bottom: 0.5em; padding:0;} 
.CategoryMeta li,
.Post li {padding-bottom:0.5em; line-height: 1.75em;}



/***** POST ENTRY ******/

.Post .Entry h1 {padding:0.125em 0 0.125em;}
.Post .Entry h2 {padding:0.125em 0 0.13em;}
.Post .Entry h3 {color:#333; font-size:1.50em; padding:0.125em 0 0.43em;}
.Post .Entry h4 {/*color:#519D3A; font-size:1.25em; font-weight:bold; padding:0.125em 0 0.25em; text-transform:uppercase;*/ font-weight: bold; }
.Post .Entry h5 {color:#519D3A; font-size:1.15em; font-weight:bold; padding:0.125em 0 0.35em; text-transform:uppercase;}
.Post .Entry h6 {color:#519D3A; font-size:1.00em; font-weight:bold; padding:0.125em 0 0.50em; text-transform:uppercase;}
.Post .Entry ol, div.Comment ol {list-style-type:decimal;}

.Post .Entry li {padding:0 0 0.5em 0;}
.Post .Entry address {font-style:italic; font-weight:bold; margin-left:30px;}
code {
font-family:"Courier New", monospace;
line-height:18px;
overflow:auto;
display: block;
padding: 1em;
background-color: rgb(230,230,230);
border: solid 1px rgb(200,200,200);
margin: 0.5em 0 0.5em 0;
font-size: 12px;
}
.CategoryMeta b,
.Post .Entry b,
.Post .Entry strong {font-weight:bold;}
.CategoryMeta em,
.Post .Entry em {font-style:italic;}
.Post .Inner li a,
.CategoryMeta a,
.Post .Entry a,
.Post .Entry ul li a { /*background:#F5F5B9; border-right:1px solid #F6F7EE; border-bottom:1px solid #F6F7EE; color: rgb(50,50,50); padding:2px 3px; text-decoration:none;*/ color: #519D3A; }
.Post .Inner li a:hover,
.CategoryMeta a:hover,
.Post .Entry a:hover,
.Post .Entry ul li a:hover {border-color:#E5E5E5; color:#666;}
.CategoryMeta a:active,
.Post .Entry a:active {border-color:#FFF; color:#666; position:relative; top:1px; left:1px;}

.CategoryMeta .CategoryRss a { background: #E1ECD8; }
.CategoryMeta .CategoryRss { float: right; font-size: 11px; width: 300px; text-align: right; }
.CategoryMeta .CategoryLabel { background: #E1ECD8; }

.Entry blockquote {color:#7a7e7a; line-height:1.75em; margin:0; padding-left: 40px; padding-bottom:1em; background: url(/images/structural/txt_open_quotes.gif) no-repeat; background-position: 10px 5px;}

.PostMeta {background:#FFF url(/images/structural/bg_postmeta.jpg) top left no-repeat; color:#6A7069; font-size:0.95em; padding-top:20px; position:relative;}
.PostMeta img {vertical-align:middle;}
a#TwitterLink { background: url(/images/structural/icon_twitter2.gif) no-repeat; padding-left: 20px; }
.PostMeta .Tags, 
.CommentMeta cite, 
.PostMeta cite {color:#519D3A; font-family:Georgia,Times,serif; font-style:italic;}
.PostMeta a {color:#6A7069; text-decoration:none;}
.PostMeta a:hover {color:#519D3A; text-decoration:underline;}
/*.PostMeta .CommentCount,
.PostMeta .Comments,
.PostMeta .Published,
.PostMeta .Tags,
.PostMeta .TagSection {float:left; width:auto;}*/
.PostMeta .Tags {float:left; display:inline; padding-top:0.35em; width:250px;}
.PostMeta .Tags a {color:#519D3A;}
.PostMeta .TagSection {line-height:2em; margin-right:1px;}

div.CommentCount {display: inline; line-height:2em; margin-left:0.5em;}
#MoreCommentsMeta { margin-top: 30px; }
#MoreCommentsLink { background: url(/images/structural/more_comments_bkgd.gif) repeat-x; height: 21px; color: white; display: block; text-decoration: none; width: 160px; padding-top: 4px; text-align: center; }


/***** CATEGORIES ******/

div.CategoryMeta h4 { margin-bottom: 0; font-style: italic; padding: 0px;}
div.CategoryMeta h2 { margin-top: 4px; margin-bottom: 6px; padding-top: 0; color: #000; font-size:1.875em; line-height:1em; padding: 0px;}
.CategoryMeta { margin-left: 46px; margin-top: 15px;}
.CategoryMeta ul { margin-left: 1.5em; }
.CategoryMeta li { list-style: disc; margin-bottom: 0.5em;}
.CategoryMetaBg {  background: #FFFFFF url(/images/structural/bg_postmeta.jpg) no-repeat scroll left bottom; height: 40px; }

.CategoryOtherPosts { margin-left: 46px; margin-bottom: 20px;}
.CategoryOtherPosts ul { margin-left: 1.5em; }
.CategoryOtherPosts li { list-style: disc; margin-bottom: 0.5em;}


/***** COMMENTS *****/

/* .PostDetail .PostMeta .Tags {padding-top:6px; width:348px;} */
.PostDetail .Navigation.Btm {margin-top:1px;}
.PostDetail .Post {background-image:none;}
.PostDetail .Post h3 a {color:#484d45; text-decoration: none;}
.PostDetail .Post h3 a:hover {color:#60AE4E;}

#Related h3,
#WhatLinksHere h3,
#WhatThisLinksTo h3,
#Comments h3,
#AddComment h3 {color:#484d45; font-size:1.50em; line-height:2em; padding:0;}
.CommentHeader { margin-bottom: -10px;  }

#Related .Inner,
#WhatLinksHere .Inner,
#WhatThisLinksTo .Inner,
#Comments .Inner {background:#F0F1F0 url(/images/structural/border.gif) top left repeat-x; padding:20px 46px; width:auto;}

.Comment {padding:0.75em 0; padding-top: 0;  }
.Comment a,
.Comment a:hover {color:#54A13D;}
.Comment .Entry a {background:#F5F5B9; border-right:1px solid #F6F7EE; border-bottom:1px solid #F6F7EE; color: rgb(50,50,50); padding:2px 3px; text-decoration:none;}
.Comment .Entry a:hover {border-color:#E5E5E5; color:#666;}
.Comment .Entry a:active {border-color:#F0F1F0; color:#666; position:relative; top:1px; left:1px;}
.Comment .Entry {margin-left:30px; margin-top: 10px;}
.Comment .Entry h4 {line-height:1.75em; padding:0;}
.LastComment { border-bottom: none !important; }
.CommentMeta { margin-top: 20px; }
#Comments .Comment { border-bottom: solid 1px rgb(220,220,220); }


.RelatedPost .Comment .Entry h4 a,
.WhatLinksHere .Comment .Entry h4 a,
.WhatThisLinksTo .Comment .Entry h4 a {background:none; border:none; color:#54A13D; text-decoration:none;}
.RelatedPost .Comment .Entry h4 a:hover,
.WhatLinksHere .Comment .Entry h4 a:hover,
.WhatThisLinksTo .Comment .Entry h4 a:hover {color:#54A13D; text-decoration:underline;}

#AddComment {background:#FFF url(/images/structural/bg_nav_btm.jpg) top left no-repeat; margin-top:1px;} 
#AddComment .Inner {padding:28px 46px; width:auto;}
#AddComment div {padding:6px 0;}
#AddComment label {color:#666; display:block; float:left; font-weight:bold; margin-right:10px; width:80px;}
#AddComment input,
#AddComment textarea {font-family: verdana; font-size: 0.9em; line-height: 140%; width: 100%; background:#FFF url(/images/structural/bg_input_light.gif) top left repeat-x; border:1px solid #BABAB8; padding:2px 4px; }
#AddComment input.FormButton {background:none; border:none; width:auto;}


div#CommentPreview { padding: 8px !important; border: solid 1px rgb(52, 57, 49); background: rgb(214, 223, 209); }


/****** SIDEBAR  ******/

#Ancillary {float:right; position:relative; width:325px;}
#SidebarAds { /*background:#F4F3EC url(/images/structural/bg_ad.gif) 0 0px repeat-x;*/ padding-bottom: 10px; border-top:0px solid #8A9288;}
#SidebarAds .AdUnit {margin:13px 0 0 13px;}

.Divider.Ads {background:#F4F3EC url(/images/structural/bg_ad_btm.gif) top left repeat-x; height:13px;}

#SidebarTabs {background:#FFF url(/images/structural/bg_sidebar_tabs.gif) bottom left repeat-x; border-left:1px solid #ECECEB; border-right:1px solid #FFF; border-top:1px solid #FFF;}
ul.Tabs {background:#E0DFDD url(/images/structural/bg_sbtabs_ul.gif) top left repeat-x; font-size:0.95em; font-weight:bold; height:35px; position:relative;}
ul.Tabs li {background:transparent url(/images/structural/bg_sbtabs_li.gif) top right no-repeat; float:left; height:35px; padding-right:2px;}
ul.Tabs li a {background:transparent; color:#919291; display:block; padding:9px 16px 10px 13px; text-decoration:none; width:auto;}
ul.Tabs li a:hover {background:#E8E8E5; color:#697167;}
ul.Tabs li a:active {background-color:#FFF; color:#697167;}
ul.Tabs li.Selected a {background-color:#FFF; background-image:none; color:#5B625A;}

#SidebarTabs div.TabSection {clear:both;}
.TabSection ul {margin:0 15px; padding-top:5px}
.TabSection ul li {border-bottom:1px solid #E8E8E6; border-top:1px solid #FFF; line-height:1.5em; padding:4px 5px;}
.TabSection ul li a {color:#519D3A; text-decoration:none;}
.TabSection ul li a:hover {color:#519D3A; text-decoration:underline;}
.TabSection ul li span {display:block;}
.TabSection ul li cite {color:#6F746D;}
.TabSection ul li cite a, 
.TabSection ul li cite a:hover {color:#6F746D;}

.Divider.Sidebar {background:#6B6E6D url(/images/structural/divider_sidebar.gif) top left; clear:both; height:10px;}

#VerticalAds {padding-top:14px;}
#VerticalAds .AdUnit {float:left; margin-left:15px;}

#unit_container {clear: both; font-size:1em; margin:0 12px 0 15px;}
#unit_container .unit {line-height:1.5em; padding:9px 0;}
#unit_container .unit a {color:#a2a79f; display:block; font-weight:bold; text-decoration:none;}


/****** SEARCH ******/

#search_result_count {padding:0.75em 0;}
#SearchResults {padding:20px 0;}
#SearchResults .Inner,
.Search .Inner {background:none; margin:0 46px; position:relative; width:auto;}
.Search .Keywords {background-color:#E3EFE0;line-height:1.5em; margin-bottom:1em; padding:4px;}
.SearchResult {padding:0 0 1em;}
.SearchResult a.ResultTitle {color:#519D3A; text-decoration:none;}
.SearchResult a.ResultTitle:hover {color:#519D3A; text-decoration:underline;}
.SearchResult .Entry {margin-left:30px; padding:0.5em 0 0 0;}
.SearchResult .search_result_meta {color:#666; font-size:0.8333em;}

/****** FOOTER ******/

#Footer {color:#999999; clear:both; font-size:0.95em;} 
#Footer .Inner {background:#2B3129 url(/images/structural/bg_footer.gif) top left repeat-x; padding-top:30px;} 
.Column {float:left; width:195px; margin-right:10px;} 
.Column h3 {padding-top:0; margin-left:45px} 
.Column.Last {margin-left:50px; width:300px;} 
.Column.Last h3 {margin:0;} 
.Column.Last a {color:#519D3A; text-decoration:none;} 
.Column.Last a:hover {text-decoration:underline;} 
.Column ul {list-style-position:outside; list-style-type:disc; margin-left:45px; padding-left:12px;} 
.Column ul li {line-height:1.5em;} 
.Column ul li a {color:#999; text-decoration:none;}
.Column ul li a:hover {color:#999; text-decoration:underline;}


/****** CLASSES  ******/

.AlignLeft {float:left;}
.AlignRight {float:right;}
.Amp {font-family:"Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size:100%; font-style:italic;} 
.ClearBoth {clear:both;} 
.Hide {display:none;} 


/****** AD UNITS ******/

.AdUnit.Badge       {height:125px; width:125px;}
.AdUnit.Leaderboard {height:90px;  width:728px;}
.AdUnit.MedRectangle{height:250px; width:300px;}
.AdUnit.Skyscraper  {height:600px; width:160px;}
.AdUnit.SmallSquare {height:125px; width:125px; margin-bottom: 14px;}


img.PostImage-right { float: right; margin: 0 0 1em 1em; }
img.PostImage-left { float: left; margin: 0 1em 1em 0; }