/*
Theme Name: Freshfolio (modified)
Theme URI: http://www.netstudio.co.za
Description: Freshfolio theme (modified by Matthew)
Version: 1.0
Author: Aloecorp
Tags: Netstudio

MOJO Colors
red -> #EC1D23
dark grey -> #231F20
light yellow -> #FFFCE0
darker yellow -> #FBE4B0

*/

body{
font-family: "Trebuchet MS", Verdana, Helvetica;
background:#F7F7F7 url('images/bg.jpg') 50% 0 repeat-x;
color: #231F20;
}

/*  colors   */
ul.menu li li, #info ul li img, #info ul li .content img, #info ul li .content .mesage, #quicklatest, .quickborder img, img.quickimg, #quickfacts,
#pagecontentinner, #pagecontentinner li.team img, #thecomments ol li img, #footer, #sidesearch form#searchform input#s, #bottom,
#pagecontent img.alignnone, #pagecontent img.alignleft, #pagecontent img.alignright, #pagecontent a.catbut,
#catimage img{
background: #fff;
}

#thecomments input#author, #thecomments input#email, #thecomments input#url, #thecomments textarea#comment{
border: solid 1px #efefef;
background: #f7f7f7;
}

.commentcontent, form#ajax-contact-form  input.textbox, form#ajax-contact-form  textarea.textbox, #pagecontent .pagination a, #thecomments ol li p.meta1{
background: #f7f7f7;
}

.bottombit input#s {
background: #f8f8f8;
}

ul.menu li:hover ul li a, ul.menu li.current_page_item:hover a, ul.menu li.current_page_item a, #quicklatest ul.sender li a, #tagline #button a, #quickfacts a, #singleinner span.breadcrumbs a,
#singleinner span h1, #singleinner span h1, #singleinner span.breadcrumbs, form#ajax-contact-form  input.button, #pagecontent a.catbut, #thecomments input#submit, #pagecontent .pagination a.current{
color: #fff;
}

#quicklatest, #quickfacts, #pagecontentinner, #pagecontentinner li.team img, #footer, #bottom, #pagecontent .pagination a, #pagecontent img.alignnone, #pagecontent img.alignleft, #pagecontent img.alignright, div#carousel div.border, div#singleinner, #menuside ul.menu{
border: 1px solid #E8E8E8;
}

#pagecontent li a, ul.menu li:hover ul li a, ul.menu li a , ul.menu li li a, #pagecontent li a, .sidewidget a, .sidewidget table, #contact p a, #sidesearch p a, #sidesocial p a, #sidehelp p a, #latest p a, #sidewidget p a, .sidewidget ul li a,
.bottombit p a, form#ajax-contact-form  input.textbox, form#ajax-contact-form  textarea.textbox, form#ajax-contact-form label, #pagecontent .pagination a , ul.menu li.current_page_item  ul li a, ul.menu li.current_page_item:hover  ul li a{
color: #636363;
}




#slides li p{
background: #eee;
}

#slides li  p em{
border-bottom: 2px dotted #fff;
}

#quicklatest ul.sender li a{
background: #9F9F9F;
}

.quickborder img, img.quickimg, #catimage img{
border: 1px solid #DADADA;
}

#quickfacts .facts p.fact, #quickfacts p, .scroll p.date, .scroll ul li.digg a, .scroll ul li.retweet a, .scroll ul li.stumble a , .scroll ul li.deli a, .scroll ul li.reddit a,
#thecomments ol li p.meta, input#s, #thecomments input#author, #thecomments input#email, #thecomments input#url, #thecomments textarea#comment{
color: #231F20;
}

#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5, #pagecontent h6{
color: #EC1D23;
}

/* top section */
#top{
width: 100%;
padding: 5px 0;
}

#logoside{
float: left;
margin:12px 16px;
}

ul, ol
{margin-left: 20px;}

ul li{
margin-left: 10px;
/*list-style-image: url(images/list2.gif);*/
}

/*  menu */



#menuside{
float: right;
position:relative;
margin: 15px;
height: 28px;
z-index: 36;
}

ul.menu{
list-style: none;
margin: 0px 0px 0px 2px;
height: 30px;
padding: 0px;
z-index: 37;
background-color:#FFF;
}

ul.menu li{
float: left;
padding: 1px 0;
margin: 0px;
list-style-image: none;
position: relative;
z-index: 39;
height: 28px;
line-height: 28px;
}

ul.menu li a {
text-decoration: none;
font-size: 14px;
text-align: center;
font-weight: bold;
z-index: 40;
display: block;
margin: 0;
padding: 0 18px;
}

