/* Wrapper */
#SON {width: 1024px; overflow: hidden;}
#SON #homeLeftCol {width: 810px; margin-left: 25px; padding:20px 0 }
#SON #homeRightCol {width: 158px; padding:20px 12px 20px 0;}

#SON #homeRightCol .sideBox a { font-size:12px }

#SON #LeftCol {width: 710px; padding-bottom:20px }
#SON #RightCol {width: 300px; margin-right: 0px;}
/* Logo */
#SON #logo {background: url(../images/logo1024.png) no-repeat center bottom; height: 150px;}

/* Yellow Nav */
#SON .yellowNav  {background: #f3bb4c;}
#SON .yellowNav a {background: url(../images/nav1024.png) no-repeat;}
#SON .yellowNav .item1 a {left: 0; width: 132px;}
#SON .yellowNav .item1 a:hover, #SON .yellowNav .item1.Current a {background-position: 0 -43px;}
#SON .yellowNav .item2 a {left: 132px; width: 164px; background-position: -132px  0;}
#SON .yellowNav .item2 a:hover, #SON .yellowNav .item2.Current a {background-position: -132px -43px;}
#SON .yellowNav .item3 a {left: 296px; width: 163px; background-position: -296px  0;}
#SON .yellowNav .item3 a:hover, #SON .yellowNav .item3.Current a {background-position: -296px -43px;}
#SON .yellowNav .item4 a {left: 459px; width: 74px; background-position: -459px  0;}
#SON .yellowNav .item4 a:hover, #SON .yellowNav .item4.Current a {background-position: -459px -43px;}
#SON .yellowNav .item5 a {left: 533px; width: 183px; background-position: -533px  0;}
#SON .yellowNav .item5 a:hover, #SON .yellowNav .item5.Current a {background-position: -533px -43px;}
#SON .yellowNav .item6 a {left: 716px; width: 110px; background-position: -716px  0;}
#SON .yellowNav .item6 a:hover, #SON .yellowNav .item6.Current a {background-position: -716px -43px;}

/* Search Form */
#SON #searchForm {top: 0; margin-right: 15px; border: 1px solid #f8efd0;}
#SON #searchForm input {width: 158px; padding: 8px;}

/* SUBSCRIBE BOX */
#SON .subscribe {background: #ccc url(../images/bgGreyIntel1024.png) 645px 15px  no-repeat; width: 785px; margin-left: 6px; padding: 15px 0 0 8px; margin: 25px 0 20px; }
#SON #RightCol .subscribe {background: #ccc url(../images/bgGreyIntel.png) no-repeat;}
#SON .subscribe  input {width:200px; padding:2px 7px; margin: 12px;}
#SON .formfields { margin: 10px 10px 8px 0;}
#SON .formButtons {width: 185px; position: absolute; left: 470px; top: 60px; }
#SON .formButtons div { padding:4px; font-size:11px; }
#SON .formButtons p {margin: 10px 0 0;font-size: 12px;font-weight: bold;}
#SON .OptionsBtn {margin: 0 0 4px;}
#SON .subscribe h6 {font-size: 13px;}
#SON .subscribe h5 {font-size: 26px;}
#SON #footer .subscribe {width: 240px; padding-bottom: 100px; background-position: 65px 180px;}
#SON #footer .subscribe .formfields input { padding: 7px; margin: 0 0 5px; width: 215px;}
#SON #footer .formButtons { margin: 5px 0 0; width: 100%; position: static;}
#SON #footer .subscribe .formButtons div {width: 105px; float: left; font-size: 10px;  white-space: nowrap; margin-right: 2px;}
#SON #homeLeftCol .formfields {margin: 0;}
#SON #homeLeftCol .formfields input {padding: 26px 4px 4px;}
#SON #RightCol #SubscriptionForm.subscribe {background-position: 225px 80px;}

/* Integrate sidebox */
#SON #RightCol #SBIntegrate {background: url(../images/bgSideGreen.png) repeat scroll 0 0 transparent; padding: 4px 0;width:300px;}
#SON #RightCol #SBIntegrate h3 {font-size: 1.8em;}
#SON #RightCol #SBIntegrate #emailButton { margin: 10px;}

