/*
Theme Name: Gondola
Description: Custom theme for Creative Urban Projects
Author: Linseed Projects
Author URI: http://www.linseedprojects.com/
License: All Rights Reserved
*/

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
* {margin:0; padding:0; }
ul {list-style-type:none;}
a:hover, a:active, a:visited {outline:none} 

body {font-size:12px;font-family: Verdana;}
h1,h2,h3,h4,#nav,small,.postmetadata, .small{font-family: Verdana;}
h2 {text-transform:uppercase;}
h2 a {border:none;}
/*h2, h2 a { color:#4f464d;text-decoration: none;font-size: 26px; border:none; font-weight:normal;}*/
a {color:#2e2e2e;text-decoration: none;}
a:hover {color:#626568;}
h2 a:hover, #header h1 a:hover { color:#c00;border:none}
small {font-size:10px;color:#ccc; padding:10px 8px 5px 0px;float:left;text-transform: uppercase;font-weight: bold;}
p, ul {color:#4f464d}
hr {margin:0; clear:both}
.noshow {display:none;}

#column {background:url('images/dots-and-lines.png') repeat-y top left;}
#dotted-line {background:url('images/top-dash.png') no-repeat top left; width:1010px; height:8px; position:relative; z-index:1;}

/* HEADER */
#header {margin-left:-12px; height:345px;}
h1 {height:290px;}

/* jQUery Dropdown menu */
#nav {
    background:url('images/menu-bkgd.png') no-repeat top left;
    list-style: none;
    width:976px; height:45px; padding:11px 0 0 50px;
    text-align:center;
    position:relative; z-index:2;
    }
#nav li { text-transform: uppercase; font-weight: bold; float: left; margin: 0;padding:0;position:relative;font-size:12px;line-height: 1.8; color:white; zoom: 1; } 

#nav li a { text-decoration: none; color:white;border:none; text-decoration: none; float: left} 
#nav li a:hover {color:grey;}

#nav ul { display:none;list-style:none; padding:26px 0 0 0;margin:0;position: absolute; left:0; top:0; width:170px;background:none; text-align:left;z-index:2;} 
#nav ul li{ font-family:Helvetica; margin:0;padding:6px 10px 6px 10px;display: block; width:170px; border-top: 1px solid #ccc;background: #224c63; line-height:12px;position:relative; z-index:2;}
#nav .pagenav ul li {width:190px;}
#nav ul li:first-child {border-top:none;}
#nav ul li:last-child {border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-right-radius:9px; -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px;}
#nav ul li a { display: inline-block; width: 100%;text-transform: uppercase; font-size:10px; font-weight:normal; zoom:1; } 
#nav ul li a:hover {color:#636568;}
#nav ul ul { left: 100%; top: 0; }
#nav li:hover > ul { display:block; }

/* For WordPress Site */
#nav .pagenav, #nav .categories {text-transform: uppercase;font-weight: bold; cursor:pointer;}

#nav .pagenav {background:url('images/menusprite.png') no-repeat 0px 0px; width:75px; height:19px;}
#nav .pagenav:hover {background:url('images/menusprite.png') no-repeat 0px -20px;}
#nav .slash {background:url('images/menusprite.png') no-repeat 0px -241px; width:14px; height:19px; padding:0px;}
#nav #link-cableforums {background:url('images/menusprite.png') no-repeat 0px -40px; width:138px; height:19px; text-indent:-9999px;}
#nav #link-cableforums:hover {background:url('images/menusprite.png') no-repeat 0px -60px;}
#nav #learnlink {background:url('images/menusprite.png') no-repeat 0px -80px; width:246px; height:19px;}
#nav #learnlink:hover {background:url('images/menusprite.png') no-repeat 0px -100px;}
#nav #link-involved {background:url('images/menusprite.png') no-repeat 0px -120px; width:133px; height:19px; text-indent:-9999px;}
#nav #link-involved:hover {background:url('images/menusprite.png') no-repeat 0px -140px;}
#nav #link-gallery {background:url('images/menusprite.png') no-repeat 0px -160px; width:142px; height:19px; text-indent:-9999px;}
#nav #link-gallery:hover {background:url('images/menusprite.png') no-repeat 0px -180px;}
#nav #linkslink {background:url('images/menusprite.png') no-repeat 0px -200px; width:68px; height:19px; text-indent:-9999px; cursor:pointer;}
#nav #linkslink:hover {background:url('images/menusprite.png') no-repeat 0px -220px;}
#nav #linkslink ul {text-indent:0;}
#nav #rss {background:url('images/menusprite.png') no-repeat 0px -262px; width:68px; height:19px; text-indent:-9999px; cursor:pointer;}
#nav #rss:hover {background:url('images/menusprite.png') no-repeat 0px -282px;}


/* CONTENT */
#countdown {height:125px; width:144px; background:url('images/countdown.png') no-repeat top left; float:left; margin:0; padding:0;line-height:1px;padding-top:22px;}
#countdown p {margin:0; font-size:47px; color:#224c63; padding:25px 0 0 46px; font-family:Helvetica, Arial;vertical-align:bottom; position:relative; top:0; left:0;}
#countdown p a {color:#224c63;}
.nobullet {clear:both;}

/*#content div.entry:first-letter {font-size:60px; line-height:0.76em; float:left;padding:5px 10px 0 0;color:#aaa}*/
#content {margin-bottom:0;padding: 0 0 20px 25px;}
#content .post {padding-top:38px;clear:both}
#content {text-align: justify;}
#sidebar {font-size:12px; padding-top:16px;}
#sidebar ul {list-style: none;}
#sidebar ul li ul li {margin:0}
h2.pagetitle {padding-top:40px;}
/*#sidebar h2 {color:#161671;margin:0 0 6px 0;padding: 0;}*/
#sidebar .widget_pages h2 {color:#cc0012;clear:left;}
.post h2, .post h2 a { font-size: 24px; text-align: left; color:black; font-family:Times; font-style:italic; line-height:1.2;}
.post h2 {background:url('images/dash.png') repeat-x 0px 27px; height:28px;}
.post p, .post ul {margin-bottom:10px; display:block;margin-top:5px;}
/*h2.pagetitle {color:#333;margin:0;padding-bottom:0;}*/
.date {float:left; background:url('images/circle.png') no-repeat top left white; color:white; text-align:center; width:42px; height:60px; text-transform:uppercase; font-weight:bold; font-size:12px; line-height:1; padding-top:7px;padding-right:25px;}
.date .year {color:black; margin-top:15px;}
.entry {clear:both; padding-top:22px; padding-bottom:35px; width:610px;}
.post ul {list-style:square outside; padding-left:30px;}
.post .socialmedia ul {list-style:none; padding-left:0;}
.post em {font-style:italic;}
.post ol {list-style:decimal outside; padding-left:30px; margin-bottom:10px; display:block; margin-top:5px;}

.alignnone {display: block}
img.size-medium {margin-right:10px}
.entry img {border: 1px solid black; text-align: center; background: white; padding: 3px; margin-top:10px;}
dl.gallery-item  {margin:0}
dl.gallery-icon img {border: 1px solid #ddd}
dl.gallery-item a {border: none}
img.wp-smiley {border:none;margin:0;padding:0}
.meta_stuff {width:610px;}
.metacategory {clear:both; float:left;}
.metacategory, .metacategory a, .metacategory a:hover {color:#224c63;  font-size:11px; padding-bottom:5px; padding-top:1px;}
.metacategory a:hover {border:none; color:#636568;}
.comment_stuff { padding-bottom:48px; width:120px; float:left;}
.metacomment {background:url('images/speechbubble.png') no-repeat top left; height:25px; float:left; margin-left:10px; text-align:center; font-weight:bold; padding-top:1px; width:29px;}
.commentgrammar {float:left; text-transform:uppercase; color:#ce0012; padding:1px 0 0 7px; font-size:11px; font-weight:bold;}
.commentgrammar a, .metacomment a {color:#ce0012; }
.commentgrammar a:hover, .metacomment a:hover {color:#636568;}


/* SEARCH FORM */
#searchform {margin-bottom:30px;padding:0;}
#searchform #s {border: 1px solid #ccc; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px Georgia;background: #fff;width: 210px}
#searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}
.hidden {display: none;}

/* PREV NEXT NAV */
.alignleft {float:left;}
.alignright {float:right; margin-right:30px;}
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.navigation, .comment-navigation {display: block;clear:both;}
.navigation {	margin-top: 40px; padding-bottom: 70px;	}
.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		
.attachment a { border:0}

/* Captions */
.wp-caption {text-align: center; background-color: white; padding-top: 0px; margin: 0px 25px 15px 0px;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px;	padding: 4px 4px 25px 0;	margin: 0;font-style: italic; font-family:Times; color:#224c63; font-weight:bold; text-align:center;}

/* Begin Comments*/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; width:610px;}
ol.commentlist li {clear:both; background:url('images/dash.png') repeat-x top left; padding:22px 0;}
ol.commentlist li:first-child {background:none;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.commenthead {width:155px; float:left; padding-bottom:22px;}
ol.commentlist li div.comment-author { padding:0 ; font-variant:italic; font-family:Times; font-size:14px; color:#224c63; }
ol.commentlist li div.vcard {  }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-style: italic }
ol.commentlist li div.vcard cite.fn a.url { color:#333; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px;}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata, ol.commentlist li div.commentmetadata a { font-size:10px; color:black;}
ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color#aaa}
ol.commentlist li div.comment-meta a { color:#2e2e2e; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li div.commentbody {font-size: 12px; width:435px; float:right;}
ol.commentlist li p {  margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { margin-bottom: 7px }
ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,sans-serif; padding:5px 6px 4px;  text-align:center; width:36px;color:#fff; text-decoration:none; text-transform:uppercase;}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist img {max-width: 400px;}


/* Comment Form */
#commentform input {width: 170px;	padding: 4px;	border:1px solid #dadada;	font-size:11px;	font-family:Verdana;	}
#commentform {	margin: 5px 10px 0 0;	padding-bottom:30px; }
#commentform p label { display:block;}
#commentform p { padding: 6px 0; margin:0;font-size: 12px}
#commentform textarea {	width: 70%;	padding: 2px;	border:1px solid #dadada;	padding: 4px;	font-family:Verdana; font-size:11px;}
.cancel-comment-reply {display: none;}
#commentform #submit {background:url('images/comment-submit.png') no-repeat top left; width:108px; height:18px;border:none;cursor:pointer;text-indent:-9999px; margin-left:120px;}
#commentform #submit:hover {background:url('images/comment-submit.png') no-repeat 0px -19px; }
#respond h3 { padding-top: 20px; margin-bottom: 10px; }
h3#comments {clear:both; background:url('images/comments-tab.png') no-repeat 1px 25px;height:23px;text-indent:-9999px; padding-top:25px;}
h3#leaveone {clear:both; background:url('images/comment-leave.png') no-repeat 3px 0px;height:60px;text-indent:-9999px;}
label.author {background:url('images/cf-name.png') no-repeat top left; text-indent:-9999px; width:120px;float:left; margin-top:3px;}
label.email {background:url('images/cf-email.png') no-repeat top left; text-indent:-9999px; width:120px;float:left; margin-top:3px;}
label.website {background:url('images/cf-website.png') no-repeat top left; text-indent:-9999px; width:120px;float:left; margin-top:3px;}
label.comments {background:url('images/cf-comment.png') no-repeat top left; text-indent:-9999px; width:120px;float:left; margin-top:3px;}
.subscribe-to-comments label {background:url('images/cf-subscribe.png') no-repeat top left; text-indent:-9999px; width:335px; float:right; margin-top:3px;padding-right:155px;}
#commentform p.subscribe-to-comments {margin-left:122px;}



/* WIDGETS */
.widget {margin-bottom:0px;}
.widget ul li ul {margin-left:10px;margin-bottom:0}
.categories ul.children {margin: 0 0 0 10px}
#sidebar ul li ul li {color: #4f464d; width:294px; font-family:Helvetica; font-size:13px; background:url('images/dash.png') repeat-x top left;padding-top:2px; padding-bottom:2px; padding-right:12px;}
#sidebar ul li ul li:first-child {background:none;}
h2.widgettitle {font-size:14px; font-weight:normal;}
#sidebar ul.nobullet {padding-top:8px; width:306px;}

#sidebar h2 {padding-bottom:10px;}
#popular-posts h2 {background:url('images/tab-mostpop.png') no-repeat 1px 0px;text-indent:-9999px;height:23px;}
#get-recent-comments, .widget_recent_entries, .widget_archive, #linkcat-110, .widget_search {background:url('images/dash.png') repeat-x top left;}
#get-recent-comments h2 {background:url('images/tab-recentcom.png') no-repeat 1px 25px; text-indent:-9999px; height:24px;padding-top:25px;}
.widget_recent_entries h2 {background:url('images/tab-recentpos.png') no-repeat 1px 25px; text-indent:-9999px; height:25px; padding-top:25px;}
.widget_archive h2 {background:url('images/tab-arch.png') no-repeat 1px 25px; text-indent:-9999px; height:25px; padding-top:25px;}
#linkcat-110 h2 {background:url('images/tab-media.png') no-repeat 1px 25px; text-indent:-9999px; height:25px; padding-top:25px;}
.widget_search {padding-top:25px;}
.widget_categories h2 {background:url('images/tab-categories.png')no-repeat 1px 25px; text-indent:-9999px; height:25px; padding-top:25px;}
#linkcat-116 h2 {padding-top:30px;}

/* FOOTER */
#footer {background:url('images/dash.png') repeat-x top left; margin:0; padding:0; width:1010px;}
#footer p {text-align: center; font-size: 10px; font-style: italic; margin:30px; }


.gondologo {margin:0 15px 10px 0; float:left;}
.widget_text {margin-left:0;width:320px;}

.more-link {background:url('images/readmore.png') no-repeat top left; width:85px; height:10px; position:relative; display:block; margin-top:12px; text-indent:-9999px;border:none;}
.more-link:hover {background:url('images/readmore.png') no-repeat 0px -11px;border:none;}

a#flickrbadge {background:url('images/flickrbadge.png') no-repeat top left; width:273px; height:18px; display:block; clear:both; margin-left:5px; text-indent:-9999px;border:none;}
a#flickrbadge:hover {background:url('images/flickrbadge.png') no-repeat 0px -15px;}
.dashline {height:4px; width:664px; background:url('images/dash.png') repeat-x top left; margin-left:-24px;}
.sidebar-linebreak {height:1px; background-color:#224c63;clear:both;display:block;margin:12px 5px 12px -27px;}

.socialmedia {clear:both; height:32px;}
.socialmedia ul li {float:left;}
.socialmedia ul li img {width:32px; height:32px;}