div#menuside ul.menu li.current_page_item a {color:#FFF;text-decoration:none;background:#EC1D23 url('images/currentPageTri.gif') 50% 100% no-repeat;}
div#menuside ul.menu li.page_item a:hover,
div#menuside ul.menu li a:hover,
div#menuside ul.menu li.current_page_item a:hover {color:#FFF;text-decoration:none;background-color:#EC1D23;}
div#menuside ul.menu li a:hover,
div#menuside ul.menu li.page_item a:hover {color:#FFF;}



ul.menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

 ul.menu li.back {
height: 21px;
top: 0px;
z-index: 38;
position: absolute;
margin-top: 2px;
overflow: hidden;
}

ul.menu li ul {
list-style: none;
position: absolute;
top: 26px;
left: -20px;
display: none;
}

ul.menu li:hover ul, ul.menu li.over ul{
display: block;
}

ul.menu li li {
padding: 0;
float: none;
border-left: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
background: url(images/menusub.jpg) repeat-x top;
display: block;
}

ul.menu li li:hover {
background: url(images/menusub2.jpg) repeat-x top;
}

ul.menu li li a {
margin: 0;
padding: 0px;
padding: 3px 0px;
font-size: 13px;
}

/* carousel  */

#carouselouter{
height: 325px;
z-index: 18;
}

#carousel{
position: relative;
height: 325px;
width: 960px;
z-index: 18;
}

#slides{

overflow: hidden;
margin: 0px;
position: absolute;
	width: 960px;
	height: 325px;
	top: 0px;
	left: 0px;
z-index: 25;
}

#slides ul {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width: 960px;
}

.slideshowmask{
position: absolute;
width: 940px;
height: 293px;
top: 16px;
left: 16px;
z-index: 29;
background: #000;
/* for IE */
  filter:alpha(opacity= 0.0);
  /* CSS3 standard */
  opacity: 0.0;
}

.border{
	position: absolute;
	width: 960px;
	height: 325px;
	top: 0px;
	left: 0px;
	z-index: 30;
	background:  url(images/mask.png) no-repeat center;
}

#info{
padding-top: 20px;
}

#info ul{
margin: 0px;
width: 940px;
height: 287px;
overflow: hidden;
position: relative;
}

#info ul li img{
padding: 3px;
}

#info ul li{
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 0px;
left: -200px;
position: absolute;
height: 97px;
}

#info ul li .content{
height: 97px;
width: 800px;
position: relative;
overflow: hidden;
}

#info ul li .content img{
padding: 3px;
height: 85px;
width: 156px;
left: 0px;
top: 0px;
position: absolute;
z-index: 50;
}

#info ul li .content .mesage{
height: 91px;
width: 450px;
left: -800px;
top: 0px;
position: absolute;
z-index: 45;
overflow: hidden;
}

#info ul li .content .mesage h1{
margin: 0px;
padding: 10px;
font-size: 18px;
}

#info ul li .content .mesage p{
margin: 0px;
padding: 0px 10px;
}

#slides li{
	width: 960px;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	margin: 0px;
	height: 325px;
}

#slides li p{
display: none;
}

#slides li span.frame1, #slides li span.frame2, #slides li span.frame3, #slides li span.frame4, #slides li span.frame5, #slides li span.frame6, #slides li span.frame7, #slides li span.frame8, #slides li span.frame9, #slides li span.frame10{
width: 96px;
height: 325px;
top: 0px;
position: absolute;
overflow: hidden;
}

#slides li span.frame1 img, #slides li span.frame2 img, #slides li span.frame3 img, #slides li span.frame4 img, #slides li span.frame5 img, #slides li span.frame6 img, #slides li span.frame7 img, #slides li span.frame8 img, #slides li span.frame9 img, #slides li span.frame10 img{
top: 0px;
position: absolute;
width: 960px;
height: 325px;
}

#slides li span.frame1 img{
left: 0px;
}

#slides li span.frame1{
left: 0px;
}

#slides li span.frame2{
left: 96px;
}

#slides li span.frame2 img{
left: -96px;
}

#slides li span.frame3{
left: 192px;
}

#slides li span.frame3 img{
left: -192px;
}

#slides li span.frame4{
left: 288px;
}

#slides li span.frame4 img{
left: -288px;
}

#slides li span.frame5{
left: 384px;
}

#slides li span.frame5 img{
left: -384px;
}

#slides li span.frame6{
left: 480px;
}

#slides li span.frame6 img{
left: -480px;
}

#slides li span.frame7{
left: 576px;
}

#slides li span.frame7  img{
left: -576px;
}

#slides li span.frame8{
left: 672px;
}