/* Footer */
#SON #footer {width: 1004px;}
#SON #footer table {width: 710px;}
#SON #footer .first td {font-size: 18px;}
#SON #footer td { padding-left: 13px; font-size: 14px;}
#SON #footer li { padding-bottom:5px }
#SON #footerText h3 {line-height: 44px; font-size: 34px; padding: 5px 20px; text-shadow: -2px 1px 0pt #333;}


/* Right Column */
#SON #RightCol .sideBox {width: 300px; }
#SON #RightCol h4 {font-size: 12px; display: block; line-height: 18px;}
#SON #RightCol a:hover {text-decoration: underline;}


/* Right Column Subscibe*/
#SON #RightCol .subscribe {width: 300px;  padding: 10px;background-position: 85% 45%; background-size: 61px auto;}
#SON #RightCol .subscribe .formfields input {width: 200px;}
#SON #RightCol .subscribe .formButtons {width: 100%;position: static;}
#SON #RightCol .subscribe .formButtons div {width: 105px; float: left; font-size: 10px; margin:0 10px; white-space: nowrap;}
#SON #RightCol .formButtons p{text-align: left;font-size: 10px; font-weight: bold; margin: 30px 0 0; width: 100%; clear: both; line-height: 1em;}
#SON #RightCol #SubscriptionForm p{width:220px;padding: 0 10px;}

/*Side bar YOU MIGHT LIKE */
#SON #ob_strip_container_rel_0_stripBox .item-container {width: 280px;}
#SON #outbrain_widget_0 .strip-like {font-sze: 18px; font-size: 18px; font-weight: 400; margin: 0; padding: 20px 0 0 12px; color: #F2BB4B;}
#SON #ob_strip_container_rel_0_stripBox { height:400px; padding-left:12px;}
#SON #ob_strip_container_rel_0_stripBox .strip-rec-link-img {width:123px; height:97px; border: 4px solid #F2BB4B;}
#SON #ob_strip_container_rel_0_stripBox .strip-text-content {width: 145px; float: left;}
#SON #ob_strip_container_rel_0_stripBox .strip-text-content  a { padding:0 0 0 3px; font-size: 12px; display: block;}

/* Pages */
/* Page Home */
/* Channel Block */
#SON #channelBlock1 {padding-top: 198px; width: 252px;}
#SON #channelBlock2 {padding-top: 198px; width: 338px;}
#SON #channelBlock3 {padding-top: 198px; width: 183px;}
#SON #channelBlock4 {padding-top: 320px; width: 515px; clear: left;}
#SON #channelBlock5 {padding-top: 320px; width: 270px;}
#SON #channelBlock1 a {width: 250px;}
#SON #channelBlock2 a {width: 340px;}
#SON #channelBlock3 a {width: 183px;}
#SON #channelBlock4 a {width: 515px;}
#SON #channelBlock5 a {width: 270px;}
#SON #channelBlock a { font-size:13px; line-height:18px }
#SON #channelBlock li {margin-right: 10px;}

/* Accordion */
#SON #accordion {width: 728px; background: #2c4d46 url(../images/bgVerticalBlog1024.png) 20px 11px no-repeat; padding: 0 0 0 72px; margin: 0 0 8px;}
#SON #accordion li {height: 332px; width: 90px;}

/* Channel Page */
#SON .channelboxTop .imgbox { width:710px; height:442px;}
#SON .channelbox {width:350px;}
#SON .channelbox .imgbox {width:350px; height:160px;}
#SON .channelboxTop  .articleText { background: #2C4D46 url(../images/more_big.png) no-repeat bottom right;}
#SON .channelbox  .articleText { background: #2C4D46 url(../images/more_small.png) no-repeat bottom right;}

/* Article Page */
#SON #articleContent .articleImage .block {width: 290px;}
#SON #articleContent .articleImage .block h1 {font-size: 18px; padding: 6px; text-transform: uppercase;}

/* Video Archive Page */
#SON #video { margin: 60px auto 20px; }


/* ######################
#######################
*/


