@charset "UTF-8";
/* CSS Document */

/* RESET
---------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
/* BASE STYLES
---------------------------------------------------------------- */
html { margin:0; padding:0; background-color:#f3f3f3; }
body { margin:0; padding:0px 4px; background-color:#f3f3f3; min-width:590px; font-size:75%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
a img { border:none; }
ul, ol { list-style-type:none; margin:0; padding:0; }
ul.square { list-style-type:square !important; }
ul.circle { list-style-type:circle !important; }
li { margin:0; padding:0; }
a, a:visited { text-decoration:none; color:#0c4273; }
a:hover { color:#dd4422; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
.clearfix { height:1px; clear:both; margin:0; padding:0; }
/* STRUCTURE 
---------------------------------------------------------------- */
.left { float:left; width:120px; margin:0; padding:0; }
.middle { float:left; width:600px; margin:0 0 0 20px; padding:0; }
.right { float:right; width:200px; margin:0 0 0 20px; padding:0 0 0 10px; }
/* NAVIGATION
--------------------------------------------------------- */
.navigation { position:relative; top:0px; width:382px; height:107px; margin:0px auto; z-index:999; background-color:#f3f3f3; }
/* NAVIGATION - MENU STYLES 
--------------------------------------------- */
ul#main-menu { position:absolute; top:0px; left:0px; margin:0; padding:0; }
ul#main-menu li { display:block; float:left; }
ul#main-menu li a { display:block; outline:none; width:34px; height:44px; background:transparent url(http://uitrends.com/wp-content/themes/uitrends/images/main-menu.gif) no-repeat 0 0; text-indent:-9009px; margin:0; }
ul#main-menu li#home a { width:84px; background-position:0 0; }
ul#main-menu li#home a:hover { background-position:0 -54px }
body#home ul#main-menu li#home a { background-position:0 -108px; }
ul#main-menu li#about a { width:89px; background-position:-102px 0; }
ul#main-menu li#about a:hover { background-position:-102px -54px }
body#about ul#main-menu li#about a { background-position:-102px -108px; }
ul#main-menu li#contact a { width:107px; background-position:-209px 0; }
ul#main-menu li#contact a:hover { background-position:-209px -54px }
body#contact ul#main-menu li#contact a { background-position:-209px -108px; }
ul#main-menu li#archive a { width:102px; background-position:-334px 0; }
ul#main-menu li#archive a:hover { background-position:-334px -54px }
body#archive ul#main-menu li#archive a { background-position:-334px -108px; }
/* NAVIGATION - SEARCH STYLES
--------------------------------------------------------- */
.searchBox { position:absolute; top:82px; width:382px !important; margin:0 !important; padding:0 !important; display:block; }
.searchBox #s { font-size:1em !important; background-color:#fff !important; color:#0C6773 !important; border:2px solid #ddd !important; height:14px !important; width:372px !important; line-height:18px !important; vertical-align:middle !important; padding:3px !important; margin:0; }
/* HEADER
--------------------------------------------------------- */
.header { position:relative; top:-107px; width:970px; height:160px; margin:0px auto; padding:0px 0px; border-bottom:1px solid #ddd; background-color:#f3f3f3; }
h1.logo { position:absolute; top:11px; left:0px; background-color:#f3f3f3; }
.subscribeBox { position:absolute; top:138px; left:768px; color:#777; }
.subscribeBox p { margin:0; padding:0; font-size:9px; line-height:10px; }
.subscribeBox h2 { margin:0; padding:0; float:left; font-size:18px; line-height:18px; }
.subscribeBox h2 a { color:#777; font-weight:bold; }
.subscribeBox h2 a:hover { color:#dd4422; }
.subscribeBox h2.h2email { margin-left:10px; }
.subscribeBox h2.h2twitter { margin-left:10px; }
/* CONTAINER
--------------------------------------------------------- */
.container { position:relative; top:-107px; width:970px; margin:0px auto; padding:20px 0px; background-color:#f3f3f3; }
/* CONTAINER - CONTENT
--------------------------------------------------------- */
.content { width:970px; }
.content h2 { color:#333; margin:0 0 20px 0; }
.post { margin:0 0 40px 0; }
.post-header { float:left; width:720px; margin:0 0 20px 0; }
.post-header .comments-link { float:left; margin:0 20px 0 22px; padding:0; text-align:right; overflow:hidden; }
.post-header .comments-link a { margin:0; padding:3px 6px; display:block; background-color:#e2e2e2; color:#6486A5; }
.post-header .comments-link a:hover { background-color:#dd4422; color:white; }
.post-header .comments-link a p.comment-number { margin:0; padding:0; font-size:30px; line-height:40px; font-weight:bold; }
.post-header .comments-link a p.comment-number-text { margin:0; padding:0; }
.post-header .title { float:left; width:600px; }
.post-header .title h2 { font-size:30px; line-height:40px; font-weight:bold; margin:3px 0 0 0; }
.post-header .title p.post-meta-time-author { margin:0; padding:0; font-style:italic; margin-left:2px; color:#777; }
.post-header .single-title { float:left; margin-left:112px; width:600px; }
.post-header .single-title h2 { font-size:30px; line-height:40px; font-weight:bold; margin:3px 0 0 0; }
.post-header .single-title p.post-meta-time-author { margin:0; padding:0; font-style:italic; margin-left:2px; color:#777; }
.post-content { float:left; margin:0 0 0 112px; width:600px; overflow:hidden; }
.post-meta { float:right; width:200px; margin:0 0 0 20px; padding:0 0 0 10px; border-left:1px solid #ddd; }
.post-meta ol { margin:0; }
.post-meta ol li { margin:0 0 10px 0; }
.post-meta li.post-meta-ratings { margin-bottom:20px; }
/* CONTAINER - COMMENTS SECTION
------------------------------------------ */
#commentSection { border-top:1px solid #ddd; }
#commentSection h3#comments { color:#333; text-transform:uppercase; font-size:24px; font-weight:bold; margin-bottom:20px; margin-top:8px; }
ol.commentlist { margin-left:0; }
.commentlist li { margin-top:32px; }
.commentlist li .commentHeader { float:left; width:92px; }
.commentlist li .commentHeader p { margin:0; padding:0; }
.commentlist li .commentContent { float:left; margin-left:20px; width:600px; }
.commentlist li .commentHeader .commentAuthor { float:right; clear:right; font-size:12px; font-weight:bold; margin-top:4px; text-align:right; }
.commentlist li .commentHeader img { float:right; clear:right; margin-top:5px; }
.commentlist li .commentHeader .commentDate { float:right; clear:right; font-size:10px; line-height:10px; color:#333; }
.commentlist li .commentHeader .commentTime { float:right; clear:right; font-size:10px; line-height:10px; color:#333; }
.commentlist { padding-bottom:20px; }
#commentSection h3#respond { border-top:1px solid #ddd; color:#333; text-transform:uppercase; font-size:18px; font-weight:bold; margin-bottom:20px; padding-top:8px; }
/* CONTAINER - FOOTER
--------------------------------------------------------- */
.footer { width:970px; height:40px; border-top:1px solid #aaa; }
ol#footer-list { margin:20px 0 0 0; padding:0; border-top:1px solid #aaa; }
ol#footer-list li { display:inline; margin:0 10px 0 0; padding:0; }
.footer { margin:80px 0 0 0; }
.footer_col { float:left; margin-right:20px; padding:10px 20px 0px 0px; width:180px; border-right:1px solid #ccc; }
.footer_col li { font-size:12px; margin-bottom:2px; }
.footer_col ul { margin-bottom:20px; }
.footer_col h2 { font-weight:bold; font-size:14px; color:#333; }
/* OTHER
--------------------------------------------------------- */
ol.body-numbered-list { list-style-type:decimal; margin:0; padding:0; !important }
.feedburnerFlareBlock a { display:block; }
.feedburnerFlareBlock span { display:none; }
.archives { margin:0 0 10px 0; padding:0; border-top:1px solid #ddd; }
.archives .archive_cell { width:200px; float:left; font-size:12px; padding-left:10px; }
.archives .link_tags { width:300px; }
.archives .link_comments { width:100px; }
.archives .link_title h2 a { font-size:12px; }
.archives .link_timeAuthor p { margin:0; padding:0; }
.archive-page-content { width:620px; font-size:14px; margin-top:20px;  }
.archive-page-content ol { margin:0; padding:0; }
.archive-page-content ol li { margin:10px 0 0 0; border-top:1px solid #aaa; }
.archive-post-title { float:left; }
.archive-post-date { float:right; }
.about-content { width:700px; font-size:1.2em; line-height:1.3em; }
.about-content h2 { line-height:1.2em; font-style:italic; }
.alert { color:#222; font-size:1.2em; line-height:1.3em; padding:20px; border:1px solid red; background-color:#F96; margin:0 0 20px 0; }
.about-content li { list-style:disc; }
h3.trend { font-size:12px; font-weight:bold; margin-bottom:20px; color:#555; }
.filters { margin:0 0 40px 0; }
.filters h3 { margin-bottom:10px; }
.filters h4 { float:left; clear:left; margin:0; padding:0; font-size:11px; line-height:20px; }
.filters .filter-list li { display:block; float:left; padding:0 4px; color:#aaa; }
.filters .filter-list li:first-child { border-left:none; margin-left:4px; }
.filters .filter-list li a { margin:0; padding:0; font-size:11px; line-height:20px; font-weight:bold; }
.search-content { width:700px; }
.post-ratings img { margin-right:10px; }
/* FORMS
-------------------------------------- */
form.cform { margin-left:0px; }
.linklove { display:none !important; }
/* INTENSE DEBATE
-------------------------------------- */
#IDCommentsHeadLogin { display:none; }
#IDCommentsHead .idc-right { display:none; }
#idc-ctools #idc-sortLinks { display:none; }
.idc-id { display:none !important; }
.idc-thread { margin-top:40px !important; }
.idc-head h3 { font-weight:bold; color:#555; text-transform:uppercase; }
/* AUTHOR PAGE 
--------------------------------------- */
.author-list a { display:block; outline:none; width:120px; height:180px; background:transparent url(http://uitrends.com/wp-content/themes/uitrends/images/author-photos.jpg) no-repeat 0 0; text-indent:-9009px; margin:0; }
.author-list td.profile-pic { width:120px; }
a#russ-profile { background-position: 0 0; }
a#russ-profile:hover { background-position: -120px 0; }
a#jeff-profile { background-position: 0 -180px; }
a#jeff-profile:hover { background-position: -120px -180px; }
a#sarah-profile { background-position: 0 -360px; }
a#sarah-profile:hover { background-position: -120px -360px; }
a#ron-profile { background-position: 0 -540px; }
a#ron-profile:hover { background-position: -120px -540px; }
a#kate-profile { background-position: 0 -720px; }
a#kate-profile:hover { background-position: -120px -720px; }
a#chris-profile { background-position: 0 -900px; }
a#chris-profile:hover { background-position: -120px -900px; }
.author-list td { vertical-align:top; padding:10px 4px; }
.author-list td ul { margin-left:10px; }
.author-list td li { list-style:none; margin-bottom:4px; }
.author-list td li .name { font-weight:bold; text-transform:uppercase; }
.author-list td .question { font-style:italic; }
.author-list td .answer { font-weight:bold; margin-left:10px; }
.author-list a.profile-link { text-indent:0px; background-image:none; display:inline; height:0; width:0; }
/* RELATED POSTS
-------------------------------------------- */
.relatedPosts { width:890px; }
.relatedPosts h3 { color:#333; text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:10px; }