#slides li span.frame8 img{
left: -672px;
}

#slides li span.frame9{
left: 768px;
}

#slides li span.frame9 img{
left: -768px;
}

#slides li span.frame10{
left: 864px;
}

#slides li span.frame10 img{
left: -864px;
}

#slides li.active {
	z-index:10;
}

#slides li.last-active {
	z-index:9;
}

#slides li.clickd{
z-index: 11;
}

#slides li  p{
position: absolute;
top: 20px;
left: 25px;
padding: 5px;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
margin: 0px;
width: 700px;
}

/* latest news frontpage*/

#quicklatest{
	margin-bottom: 30px;
	padding-top: 5px;
	overflow: hidden;
	height: 25px;
	clear: both;
}

#quicklatest p{
font-size: 14px;
float: left;
padding: 0px 20px 0px 20px;
font-weight: bold;
}

#quicklatest ul.ticker{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	float: left;
	height: 25px;
	}

#quicklatest ul.sender{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	float: right;
	height: 25px;
	width: 100px;
	}

#quicklatest ul.sender li{
	position:absolute;
	width: 100px;
	top: 30px;
	left:0;
	font-size: 14px;
	z-index:8;
	margin: 0px;
	list-style-image: none;
	height: 60px;
}

#quicklatest ul.sender li a{
text-decoration: none;
font-weight: bold;
margin-right: 0px;
padding: 0px 5px;
font-size: 11px;
}

#quicklatest ul.ticker li{
	position:absolute;
	width: 800px;
	top: 30px;
	left:0;
	font-size: 14px;
	z-index:8;
	margin: 0px;
	list-style-image: none;
	height: 60px;
}

/* tagline*/

#mainwelcome{
margin: 20px 0px;
padding: 0px;
text-align: center;
}

#tagline h1{
margin: 0px;
text-align: center;
padding: 10px 0 15px 0px;
font-size: 20px;
}

#tagline p.black{
padding-top: 5px;
}

#tagline #button{
margin: 0;
height: 32px;
float: right;
padding-left: 10px;
margin-right: 20px;
margin-top: 3px;
font-weight: bold;
}

#tagline #button a{
text-decoration: none;
display: block;
height: 32px;
line-height: 31px;
font-size: 16px;
padding-right: 10px;
}

/* quickfacts*/

.quickborder{
width: 317px;
overflow: hidden;
float: left;
}

#quickfacts iframe {
margin: 0 10px 10px 10px;
}

.quickborder img, img.quickimg{
padding: 5px;
margin: 0 10px 10px 10px;
}

.quickborder h4{
padding: 15px 15px 10px 15px;
font-size: 20px;
margin: 0px;
}

#quickfacts{
position: relative;
margin:30px 0;
}

#quickfacts .facts{
height: 100%;
}

#quickfacts .facts h1.number{
text-align: center;
font-size: 25px;
padding: 10px 0 0px 0;
margin: 0;
line-height: 1em;
}

.facts h4{
text-align: center;
padding: 0px;
line-height: 1em;
}

#quickfacts .facts p.fact{
text-align: center;
padding: 0px 5px 5px 5px;
margin: 0px;
}

#quickfacts p{
padding: 0px 15px;
line-height: 18px;
margin: 0px;
}

#quickfacts a{
text-decoration: none;
font-weight: bold;
margin-right: 0px;
padding: 2px 5px;
font-size: 11px;
}

#quickfacts a:hover{
text-decoration: underline;
}

.butt{
padding: 15px;
}

/* scroll  */

.scroll{
position: relative;
padding-top: 15px;
text-align: right;
}

.scroll p.date{
font-size: 11px;
margin: 0px;
}

.scroll p.commentcount a{
font-size: 11px;
margin: 0px;
text-decoration: none;
}

.scroll ul li.digg{
background: url(images/digg.jpg) no-repeat center right;
padding-right: 20px;
list-style-image: none;
list-style-type: none;
}

.scroll ul li.digg a{
font-size: 11px;
margin: 0px;
text-decoration: none;
padding: 3px 0;
}

.scroll ul li.retweet{
background: url(images/twitter.jpg) no-repeat center right;
padding-right: 20px;
list-style-image: none;
list-style-type: none;
}

.scroll ul li.retweet a{
font-size: 11px;
margin: 0px;
text-decoration: none;
padding: 3px 0;
}

.scroll ul li.stumble{
background: url(images/stumble.jpg) no-repeat center right;
padding-right: 20px;
list-style-image: none;
list-style-type: none;
}

.scroll ul li.stumble a{
font-size: 11px;
margin: 0px;
text-decoration: none;
padding: 3px 0;
}