/* Dev Tools Page*/
#SON #devtools #rotateBars {background: #2C4D46; width: 680px; }
#SON #devtools  #devheader { position: relative; z-index:2; height:60px; text-align:right; background:#2C4D46 url(../images/header_devtools.png) no-repeat bottom right; }
#SON #devtools h1 { background:#2C4D46 url(../images/header_devtools.png) no-repeat bottom right; position: relative; z-index:2; height:45px; text-indent:-10000px }
#SON #devtools  ul {padding: 0; position: relative; top:-20px; margin-left:50px }
#SON #devtools li { list-style: none; float: left; text-transform: uppercase; background:#F2BB4B; font-size: 13px; color:#2C4D46; padding:2px; cursor:pointer }
#SON #devtools li:hover, #SON #devtools li.active { background:#2C4D46; color:#F2BB4B; }
#SON #devtools button {display: block; margin: 100px auto;}

#SON #devtoolsContent { border-left:3px solid #F2BB4B; padding-top:120px; min-height:500px; top:-30px; position:relative; margin-left:50px }
#SON #devtoolsContent .devtoolBlock { clear:both; margin-bottom:20px }
#SON #devtoolsContent .devtoolBlock  .blocktext { padding:10px; width:430px; background:#F2BB4B; float:left; margin-right:10px }
#SON #devtoolsContent .devtoolBlock  p { color:#2C4D46; font-size:13px; margin-bottom:10px }
#SON #devtoolsContent .devtoolBlock  h2{ font-size:18px; text-transform:uppercase; color:#2C4D46; line-height:26px; text-decoration:underline }
#SON #devtoolsContent .devtoolBlockImage { width:150px; float:left; }
#SON #devtoolsContent .devtoolBlock  .socialLinks { height:33px; margin-top:5px; width:305px }
#SON #devtoolsContent .next { text-align:center; width:140px; float:right; }
#SON #devtoolsContent .prev { text-align:center; width:140px; float:left }
#SON #devtoolsContent .nav { cursor:pointer; padding:4px 0; text-transform:uppercase; background: #2C4D46; color:#F2BB4B; }
#SON #devtoolsContent .nav:hover { background: #F2BB4B; color:#2C4D46; }
#SON #devtoolsContent .paging { padding-right:45px }

#SON #blogpageBanner { height:425px; width:60px; background:#2C4D46 url(../images/header_blog.png) no-repeat 28px 8px; float:left; } 
#SON #blogpageContent { border-left:3px solid #F2BB4B; min-height:400px; width:570px; float:left }
#SON #blogpageContent .blogpageBlock { clear:both; margin-bottom:35px }
#SON #blogpageContent .blogpageBlock  .blocktext { width:570px; background:#F2BB4B; }
#SON #blogpageContent .blogpageBlock  .blocktext div { padding:10px }
#SON #blogpageContent .blogpageBlock  p { color:#000; font-size:13px; margin-bottom:10px }
#SON #blogpageContent .blogpageBlock  h2{ font-size:18px; text-transform:uppercase; color:#000; line-height:30px; cursor:pointer  }
#SON #blogpageContent .blogpageBlockImage { height:328px;  }
#SON #blogpageContent .NoImage {height:0;width:0;background:none;}
#SON #blogpageContent .fulltext { padding:12px 20px }

#SON .ResultsPages { padding-right:12px; margin-bottom:12px }
#SON .ResultsPages h2 { margin:6px 0; color:#2C4D46; }
#SON .ResultsPages h2 em { font-style:italic }
#SON .ResultsPages a {  }
#SON .ResultsPages  p { font-size:13px; color:#333 }
#SON .ResultsPages  .pagenav p { margin-bottom:8px }
#SON .ResultsPages .HorizList li { float: left; padding: 0 5px; border-right: 1px solid #CCC; list-style: none; margin: 0; }
#SON .ResultsPages .HorizList li  a { color:#2C4D46; font-size:12px }
#SON .ResultsPages .HorizList .Next { border: none; }

#SON .ResultsPages .Wrapper { margin:15px 0; }
#SON .ResultsPages .Wrapper h4 { text-transform:none; padding:0; margin:0 0 4px 0; font-size:14px; font-style:normal; letter-spacing:0 }
#SON .ResultsPages .Wrapper p { border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px }