.scroll ul li.deli{
background: url(images/delicious.jpg) no-repeat center right;
padding-right: 20px;
list-style-image: none;
list-style-type: none;
}

.scroll ul li.deli a{
font-size: 11px;
margin: 0px;
text-decoration: none;
padding: 3px 0;
}

.scroll ul li.reddit{
background: url(images/reddit.jpg) no-repeat center right;
padding-right: 20px;
list-style-image: none;
list-style-type: none;
}

.scroll ul li.reddit a{
font-size: 11px;
margin: 0px;
text-decoration: none;
padding: 3px 0;
}

.scroll ul li.reddit:hover{
background: url(images/reddit2.jpg) no-repeat center right;
}

.scroll ul li.deli:hover{
background: url(images/delicious2.jpg) no-repeat center right;
}

.scroll ul li.stumble:hover{
background: url(images/stumble2.jpg) no-repeat center right;
}

.scroll ul li.retweet:hover{
background: url(images/twitter2.jpg) no-repeat center right;
}

.scroll ul li.digg:hover{
background: url(images/digg2.jpg) no-repeat center right;
}

.outer{
width: 720px;
float: left;
position: relative;
}

/*  single page  */

#singletop{
height: 129px;
padding: 5px 0px;
}

#single{
position: relative
}

#singleinner{
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 960px;
height: 124px;
background: url(images/pagemask.png) no-repeat center;
}

#singleinner span{
position: absolute;
top: 70px;
left: 40px;
}

#singleinner span.breadcrumbs{
position: absolute;
top: 30px;
left: 40px;
letter-spacing: 0px;
font-weight: bold;
padding: 3px 10px;
font-size: 11px;
}

#singleinner span h1{
font-size: 30px;
}

#pagecontentinner{
padding: 15px 0;
}

#pagecontentinner li.team{
list-style-type: none;
margin: 0px;
padding-left: 15px;
margin-bottom: 10px;
}

#pagecontentinner li.team img{
float: left;
padding: 3px;
margin-right: 10px;
min-width:100px;
}

#pagecontentinner li.team h6{
margin: 0px 0px 5px 5px;
padding: 0px 20px 0px 0px;
float: left;
}

#pagecontentinner li h6.designation{
margin: 0px 0px 5px 0px;
padding: 0px 15px 0px 0px;
float: right;
}

#pagecontentinner li p.teamdesc{
width: 450px;
padding: 20px 15px 20px 121px;
}

#subtitle h1{
margin: 0px;
padding: 20px 0 0px 15px;
font-size: 25px;
text-align: center;
}

#subtitle h1.singlesubpage{
margin: 0px;
padding: 20px 250px 20px 175px;
font-size: 25px;
text-align: left;
}

#pagecontent p{
padding: 10px 15px 10px 15px;
line-height: 18px;
margin: 0px;
font-size: 13px;
}

#pagecontent p.date{
padding: 0px 15px 5px 15px;
line-height: 18px;
margin: 0px;
font-size: 11px;
}

#pagecontent h2.category{
margin-bottom: 0px;
}


#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5, #pagecontent h6{
padding: 0px 15px;
margin: 20px 0px 10px 0px;
}

#pagecontent a, #pagecontent li a{
text-decoration: none;
}

#pagecontent a:hover{
text-decoration: underline;
}

#pagecontent ul, #pagecontent ol{
margin-top: 10px;
}

#pagecontent li{
line-height: 24px;
padding: 3px 10px 3px 0;
font-size: 14px;
}

#pagecontent blockquote{
padding: 10px 0;
margin: 10px 30px;
font-style: italic;
letter-spacing: 1px;
border-top: 1px dotted #DFDFDF;
border-bottom: 1px dotted #DFDFDF;
}

#pagecontent blockquote p{
font-size: 14px;
padding: 0px ;
}

#pagecontent blockquote p:first-letter{
font-size: 18px;
font-weight: bold;
}

#thecomments{
margin-top: 20px;
}

#thecomments h6{
padding-bottom: 10px;
margin: 0px;
padding: 10px 25px;
}

#thecomments ol{
padding-top: 10px;
}

#thecomments ol li{
margin-bottom: 20px;
margin-right: 10px;
padding: 0px;
}

form#commentform{
padding-left: 20px;
}

#thecomments ol li img{
float: right;
padding: 5px;
border: 1px solid #636363;
background: #fff;
}

#thecomments ol li.authorcomment p.meta1{
margin: 0px;
padding: 2px 15px;
float: left;
font-weight: bold;
font-size: 11px;
margin-top: 3px;
}

#thecomments ol li p.meta{
margin: 0px;
padding: 2px 15px;
float: right;
font-size: 11px;
margin-top: 3px;
}

#thecomments ol li p.meta1{
margin: 0px;
padding: 2px 15px;
float: left;
font-size: 11px;
margin-top: 3px;
}

#thecomments ol li span p{
padding: 15px;
margin: 0px;
}

#thecomments input#submit{
text-decoration: none;
font-weight: bold;
margin-right: 0px;
padding: 2px 5px;
font-size: 11px;
border: 0px solid #fff;
margin:5px 5px 5px 30px;
cursor: pointer;
}

#thecomments input#author, #thecomments input#email, #thecomments input#url, #thecomments textarea#comment{
float:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 5px 5px 30px;
padding: 3px;
}

#thecomments p label{
padding: 6px 0 0 10px;
line-height: 32px;
}

#thecomments p{
padding: 0px;
}

#thecomments h6{
margin:5px 5px 5px 10px;
}

/* category specific  */

#catimage{
float: left;
margin-right: 5px;
}

#catimage img{
padding: 5px;
margin: 10px;
}

#pagecontent h5.category{
margin: 0 0 10px 0;
}

#pagecontent a.catbut{
text-decoration: none;
font-weight: bold;
margin-right: 10px;
padding: 0px 5px;
font-size: 11px;
float: right;
margin-bottom: 30px;
}


#pagecontent img.alignnone{
padding: 3px;
}


#pagecontent img.alignleft{
padding: 3px;
float: left;
margin-right: 3px;
}

#pagecontent img.alignright{
padding: 3px;
float: right;
margin-left: 3px;
}


/* __pagination__ */
#pagecontent .pagination{
height: 33px;
text-align: center;
}

#pagecontent .pagination a{
text-decoration: none;
font-weight: bold;
padding: 0px 5px;
font-size: 12px;
margin: 0px 5px;
}

#pagecontent .pagination a.current{
text-decoration: none;
font-weight: bold;
padding: 0px 5px;
font-size: 12px;
border: solid 1px #fff;
}

/* __contactform__ */

form#ajax-contact-form{
width: 580px;
}

form#ajax-contact-form label{
float:left;
margin:5px;
padding-left:20px;
text-align:left;
width:100px;
}

form#ajax-contact-form label.error{
float:left;
margin:5px;
padding-left:20px;
text-align:left;
}


form#ajax-contact-form  input.textbox, form#ajax-contact-form  textarea.textbox{
float:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px;
padding: 3px;
border: 1px solid #EFEFEF;
}



form#ajax-contact-form  input.button{
text-decoration: none;
font-weight: bold;
margin-right: 0px;
padding: 2px 5px;
font-size: 11px;
border: 0px solid #fff;
margin-left: 3px;
cursor: pointer;
}








/*  sidebar  */

#contact, #sidesearch, #sidesocial, #sidehelp, #latest, .sidewidget{
padding: 0 15px 15px 15px;
}

#contact h6.ctc{
background: transparent;
}

#contact h6, #sidesearch h6, #sidesocial h6, #sidehelp h6, #latest h6, .sidewidget h6{
margin: 0px;
font-weight: normal;
}

#contact p, #sidesearch p, #sidesocial p, #sidehelp p, #latest p, .sidewidget p{
margin: 0px;
}

#sidesocial p, #sidewidget p{
padding: 5px 0 5px 10px;
letter-spacing: -1px;
border-bottom: 1px dotted #DFDFDF;
background: url(images/list.gif) no-repeat left center;
}

#latest p{
padding: 5px 0 5px 10px;
letter-spacing: -1px;
border-bottom: 1px dotted #DFDFDF;
background: url(images/list.gif) no-repeat left center;
}

#contact p a, #sidesearch p a, #sidesocial p a, #sidehelp p a, #latest p a, #sidewidget p a, .sidewidget ul li a{
margin: 0px;
text-decoration: none;
}

#sidesearch{position:relative;height:60px;}

#sidesearch form#searchform{width:220px;}


.sidewidget ul{
margin: 0px;
}

.sidewidget ul li{
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #DFDFDF;
}

.sidewidget table{
width: 100%;
text-align: center;
border: 1px solid #DFDFDF;
}

.sidewidget a{
text-decoration: none;
}

/*  footer  */

#footer{
margin: 10px auto;
font-size: 0.846em; /* 11px */
}
#footer-container {
padding: 10px 15px;
}
#footer a {
color: #000;
}

#footer h6{
padding: 5px 0;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
margin: 0px;
}

#postfooter{
width: 100%;
}

.formerror{
padding: 25px;
color: red;
font-weight: bold;
}

.formsuccess{
padding: 25px;
color: green;
font-weight: bold;
}

img.avatar{
padding: 0 0 5px 5px;
}


/* custom social widget */
ul#socialWidgetHome { list-style-type:none; float: left; padding-left: 30px; }
ul#socialWidgetHome li, ul#socialWidgetSide li {padding:5px 0 5px 22px;letter-spacing:1px;border:0;background:transparent;list-style-type:none;display:block;width:120px;}
ul#socialWidgetHome li a, ul#socialWidgetSide li a {display:block;}
ul#socialWidgetHome li#email, ul#socialWidgetSide li#email {background:transparent url('images/email.png') 0 50% no-repeat;}
ul#socialWidgetHome li#rss, ul#socialWidgetSide li#rss {background:transparent url('images/rss.png') 0 50% no-repeat;}
ul#socialWidgetHome li#facebook, ul#socialWidgetSide li#facebook {background:transparent url('images/facebook.png') 0 50% no-repeat;}
ul#socialWidgetHome li#tweet, ul#socialWidgetSide li#tweet {background:transparent url('images/tw33t.png') 0 50% no-repeat;}
ul#socialWidgetHome li#flickr, ul#socialWidgetSide li#flickr {background:transparent url('images/flickr.png') 0 50% no-repeat;}
ul#socialWidgetHome li#linkedin, ul#socialWidgetSide li#linkedin {background:transparent url('images/linkedin.png') 0 50% no-repeat;}
ul#socialWidgetHome li#vimeo, ul#socialWidgetSide li#vimeo {background:transparent url('images/vimeo.png') 0 50% no-repeat;}
ul#socialWidgetHome li {float: left; width: auto; margin-right: 18px; }


ul#socialWidgetSide, ul.blogroll, ul.blogroll li {list-style-type:none;list-style-image:none;border:0;}
.sidewidget ul.blogroll li{padding:5px 0 5px 10px;background:transparent;list-style-type:none;border:0;}
#leftSOCIAL .sidewidget { padding: 0; float: left; }


/* twitter styling */
div#quickfacts div div.aktt_tweets {padding:0 15px;}
div#quickfacts div div.aktt_tweets ul {list-style-type:none;margin:0;padding:0;}
div#quickfacts div div.aktt_tweets ul li {background:transparent url('images/tweet30x30.png') no-repeat left top;display:block;list-style-type:none;list-style-image:none;margin:0;padding:0 0 15px 40px;font-size:100%;line-height:18px;}
div#quickfacts div div.aktt_tweets ul li a {background:transparent;color:#EC1D23;text-decoration:none;padding:0;font-size:12px;}
div#quickfacts div div.aktt_tweets ul li a:hover {text-decoration:underline;}

div#quickfacts div div.aktt_tweets ul li a.aktt_username,
div#quickfacts div div.aktt_tweets ul li a.aktt_hashtag,
div#quickfacts div div.aktt_tweets ul li a.aktt_tweet_time {color:#636363;background-color:#F8F8F8;text-decoration:none;border:1px solid #FFFFFF;padding:2px 5px;font-weight:bold;}
div#quickfacts div div.aktt_tweets ul li a.aktt_username:hover,
div#quickfacts div div.aktt_tweets ul li a.aktt_hashtag:hover,
div#quickfacts div div.aktt_tweets ul li a.aktt_tweet_time:hover {text-decoration:underline;}

div#quickfacts div div.aktt_tweets ul li.aktt_more_updates {background:#FFF url();padding:0 0 15px 0;}
div#quickfacts div div.aktt_tweets ul li.aktt_more_updates a {background:none repeat 0 0 #EC1D23;padding:2px 5px;text-decoration:none;font-weight:bold;color:#FFF;font-size:11px;}
div#quickfacts div div.aktt_tweets ul li.aktt_more_updates a:hover {text-decoration:underline;}


/* front bottom content   and twitter*/


#bottom{padding:15px 0;}
.bottombit{float:left;padding:0;width:650px;}
.bottombit h6{padding:0px 15px;margin:0px;font-weight:normal;}
.bottombit p{padding:0px 15px 0 20px;margin:0px;}
.bottombit p a{text-decoration:none;}
.ctc p.name{float:left;padding:0px;}
.ctc p.info{float:right;padding:0px;}
.ctc{background:url(images/dot.gif) repeat-x 5%;margin-right:5px;}
.bottombit h6.ctc{padding:0px;background:transparent;}
.bottombit p a:hover{text-decoration:underline;}
form#searchform{margin:10px 0px 0px 0px;}
div#searchBlock{position:relative;}
div#searchBlock input#s{border:1px solid #fff;width:140px;padding:5px 0;letter-spacing:1px;text-align:center;position:absolute;top:0;left:15px;}
div#sidesearch div#searchBlock input#s{border:1px solid #fff;width:140px;padding:5px 0;letter-spacing:1px;text-align:center;position:absolute;top:0;left:0;}
div#searchBlock input#submit{color:#FFF;font-size:11px;font-weight:bold;padding:3px 5px;text-decoration:none;background:none repeat scroll 0 0 #EC1D23;border:0 solid #FFFFFF;cursor:pointer;margin:0;position:absolute;top:1px;right:10px;}
div#sidesearch input#submit{color:#FFF;font-size:11px;font-weight:bold;padding:4px 5px;text-decoration:none;background:none repeat scroll 0 0 #EC1D23;border:0 solid #FFFFFF;cursor:pointer;margin:0;position:absolute;top:1px;right:10px;}

div#searchWRAP {padding:20px 0;}

div#agitatorsWidget h6,
div#sponsorsWidget h6,
div#supportersWidget h6 {color:#EC1D23;margin-bottom:4px;font-size:15px;line-height:1;font-weight:normal;}

div#supportersWidget {display:block;float:left;width:232px;}

div#leftSOCIAL {clear:left; display:block;float:left;width:100%;margin-right:10px;}

div#agitatorsWidget {display:block;float:left;width:650px;}
div#agitatorsWidget h6 {clear:both;}
div#agitatorsWidget ul#agitatorsList {float: left; list-style-type:none;list-style-image:none;margin:0;padding:0 0 0 15px; margin-bottom: 15px;}
div#agitatorsWidget ul#agitatorsList li.agitator {display:block;margin:5px 5px 5px 0;float:left;width:90px;overflow:hidden;}
div#agitatorsWidget ul#agitatorsList li.agitator a {display:block;text-decoration:none;}
div#agitatorsWidget ul#agitatorsList li.agitator a:hover {display:block;text-decoration:none;}
div#agitatorsWidget ul#agitatorsList li.agitator a img {display:block;margin:0 auto;border:1px solid #C4C4C4;padding:3px;}
div#agitatorsWidget ul#agitatorsList li.agitator a:hover img {border:1px solid #EC1D23;}
div#agitatorsWidget ul#agitatorsList li.agitator a p.agitatorName {text-align:center;margin:0;padding:4px 0 0 0;font-size:90%;color:#636363;white-space:nowrap;}
div#agitatorsWidget ul#agitatorsList li.agitator a:hover p.agitatorName {color:#EC1D23;}


div#agitatorsWidget ul.agitatorsList {float: left; list-style-type:none;list-style-image:none;margin:0;padding:0 0 0 15px; margin-bottom: 15px;}
div#agitatorsWidget ul.agitatorsList li.agitator {display:block;margin:5px 5px 5px 0;float:left;width:90px;overflow:hidden;}
div#agitatorsWidget ul.agitatorsList li.agitator a {display:block;text-decoration:none;}
div#agitatorsWidget ul.agitatorsList li.agitator a:hover {display:block;text-decoration:none;}
div#agitatorsWidget ul.agitatorsList li.agitator img {display:block;margin:0 auto;border:1px solid #C4C4C4;padding:3px;}
div#agitatorsWidget ul.agitatorsList li.agitator a:hover img {border:1px solid #EC1D23;}
div#agitatorsWidget ul.agitatorsList li.agitator p.agitatorName {text-align:center;margin:0;padding:4px 0 0 0;font-size:90%;color:#636363;white-space:nowrap;}
div#agitatorsWidget ul.agitatorsList li.agitator a:hover p.agitatorName {color:#EC1D23;}


div#supportersWidget div.textwidget ul#supportersGrid {list-style-type:none;list-style-image:none;margin:0;padding:0 0 0 5px;}
div#supportersWidget div.textwidget ul#supportersGrid li {margin:5px 10px 5px 0;padding:3px;background:transparent url('images/suppGradient.jpg') 0 0 repeat-x;border:1px solid #C4C4C4;float:left;}
div#supportersWidget div.textwidget ul#supportersGrid li a {display:block;text-indent:-1000em;overflow:hidden;width:55px;height:55px;}


div#sponsorsWidget {display:block;float:right;width:305px;}
div#sponsorsWidget div.textwidget ul#sponsorsGrid {list-style-type:none;list-style-image:none;margin:0;padding:0 0 0 5px;}
div#sponsorsWidget div.textwidget ul#sponsorsGrid li {background:transparent url('images/suppGradient.jpg') 0 0 repeat-x;border:1px solid #C4C4C4;float:left;margin:5px 10px 5px 0;padding:4px;width:210px;}
div#sponsorsWidget div.textwidget ul#sponsorsGrid li a {display:block;text-align:center;width:210px;background:#FFF;min-height:50px;}
div#sponsorsWidget div.textwidget ul#sponsorsGrid li a img {display:block;border:0;margin:0 auto;padding:5px;}

div#eventsBlock {width: 317px;
overflow: hidden;
float: left;
}



div#eventsBlock ul.dbem_events_list {list-style-type: none;margin:0;padding:0;}
div#eventsBlock ul.dbem_events_list li.eventItem {list-style-type: none;margin-bottom:1em;}
div#eventsBlock ul.dbem_events_list li.eventItem p.title {padding:0 5px;}
div#eventsBlock ul.dbem_events_list li.eventItem p.title a {}
div#eventsBlock ul.dbem_events_list li.eventItem p.excerpt {padding:0 10px;}

div#map {padding:10px 15px;}

div#slideshow-container {
	height: 277px;
	overflow: hidden;
	}
div#slideshow {
	height: 277px;
	margin: auto;
	position: relative;
	width: 960px;
	}
div#slideshow-mask {
	background: url(images/slideshow-mask.png) no-repeat;
	cursor: pointer;
	height: 277px;
	margin: auto;
	position: absolute;
	width: 960px;
	z-index: 20;
	}
div#slideshow-nav {
	left: 36px;
	position: absolute;
	top: 218px;
	z-index: 30;
	}
div#slideshow-nav a {
	background: transparent url(images/slideshow-bg-nav-off.png) no-repeat left top;
	color: #fff;
	float: left;
	font-size: 11px;
	line-height: 20px;
	margin: 5px 4px 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 20px;
	}
	div#slideshow-nav a.activeSlide { background-image: url(images/slideshow-bg-nav-on.png); }

div#slideshow ul {
	margin: 0;
	padding: 0;
	}
div#slideshow li {
	height: 277px;
	margin: 0;
	padding: 0;
	width: 960px;
	}
div#slideshow li div {
	background: transparent url(images/slideshow-bg-slide.png) no-repeat;
	color: #fff;
	height: 143px;
	left: 36px;
	overflow: hidden;
	padding: 20px;
	position: absolute;
	top: 36px;
	width: 199px;
	}
div#slideshow li div h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
    height: 48px;
	line-height: 24px;
	margin: 0 0 16px 0;
    overflow: hidden;
	}
div#slideshow li div h2 a {
	color: #fff;
	text-decoration: none;
	}
div#slideshow li div p {
	font-style: italic;
	}
div#slideshow li img {
	margin: 16px;
	}

#recaptcha_widget_div {
    clear: both;
    float: left;
    margin: 5px 5px 5px 30px;
    }
#recaptcha-submit-btn-area {
    clear: both;
    }
.recaptcha-error {
    clear: both;
    float: left;
    margin: 20px 5px 5px 30px !important;
    }
.recaptcha-error strong {
    color: #EC1D23;
    }

.post-author-image {
  float: left;
  margin: 20px 0 10px 15px;
  border: 1px solid #aaa;
  }
.post-author-image img {
  display: block;
  padding: 0;
  margin: 0;
  }
.post-index-title {
  float: left;
  width: 551px;
  }
.post-excerpt {
  clear: both;
  }


/*  MailChimp Widget Customizations  */

#quickfacts .mc_custom_border_hdr {
  padding: 0 15px !important;
  width: auto !important;
  }
/* Hide the mail type options. */
#mc_signup form {
  color: #636363;
  overflow: hidden;
  }
  #quickfacts #mc_signup form { margin: 0 15px 20px 15px; }

#mc_signup .mergeRow {
  display: none;
  }
#mc_signup .mc_merge_var {
  float: left;
  margin: 4px 0 0 0;
  width: auto;
  }
  #mc_signup .mc_merge_var label { display: block; }
  #quickfacts #mc_signup .mc_merge_var label { float: left; margin: 4px 4px 0 0; }

#mc_signup .mc_var_label {
  font-weight: bold;
  }
#mc_signup .mc_input {
  border: none;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  clear: left;
  letter-spacing: 1px;
  padding: 5px;
  text-align: center;
  width: 170px;
  }
  #quickfacts #mc_signup .mc_input { background-color: #eee; }

#mc_signup .mc_signup_submit {
  float: left;
  margin-top: 4px;
  clear: both;
  }
#mc_signup .mc_signup_submit .button {
  background: #ec1d23;
  border: none;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: white;
  font-weight: bold;
  font-size: 11px;
  padding: 4px 5px;
  }