/* 4mula design // CSS coding by; Jamie Brightmore // 4muladesign.com */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content: ''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
img, a img {border:none;}
input[type="submit"]::-moz-focus-inner {border: 1px dotted transparent;}
a {outline:none;}
em {font-style:italic;}
strong {font-weight:bold;}

/* GLOBAL */
html {background-color:#000;}
body {background:#000 url(http://cdn.4muladesign.com/images/bkg.jpg) no-repeat center top; background-attachment:fixed;	font-family:'Helvetica Neue', Helvetica, Arial, Sans-Serif; font-size:62.5%; line-height:1.5em; width:100%;}
p {color:#C4C5C8; font-size:1.4em; line-height:1.6em; margin-bottom:16px;}
em {font-family:Georgia,"Times New Roman",Times,serif;}
span.superscript{font-size:xx-small; vertical-align:super;} 
p span {color:#63BAEA;}
p strong span {color:#FFF;}

/* LAYOUT */
#header {background:url(http://cdn.4muladesign.com/images/slice_head.png) center repeat-x;}
#masthead {width:960px; margin:0 auto; padding:0; height:147px;}
#nav {float:left; width:250px; height:20px; margin:66px 0 0;}
#logo {float:right; margin:10px -12px 0;}
#container {margin:0 auto; width:960px;}
.clearfix {clear:both;}
.clearfix-7px {clear:both; height:7px;}
p.intro-text {font-size:1.7em; line-height:1.4em; margin:8px 5px 30px 0;}
p.drop-cap {background:url(http://cdn.4muladesign.com/images/drop-caps.png) no-repeat; display:inline; float:left; height:115px; margin:0 12px 0 0;	text-indent:-9999px; width:93px;}
#cap-w {background-position:0 0;}
#cap-g {background-position:-93px 0;}
#cap-b {background-position:-186px 0;}
#cap-e {background-position:-279px 0;}
#cap-m {background-position:-373px 0;}
.introPara {margin-bottom:30px;}
.alignnone {margin:0 0 10px 0;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright {float:right;}
.alignleft.list {margin:0 60px 20px 20px;}
.serv-left {float:left; margin:5px 15px 5px 0;}
.serv-right {float:right; margin:-5px 5px 15px 10px;}
strong.leftspace {margin-left:15px;}
.pane, .pane-rounded {background:url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=0&g=0&b=0&a=50) repeat; background:rgba(0, 0, 0, 0.5);}
#ref_sch{padding:17px 18px 15px;}

/* FOOTER */
#footer {border-top:1px solid #232323; color:#bcbdc0; font-size:1.2em; width:960px;	height:70px; margin:40px auto 0; padding:20px 0;}
#footer-l {float:left;}
#footer-r {float:right; margin-top:13px;}
#footer-l ul {margin-left:1px;}
#footer-l li {float:left; margin:10px 0;}
#footer-l li a {color:#bcbdc0; text-decoration:none;}
#footer-l li a:hover {border-bottom:1px solid #595A5B;}
#footer .pipe {color:#595A5B; margin:0 7px;}
h3#contact-footer {color:#00A2EF;}
#footer-l li#footer-last { background-color:#17B3BF; color:#0F777F;	padding:3px 6px 2px; margin:6px 0 7px 10px;	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#footer-l li#footer-last em {color:#E0EFED;}
#footer-r ul li {float:left; margin-left:20px;}
#footer-r ul li a {background:transparent url(http://cdn.4muladesign.com/images/logos.png) no-repeat; display:block; float:left; height:62px; padding:0; text-indent:-9999px; width:44px;}
#footer-r ul li a#joomla {background-position: -88px 0;}
#footer-r ul li a#wordpress {background-position: 0 0;}
#footer-r ul li a:hover#joomla {background-position: -132px 0;}
#footer-r ul li a:hover#wordpress {background-position: -44px 0;}

/* NAV TOP */
#nav li {float:left; list-style:none;}
a#nav_home, a#nav_contact, a#nav_favs, a#nav_rss, a#nav_style, a#nav_search {
display:block; text-indent:-5000px !important; width:18px; height:18px; margin:0 22px 4px 0; cursor:pointer;}
#nav_home {background:transparent url(http://cdn.4muladesign.com/images/nav_home.png) no-repeat;}
a:hover#nav_home {background-position:bottom;}
#nav_contact {background:transparent url(http://cdn.4muladesign.com/images/nav_contact.png) no-repeat;}
#nav_favs {background:transparent url(http://cdn.4muladesign.com/images/nav_favs.png) no-repeat;}
#nav_rss {background:transparent url(http://cdn.4muladesign.com/images/nav_rss.png) no-repeat;}
#nav_style {background:transparent url(http://cdn.4muladesign.com/images/nav_style.png) no-repeat;}
#nav_search {background:transparent url(http://cdn.4muladesign.com/images/nav_search.png) no-repeat;}
a:hover#nav_search {background-position: bottom!important;}
.navPane h4 {color:#00A2EF; font-size:1.1em; font-weight:normal; margin:8px 0 0 4px; padding:0px;}
#panel-contact h4 {color:#FFA417;}
#panel-favs h4 {color:#FF0000;}
#panel-style h4 {color:#FF1B9E;}
#panel-search h4 {color:#b432d8; float:left; width:100px;}
.navPane {background:url(http://cdn.4muladesign.com/images/nav_pane.png) no-repeat; height:109px; padding:8px 0 0 8px; width:175px;}
#panel-contact, #panel-favs, #panel-rss, #panel-style, #panel-search {display:none;}
#nav_contact.active, #nav_favs.active, #nav_rss.active, #nav_style.active, #nav_search.active {background-position:bottom;}
.nav-link, #nav .trig-c {color:#C4C5C8;	display:block; font-size:1.1em!important; margin:6px 0 0 4px; padding:0 0 0 22px; text-decoration:none;}
a:hover.nav-link, #nav a:hover.trig-c {color:#00A2EF;}
#nav .trig-c {background:transparent url(http://cdn.4muladesign.com/images/icon-email.png) no-repeat 0 -1px;}
.nav-link.support {background:transparent url(http://cdn.4muladesign.com/images/icon-help.png) no-repeat 0 0;}
.nav-link.vcard {background:transparent url(http://cdn.4muladesign.com/images/icon-vcard.png) no-repeat 0 -1px;}
a#fav-delic {background: transparent url(http://cdn.4muladesign.com/images/icon-del.gif) no-repeat 0 center;}

a#fav-lnkd {background: transparent url(http://cdn.4muladesign.com/images/icon-linkdin.gif) no-repeat 0 center;}

a#fav-fbook {background: transparent url(http://cdn.4muladesign.com/images/icon-facebook.gif) no-repeat 0 center;}
a#fav-twitr {background: transparent url(http://cdn.4muladesign.com/images/icon-twittr.gif) no-repeat 0 center;}
.nav-rss {float:left; width:167px; margin:10px 0 2px 4px;}
.nav-rss img {vertical-align:top; padding-right:7px;}
a.nav-rss {font-size:1.1em; color:#C4C5C8; text-decoration:none; line-height:1.7em;}
a:hover.nav-rss {color:#00A2EF;}
#supernote-note-rss h3 {margin-bottom:4px;}
#switchform {font-size:1.1em!important;	color:#C4C5C8; margin:5px 0 0;}
#switchform input {vertical-align: middle;margin: 2px 5px 5px 3px;}
#switchform input, #switchform label {cursor:pointer;}
#switchform label:hover {color:#00A2EF;}
.search-box {background:transparent url(http://cdn.4muladesign.com/images/search-left.png) no-repeat left top; float:left; margin:18px 0; padding-left:11px;}
.searchform input#s, .searchform input#s2 {background:transparent url(http://cdn.4muladesign.com/images/search-bkg.png) repeat-x; border:0 none; float:left; height:19px; padding:2px 7px 3px 0; width:115px;}
.searchform input.searchsubmit {background: url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -21px 0; border:0 none; cursor:pointer;	height:24px; padding:0;	text-indent:-5000px; width:21px;}
.searchform input:hover.searchsubmit {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -107px 0;}
		
/* NAV MAIN */
#navTabs {margin:0 auto; padding:0;	width:300px;}
a#navTab1, a#navTab2, a#navTab3, a#navTab4, a#navTab5, a#navTab6 {width:93px; height:23px;}
a#navTab1, a#navTab4 {margin-left: 5px;}
a#navTab1 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab1.png) bottom no-repeat;}
a#navTab2 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab2.png) bottom no-repeat;}
a#navTab3 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab3.png) bottom no-repeat;}
a#navTab4 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab4.png) bottom no-repeat;}
a#navTab5 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab5.png) bottom no-repeat;}
a#navTab6 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab6.png) bottom no-repeat;}
a#navTab1, a#navTab2 , a#navTab3, a#navTab4, a#navTab5 , a#navTab6 {color:#CCCCCC; display:block; line-height:normal; text-indent:-5000px;}
a.selected#navTab1, a.selected#navTab2, a.selected#navTab3, a.selected#navTab4, a.selected#navTab5 {cursor:default;	margin-bottom:0;}
a.selected#navTab1 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab1.png) top no-repeat;}
a.selected#navTab2 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab2.png) top no-repeat;}
a.selected#navTab3 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab3.png) top no-repeat;}
a.selected#navTab4 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab4.png) top no-repeat;}
a.selected#navTab5 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab5.png) top no-repeat;}
a.selected#navTab6 {background:transparent url(http://cdn.4muladesign.com/images/nav_tab6.png) top no-repeat;}
#navTabs li, #navTabs2 li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:5px;}
#tabPanes, #tabPanes2 {margin-bottom:40px;}
#tab1, #tab2, #tab3 {height:264px; padding:7px 0 10px 13px;}
#tab4, #tab5, #tab6 {padding:10px;}
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {clear:left;}
#tab2, #tab3, #tab5, #tab6 {display:none;} /* Prevents 'flash' of content */
.menu-divider {border-bottom:1px dotted #5F5F5F; margin:12px 4px; width:260px;}
li.page_item a, #tab1 li a, ul.navItems li a, ul.navItems-home li a, ul.navItems-img li a {
color:#EFEFEF; font-size:1.3em;	text-decoration:none; -webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
li.page_item a:hover, #tab1 li a:hover, ul.navItems li a:hover, ul.navItems-home li a:hover, ul.navItems-img li a:hover {color:#C4C5C8;}
li.page_item a:focus, #tab1 li a:focus, ul.navItems li a:focus, ul.navItems-home li a:focus, ul.navItems-img li a:focus {color:#7FDC69;}
ul.navItems {margin:13px 0 0 7px;}
ul.navItems-home {margin:10px 17px 0 18px;}
ul.navItems-home li, ul.navItems li {background:transparent url(http://cdn.4muladesign.com/images/arrow.png) no-repeat 0 2px; margin:7px 0; padding:0 0 0 14px;}
ul.navItems-img {margin-bottom:15px;}
ul.navItems-img li {margin:15px 20px 19px 3px;}
#sidebar li.current_page_item, #sidebar li.current-cat {background:transparent url(http://cdn.4muladesign.com/images/arrow_grn.png) no-repeat 0 1px;}
#sidebar li.current_page_item a, #sidebar li.current-cat a {color:#7FDC69;}
ul.navItems span.menu-date, ul.navItems-home span.menu-date, ul.navItems-img span.menu-date {color:#75BEEA; font-size:1.1em; line-height:0.9em;	margin-left:6px;}
ul.navItems ul li, ul.navItems-home  ul li {background:none; margin:0; padding:0;}
ul.navItems-home li.navNews {margin-bottom:13px; width:210px;}

/* PAGINATION */
.pagination {float:right; height:30px; padding:8px 21px 15px;}
span.current, .pagination a, a.page-numbers {display:block;	float:left;	font-size:1.2em; height:24px; padding:6px 0; text-align:center;	text-decoration:none; width:23px;}
span.current {color:#4F4F4D;}
.pagination a {color:#0081CF;}
.pagination a:hover {color:#4F4F4D;}
a.prev, span.current.prev {display:block; float:left; height:24px; width:21px; text-indent:-5000px;}
a.next, span.current.next {display:block; float:left; height:24px; width:21px; text-indent:-5000px;}
span.current {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -128px 0;} /* Current page no */
a.prev, a.prev.page-numbers {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -43px 0;} /* Prev button ON */
a:hover.prev {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -86px 0;} /* Prev button ON:Hover */
span.current.prev {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat 0 0;} /* Prev button OFF */
a.next, a.next.page-numbers {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -64px 0;} /* Next button ON */
a:hover.next {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -107px 0;} /* Next button ON:Hover */
span.current.next {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -21px 0;} /* Next button OFF */
a.current.on, a.page-numbers {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -151px 0;} /* All further pages */
a:focus.current.on {background:url(http://cdn.4muladesign.com/images/pagination.png) no-repeat -128px 0;} /* All further pages */
#userfeed-pag {color:#00A2EF; margin:0 0 20px 20px;}

/* HOME */
.quoteBlock {height:180px; margin:40px 0 20px;}
.homePane {background:url(http://cdn.4muladesign.com/images/pane.png) no-repeat; float:left; width:300px; height:200px;}
.homeTitle {margin:13px 0 0 15px; text-indent:-5000px; width:180px;}
#homeT1 {display:block; background:url(http://cdn.4muladesign.com/images/h1_services.png) no-repeat; height:21px;}
#homeT2 {display:block; background:url(http://cdn.4muladesign.com/images/h1_news.png) no-repeat; float:left; height:21px;}
#homeT3 {display:block; background:url(http://cdn.4muladesign.com/images/h1_blog.png) no-repeat; float:left; height:25px;}
#homePane2 {margin:0 30px;}
.rss-btn {margin:15px 0 0 46px;}
#quote-1 {background:url(http://cdn.4muladesign.com/core/quotes/quote_1_v2.png) top right no-repeat;}
#quote-2 {background:url(http://cdn.4muladesign.com/core/quotes/quote_2_v2.png) top right no-repeat;}
#quote-3 {background:url(http://cdn.4muladesign.com/core/quotes/quote_3_v2.png) top right no-repeat;}
.cycleHolder {background:url(http://cdn.4muladesign.com/images/slice_pane.png) repeat-x; width:300px; height:171px; padding:0; margin:20px 0; float:left; overflow:hidden;} 
.cycleHolder img {padding:10px 10px 10px 11px;}
#cycleHolder2 {margin:20px 30px 0;}
#myStyle {display:none;}
a#newsBtn img {margin:2px 0 0 5px;}

/* INNER */

#wrapper {background:url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=0&g=0&b=0&a=25) repeat; background:rgba(0, 0, 0, 0.25); float:left; margin:45px 0 0; width:623px;}

#content {background:url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=0&g=0&b=0&a=50) repeat; background:rgba(0, 0, 0, 0.5); float:left; min-height:263px; margin:2px 0 2px 2px; padding:12px 0 4px; width:619px;}

#content p a, #content li a {color:#63BAEA; text-decoration:none; -webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
#content p a:hover {color:#00A2EF;}
#content-bottom {clear:left;}

#sidebar {float:right; margin:45px 0 0; min-height:600px; width:300px;}
#viewerPane {background:url(http://cdn.4muladesign.com/images/viewerPane.png) no-repeat; float:left; margin:45px 0 50px; height:188px; width:300px;}
#viewerNav {left:113px;	position:relative; top:162px; width:100px;}
#viewerNav a {background:url(http://cdn.4muladesign.com/images/navDot.png) no-repeat; background-position:top; display:block; float:left; height:8px; margin-right:6px; text-indent:-5000px; width:10px;}
#viewerNav .activeSlide {background:url(http://cdn.4muladesign.com/images/navDot.png) no-repeat; background-position:bottom; color:#FFFFFF;}
#viewerItems {margin:11px;}
#viewerItems a {display:none;}
#pauseToggler {float:left; left:4px; position:relative;	top:172px; width:8px;}
img#pauseControl {cursor:pointer; height:7px; width:5px;}
.quoteBlockSide {clear:both; height:145px;}
.quoteBlockSide#s_quote-1 {background:url(http://cdn.4muladesign.com/core/quotes/s_quote_1_v2.png) top right no-repeat;}
.quoteBlockSide#s_quote-2 {background:url(http://cdn.4muladesign.com/core/quotes/s_quote_2_v2.png) top right no-repeat;}
.quoteBlockSide#s_quote-3 {background:url(http://cdn.4muladesign.com/core/quotes/s_quote_3_v2.png) top right no-repeat;}
.entry {padding:12px 20px 0; clear:both;}
.entry ul {list-style-type:disc;}
.entry ul, .entry ol {color:#C4C5C8; font-size:1.4em; line-height:1.4em; margin:0 0 20px 20px;}
.entry ul li, .entry ol li {margin-bottom: 5px;}
h1 {color:#0097EA; font-size:2.4em;	font-weight:normal;	line-height:1.5em; margin:0 0 15px 20px;}
h1 a {color:#0097EA; text-decoration:none; line-height:1.2em;}
h1.title {height:30px;}
h2, .entry h2 {color:#63BAEA; font-size:2em; font-weight:100; padding:5px 0 10px;}
h3 {color:#17B3BF; font-size:1.8em; font-weight:normal;	margin-bottom:10px;}
.entry h2 {border-bottom:1px solid #5F5F5F;	clear:both;	margin-bottom:15px;	padding:5px 0;}
.entry h2.spaced {margin-top:40px;}
.dashed h2 {padding:0 0 10px 5px;}
.quote {color:#17B3BF;}

/* COMMENTS META */
.postmetadata {padding:0 20px 0;}
ol#comments {list-style:none; padding:5px 20px 5px;}
#pings {padding:5px 20px 20px;}
ol#comments li {clear:both; margin-bottom:20px;}
a.url, ul#post-info li a {color:#75BEEA; text-decoration:none; -webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
a:hover.url, ul#post-info li a:hover {color:#00A2EF; border-bottom:0;}
.comment-details img.avatar {border:1px solid #232323; float:right;	margin:20px 0 0;}
.comment-author {color:#75BEEA;}
.comment-author a {color:#00A2EF;}
.comment-author a:hover {color: #75BEEA;}
#comment-number {background:transparent url(http://cdn.4muladesign.com/images/icon-comments.png) no-repeat scroll 0 0; padding-left:21px;}
.comment-author-owner {background:transparent url(http://cdn.4muladesign.com/images/icon-4ml.png) no-repeat; color:#00A2EF;	padding-left:20px;}
.comment-details {color:#75BEEA; font-size:1.2em; margin:0 0 4px 5px;}
.comment-details span.pipe {margin:0 5px 0 10px;}
li.author .comment-text {background: url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=0&g=174&b=239&a=30) repeat; background: rgba(0, 174, 239, 0.3);}
li.author .comment-arrow {background:transparent url(http://cdn.4muladesign.com/images/comment_arrow_a.png) no-repeat;}
.comment-text {background:url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=191&g=191&b=191&a=30) repeat;
background:rgba(191, 191, 191, 0.3); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; min-height:48px;	margin:7px 0; padding:10px 15px; width:425px;}
.comment-text p:last-child {margin-bottom:-2px;}
.comment-arrow {background:transparent url(http://cdn.4muladesign.com/images/comment_arrow.png) no-repeat; float:right;	height:48px; left:-19px; position:relative;	top:10px; width:33px;}
ol#trackbacks {color:#C4C5C8; margin:0 0 0 20px;}
#author-box {background-color:black; border:1px solid #232323; margin:5px auto 20px; padding:10px 10px 10px 5px; width:568px;}
#author-box h2 {color:#17B3BF; margin:5px 0 5px 10px; padding:0;}
#author-box p {font-size:1.3em; margin:0 0 0 10px;}
#author-box a {color:#75BEEA; text-decoration:none;}
#author-box a:hover {color:#00A2EF;}
#author-box img {border:1px solid #232323; float:right; margin:10px;}
#content #share-box {padding:5px 0 0 15px;}
h2.comments-header {color:#00A2EF;}
h2#comments-header {margin-left:20px;}
.comment-h2 {clear:both; display:block;	height:17px; margin:0 0 0 22px;}
#commentform-info {float:right; margin:0;}
form#commentform {float:left;}
#submit-title {background:transparent url(http://cdn.4muladesign.com/images/icon-submit.png) no-repeat;}
.dashed {background: url(http://www.4muladesign.com/wp-content/themes/4mula/library/functions/rgba.php?r=191&g=191&b=191&a=20) repeat;
background:rgba(191, 191, 191, 0.2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#00A2EF; margin:0 18px 18px; padding:15px 18px;}
#commentform #comment_mail_notify {display:inline-block; margin:0 7px 2px 0; vertical-align:middle;}
#commentform #checkbox-label {background:none; float:none; font-size:1.3em;	margin:0 0 0 5px; padding:2px 0 0; vertical-align:middle;}
#userfeed #checkbox-label, #userfeed #comment_mail_notify {display:none;}

/* IMAGES / VIDEOS / PRE */
img.size-full, .video {border:1px solid #232323;}
.video {width:581px; height:300px; margin-bottom:30px;}
.mini-thumb {border:1px solid #5F5F5F; float:left; margin:0 10px 0 0;}
pre {background-color:#F3F3F3; border-left:4px solid #00A2EF; font-size:1.4em; margin:0 0 15px;	overflow:auto; padding:10px 10px 10px 15px;}

/* POSTS */
ul#post-info {font-size:1.2em; margin-bottom:25px; padding:12px 0 0 20px;}
ul#post-info li {float:left;}
.pipe, ul.post-info li.pipe {color:#ACACAF; margin:0 10px;}
li#post-date, li.post-date {background:transparent url(http://cdn.4muladesign.com/images/icon-cal.png) no-repeat scroll 0 -1px; color:#75BEEA; padding-left:21px;}
li#post-author {background:transparent url(http://cdn.4muladesign.com/images/icon-sticky.png) no-repeat scroll 0 -1px; color:#75BEEA; padding-left:21px;}
li#post-tags, li.post-tags {background:transparent url(http://cdn.4muladesign.com/images/icon-tag.png) no-repeat scroll 0 0; color:#ACACAF;	padding-left:21px;}
li.short-link {background:transparent url(http://cdn.4muladesign.com/images/icon-link.png) no-repeat scroll 0 0; color:#ACACAF;	padding-left:19px;}
a#top {background:transparent url(http://cdn.4muladesign.com/images/arrow-top.png) no-repeat scroll left 3px; color:#00A2EF; float:right; margin:0 25px 5px 0; padding:0 0 1px 15px; text-decoration:none;}
a:hover#top {border-bottom:1px dotted; padding-bottom:0;}
.post-head {margin:14px 20px 0;}
.post-head img {border:3px solid #676767;}

/* PORTFOLIO */
ul.display {float:left;	margin:10px 0 0 21px; width:600px;}
ul.display li {float:left; height:100px; padding:10px 19px 10px 0; width:580px;}
ul.display li p {font-size:1.3em; margin-bottom:7px;}
ul.thumb_view li p, ul.thumb_view li h2 {display:none;}
ul.thumb_view li {width:181px;}
ul.display a {float:left; margin-right:20px;}
ul.display img {border:1px solid #69696B; margin:0 0 15px; padding:2px;}
#port-options {float:right; margin:8px 20px 0 15px;}
#port-options p {float:left; margin:0; padding:4px 10px 0 0;}
a.list-toggle {background:transparent url(http://cdn.4muladesign.com/images/list-toggle.png) no-repeat right top; float:right; height:24px;	text-indent:-9999px; width:91px;}
a.swap {background-position:left top;}
#img-prompt {display:none; left:120px; height:20px;	margin:0; position:relative; top:-13px;	width:160px;}
#img-prompt p {margin:-20px 0 0;}

/* ARCHIVE */
#content.iconhead h1.pagetitle, h1#port-title {}
#rss-btn {float:right; padding:25px 25px 0;}
ul.post-info  {font-size:1.2em; padding:12px 0 0 20px;}
ul.post-info li {float:left;}
ul.post-info li a {color:#75BEEA; text-decoration:none;}
ul.post-info li a:hover {color:#00A2EF;}
li.post-date {margin-left:20px;} 

/* LINKS */
a.external, a.url {background:transparent url(http://cdn.4muladesign.com/images/icon-external.png) no-repeat right 4px;	color:#63BAEA; padding:3px 13px 2px 0; text-decoration:none;
-webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; transition:none!important;}
a.external-list {background:transparent url(http://cdn.4muladesign.com/images/icon-external.png) no-repeat right 3px; color:#63BAEA; padding:0 13px 0 0; text-decoration:none;
-webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; transition:none!important;}
a:hover.external-list {background:transparent url(http://cdn.4muladesign.com/images/icon-external2.png) no-repeat right 3px; color:#00A2EF;}
a.external.img, a:hover.external.img {background:none;}
a:hover.external, a:hover.url {background:transparent url(http://cdn.4muladesign.com/images/icon-external2.png) no-repeat right 4px; border-bottom:0; color:#00A2EF;}
.arc-img, .arc-info h1 {float:left; margin:0 0 0 20px;}
.arc-img img {border:1px solid #5F5F5F;}
.arc-info h1 {line-height:1em; margin:0 20px 8px; width:370px;}
.arc-info small {font-size:1.2em; color:#75BEEA; margin:0 0 0 20px;	background:transparent url(http://cdn.4muladesign.com/images/icon-cal.png) no-repeat scroll 0 -1px; padding:2px 0 0 21px;}
.arc-excerpt p {float:left;	margin:10px 0 0 20px; width:390px;}
#content.iconhead .post, #content.iconhead .page {border-top:1px dotted #5F5F5F; margin:0 2px; padding:17px 0 12px;}
#content.iconhead-user .page {padding:0;}
.search-info h2, .search-info form {font-size:1.4em; margin:0 0 10px 20px; padding:0;}
.search-info h2 span {color:#C4C5C8;}
.search-info .search-box {margin:4px 0;}
ul.linkfeed, ul.tweet_list, p.loading {padding:0 10px;}
.linkfeed li {border-bottom:1px dotted #5F5F5F; padding:10px 0;}
.linkfeed a, .tweet_list li a, span.tweet_text a {border:none; color:#BD51BE; text-decoration:none;}
.linkfeed a {font-size:1.2em; padding:6px 15px 0 0;}
.tweet_list li a.hashtag {color:#BD8CBE;}
.tweet_list li a:hover.hashtag {color:#00A2EF;}
.linkfeed a:hover, .tweet_list li a:hover, span.tweet_text a:hover {color:#00A2EF}
.linkfeed p, span.tweet_join, span.tweet_text {color:#C4C5C8; font-size:1.2em; line-height:1.4em; margin:0;}
ul.linkfeed-nav {margin:15px 10px 5px;}
#tab6 span {color:#BD8CBE; display:block; font-size:1.2em; margin:10px 10px 10px 7px;}
.linkfeed-nav li {display:inline; margin-right:3px;}
.rounded-link {background-color:#C4C5C8; color:#232323; font-size:1.1em; font-weight:bold; padding:4px 5px;	text-decoration:none;
-moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition:background 200ms ease-in;	-moz-transition:background 200ms ease-in; -o-transition: background 200ms ease-in; transition:background 200ms ease-in;}
#content p a.rounded-link {color:#232323; font-size:0.8em; -webkit-transition:background 200ms ease-in; -moz-transition:background 200ms ease-in; -o-transition:background 200ms ease-in; transition:background 200ms ease-in;}
#content p a:hover.rounded-link {background-color:#75BEEA;}
.all-posts {margin:15px 0 5px 5px;}
a:hover.rounded-link {background-color: #75BEEA;}
ol#userfeed {list-style:none; padding:0 60px 0 20px;}
ol#userfeed a {border:none;color:#75BEEA; font-size:1.4em;}
ol#userfeed a:hover {color:#00A2EF;}
ol#userfeed p {font-size:1.2em;}
ol#userfeed span.comment-date {color:#75BEEA; margin-left:6px;}
ol#userfeed span#moderation {color:#DF851B;}
#comments-form.userfeed label {background:transparent url(http://cdn.4muladesign.com/images/arrow_l.png) no-repeat scroll 0 7px; width:252px;}
#comments-form.userfeed input, #comments-form.userfeed textarea {width:290px;}
#comments-form.userfeed span, #comments-form.userfeed input#comment_mail_notify {display:none;}
#comments-form.userfeed label small {line-height:1em;}
#submit-note {background:none repeat scroll 0 0 #FFF8AF; color:#252525;	float:right; font-size:1.1em; height:60px; padding:10px; width:90px;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#submit-note span {text-decoration:underline;}
.status {margin:0 0 4px 5px;}

/* TWEETS & TAGS */
ul.tweet_list li {padding:10px 0; border-bottom:1px dotted #5F5F5F;}
.tweet_list a.tweet_date {color:#75BEEA;}
.tweet_list a:hover.tweet_date {color:#00A2EF; border-bottom:none;}
.loading {background:transparent url(http://cdn.4muladesign.com/images/ajax-loader.gif) no-repeat scroll; height:8px; margin:7px 0 0 10px; text-indent:-5000px;	width:16px;}
#twitter-link {background-position:0 -18px; float:left; height:16px; left:200px; top:-22px; width:70px;}
a:hover#twitter-link {background-position:0 0;}
#tabPanes2 #tab5 {padding:20px;}
ul#tags li {float:left; width:128px;}
#tab5 br {clear:left;}
ul#tags li a {color:#BD51BE; font-size:13px; line-height:1.7em; padding:3px 3px 3px 0; text-decoration:none;
-webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
ul#tags li a:hover {color:#00A2EF;}
ul#tags li span {background-color:#0589CE; color:#C2CDEF; font-size:11px; margin-left:3px; padding:2px 4px 1px; text-align:center;
-moz-border-radius:3px;	-webkit-border-radius:3px; border-radius:3px;}

/* CALLS */
#pane-pdf {background:url(http://cdn.4muladesign.com/images/pane-pdf.png) no-repeat; height:78px; margin:40px 0; width:300px;}
#pane-pdf ul {padding:47px 0 0 72px;}
#pane-pdf ul li {float:left;}
#pane-pdf ul li a {color:#75BEEA; text-decoration:none;}
#pane-pdf ul li a:hover {color:#00A2EF;}
#pane-pdf span.pipe {margin:0 9px;}
p a:hover.image-link {border:none;}
.note {background-color:#FEFFAF; border:1px dotted #DFDFDF; color:#787878; font-size:0.9em;	margin-right:3px; padding:3px 3px 1px;}
.highlight {color:#7AAF41;}

/* TOOLTIPS */
#footer #tip {font-size:1.2em; padding:25px 15px 20px; height:26px;}
#tip, #tip1, #tip2, #tip3 {background:transparent url(http://cdn.4muladesign.com/images/tooltip-pane.png) no-repeat; color:white; display:none;	height:33px; padding: 18px 15px 20px; width:140px; text-align:center; text-shadow:1px 1px 1px #999999; z-index:1000;}

/* SOCIAL */
.social {background:url(http://cdn.4muladesign.com/images/social_v4.png) no-repeat; display:block; position:relative; text-indent:-9999px;}
.pane-rounded {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; margin-bottom:40px;}
.pane-rounded li {float:left; height:46px;}
.pane-rounded li a {background:url(http://cdn.4muladesign.com/images/btn-calls.png) no-repeat; display:block; height:46px; text-indent:-9999px;}
#social.pane-rounded {float:left; padding:18px 0 15px 17px; width:283px;}
.pane-rounded ul#social-x2 li a {width:128px;}
.pane-rounded ul#social-x4 li a {width:65px;}
li a#fbook-add {background-position:0 0; margin-right:10px;}
li a:hover#fbook-add {color:white; background-position:0 -47px;}
li a#twitr-add {background-position:-128px 0;}
li a:hover#twitr-add {background-position:-128px -47px;}
li a#fbook-add-c {background-position:-768px 0; margin-right:2px;}
li a:hover#fbook-add-c {color: white; background-position:-768px -47px;}
li a#twitr-add-c {background-position:-833px 0; margin-right:2px;}
li a:hover#twitr-add-c {color: white; background-position:-833px -47px;}
li a#rss-add-c {background-position:-898px 0; margin-right:2px;}
li a:hover#rss-add-c {color: white; background-position:-898px -47px;}
li a#email-add-c {background-position:-963px 0; margin-right:2px;}
li a:hover#email-add-c {color: white; background-position:-963px -47px;}
ul#social-x4 {}
ul#social-x4 li span {color:white; display:block; font-weight:bold;	left:29px; position:relative; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); top:-30px; width:30px;}
#social-x4 li.hover span {display:none;}
.short-url {background:none repeat scroll 0 0 transparent; border:medium none; color:#75BEEA; font-family:Helvetica, Arial, Sans-Serif;	font-size:1em; height:12px; padding:0; text-align:right;}
.short-link .short-url {text-align:left;}
#short-share {float:right; font-size:1.2em; margin:12px 22px 0 5px;}
.tweetmeme_button {margin:2px 15px 0 0!important;}
#fblike_home {background:none; height:20px; position:relative; top:35px; width:100px;}
.fblike {float:right; height:20px; margin:5px; text-align:right; width:78px;}
.button_count .connect_widget_interactive_area .connect_widget_text {color:white!important;}
.fb_share {float:left;}
#dribbble.pane {margin:0 0 40px; padding:18px;}
a.dribbble-title {display:block; color:#C4C5C8; font-size:1.2em; text-align:center; text-decoration:none;}
a:hover.dribbble-title {color:#e54d86;}
a#dribbble-link {background-position:-123px -19px; height:18px; left:100px; width:68px;}
a:hover#dribbble-link {background-position:-123px 0;}
a.dribbble-shot img {background:#EFEFEF; margin:15px 0 10px 27px; padding:5px;}
#zootool {float:left; margin:40px 0; padding:18px 0 18px 18px; line-height:0px; overflow:hidden;}
#zootool-badge img {border:0px;}
#zootool-badge ul {margin:0px; padding:7px 0 0 7px;}
#zootool-badge li {float:left; list-style:none; margin:0 25px 25px 0; padding:1px; background:#fff;
-webkit-box-shadow:#d4d4d4 0px 0px 5px; -moz-box-shadow:#d4d4d4 0px 0px 5px; box-shadow:#d4d4d4 0px 0px 5px;}
#zootool-link {background-position:-72px -20px; height:18px; left:207px; margin:-11px 25px 0 0; width:49px;}
a:hover#zootool-link {background-position:-72px 0;}
#zootool-connect {margin:0 0 0 6px;/*left:-25px; position:relative; top:-73px;*/}
#instagram {float:left; padding:18px 0 12px 18px;}
.instaImg {-webkit-box-shadow:0 0 2px #5F5F5F; -moz-box-shadow:0 0 2px #5F5F5F; box-shadow:0 0 2px #5F5F5F; height:110px; width:110px;}
ul.instagram {margin:0; padding:7px 0 0 7px;}
ul.instagram li {float:left; list-style:none outside none; margin:0 25px 20px 0; padding:1px;}
a#instagram-link {background-position:-195px -29px; float:left; height:27px; left:91px; margin:-8px 0 0; width:80px;}
a:hover#instagram-link {background-position:-195px 0;}

/* INFO BUTTONS */
ul#further-info {height:103px;}
#further-info li {float:left;}
#further-info li a {background:url(http://cdn.4muladesign.com/images/btn-info.png) no-repeat; display:block; height:103px; text-indent:-9999px;	width:128px;}
li a#case {background-position:0 0!important; margin-right:11px;}
li a:hover#case, li a:focus#case {background-position:0 -103px!important;}
li a#port {background-position:-128px 0!important; margin-right:11px;}
li a:hover#port, li a:focus#port {background-position:-128px -103px!important;}
li a#brch {background-position:-256px 0!important; margin-right:11px;}
li a:hover#brch, li a:focus#brch {background-position:-256px -103px!important;}
li a#cont {background-position:-384px 0!important;}
li a:hover#cont, li a:focus#cont {background-position:-384px -103px!important;}

/* MODAL PANES */
.modal {display:none; left:50%; margin-left:-256px; min-height:300px; padding:12px; position:fixed; top:10%; width:512px;}
.form-top, .form-btm {background:url(http://cdn.4muladesign.com/images/form-slices.png) no-repeat; height:31px; width:512px;}
.form-top {background-position:0 0;}
.form-btm {background-position:0 -31px;}
.form-mid {background:url(http://cdn.4muladesign.com/images/form-slice.png) repeat-y; padding:0 50px 6px;}
#brochure .form-mid p, #signup .form-mid p {width:370px;}
.jqmOverlay {background-color: #fff;}
.wOverlay {background-color:#000; opacity:0.7!important;}
.jqmWindow {background:url(http://cdn.4muladesign.com/images/welcome.png) no-repeat; background-position:top left; display:none; height:409px; left:50%; margin-left:-480px; position:fixed;
text-align: center; top:125px; width:960px;}
#welcome-message {color:#00a6f2; float:left; font-size:2.4em; height:32px; margin:12px 0 0 27px;}
#welcome-message img {margin-right:8px; padding:4px 0 0; position:relative;	top:6px;}
#welcome-close {background:url(http://cdn.4muladesign.com/images/form-extras.png) -15px 0 no-repeat; cursor:pointer; display:block;	height:18px; left:925px; position:relative; text-indent:-9999px; top:18px; width:18px;}
a:hover#welcome-close {background-position:-15px -18px;}
#welcome-blog {background:none repeat scroll 0 0 white; color:#63BAEA; font-size:1.8em; height:50px; margin-left:20px; padding:5px; width:572px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* FORMS */
#contact-form {width:467px;}
fieldset {clear:both;}
.field {margin:0 0 15px; width:300px;}
.textfield {margin:0 0 20px; width:429px;}
.field label, .textfield label {background:url(http://cdn.4muladesign.com/images/form-labels.png) no-repeat; display:block;	text-indent:-9999px;}
label#labName, #comments-form label#labName {background-position:0 0; height:17px; margin-bottom:5px;}
label#labEmail {background-position:0 -17px; height:18px; margin-bottom:5px;}
label#labPhone {background-position:0 -35px; height:22px; margin-bottom:3px;}
label#labMessage {background-position:0 -57px; height:21px; margin-bottom:3px;}
label#labWebsite {background-position:0 -78px; height:18px; margin-bottom:3px;}
label#labComment {background-position:0 -96px; height:18px; margin-bottom:5px;}
.field input.required, .field input.optional, .textfield textarea, input#captcha {border:none; color:#565656; font-family:Helvetica, Arial, Sans-Serif;	font-size:15px; margin:0;}
.field input.required {background:url(http://cdn.4muladesign.com/images/form-fields.png) no-repeat;}
.field input.optional {background:url(http://cdn.4muladesign.com/images/form-fields.png) no-repeat 0 -173px;}
.field input.required, .field input.optional {height:17px; padding:10px 12px 7px; width:254px;}
.textfield textarea {background:none; height:117px;	padding:11px 12px; resize:none; width:384px;}
#textfield_bkg {background:url(http://cdn.4muladesign.com/images/form-fields.png) 0 -34px no-repeat; height:139px;}
input#captcha {background:url(http://cdn.4muladesign.com/images/form-fields.png) no-repeat scroll 0 0 transparent; float:left; font-size:18px; height:29px; margin:4px 0;	padding:5px 8px 0 7px; text-align:center; width:26px;}
.field-c {width:409px;}
.field-c #submit {float:right;}
.field-c label {color:#0097EA; display:inline; float:left; font-family:Helvetica,Arial,Sans-Serif; font-size:18px; margin:15px 7px 0 0;}
input#name {background-position:0 0;}
input#email {background-position:0 0;}
input#message {background-position:0 -34px;}
input#captcha {background-position:-278px 0;}
input#send-button {background:url(http://cdn.4muladesign.com/images/btn-calls.png) -256px 0 no-repeat; margin-left:8px;}
input#get-button {background:url(http://cdn.4muladesign.com/images/btn-calls.png) -384px 0 no-repeat; margin-left:-4px;}
input#signup-button, #signup-button {background:url(http://cdn.4muladesign.com/images/btn-calls.png) -512px 0 no-repeat; margin-left:-4px;}
input#comm-button {background:url(http://cdn.4muladesign.com/images/btn-calls.png) -640px 0 no-repeat; margin:0 5px 0 -4px;}
input#send-button, input#get-button, input#signup-button, input#comm-button, a#signup-button.trig-s {border:none; cursor:pointer; height:46px; padding:0; text-indent:-9999px; width:128px;}
a#signup-button.trig-s {display:block;}
input#send-button:hover {background-position:-256px -47px; border:none;}
input#get-button:hover {background-position:-384px -47px; border:none;}
input#signup-button:hover, a:hover#signup-button.trig-s {background-position:-512px -47px; border:none;}
input#comm-button:hover {background-position:-640px -47px; border:none;}
a.form-close {background:url(http://cdn.4muladesign.com/images/form-extras.png) -15px -18px no-repeat; display:block; height:18px; left:406px; position:relative; text-indent:-9999px; top:7px;	width:18px;}
a:hover.form-close {background-position:-15px 0;}
span.error.checked {background-position:0 -18px; height:18px; margin:7px 0;}
span.error {background:url(http://cdn.4muladesign.com/images/form-extras.png) 0 0 no-repeat; display:block;	float:right; height:15px; margin:9px 0; text-indent:-9999px; width:15px;}
#loading {position:relative;top:6px; visibility:hidden;}
#verifyError {background:url(http://cdn.4muladesign.com/images/form-extras.png) no-repeat scroll 0 0 transparent; display:none; float:left; height:15px; margin:14px 0 0 7px; text-indent:-9999px; width:15px;}
#verifyError p {color:#A45C57;}
.success, .success2 {clear:both; width:408px;}
.success p, .success2 p, .comment-success p {color:#00B600; margin:10px 0 0;}
#contact .success p {float:right; margin:5px 3px 0 0;}
.arrow {background:url(http://cdn.4muladesign.com/images/form-extras.png) 0 0 no-repeat; display:block;	float:right; height:15px; margin:9px 0; text-indent:-9999px; width:15px; visibility:hidden;}
#cm-name, #name, input#author {text-transform:capitalize;}
span.info-small {display:block;	color:#8B9EA0; font-size:xx-small; line-height:13px; margin:15px 5px 5px 0;}
span.info-small a {color:#63BAEA; text-decoration:none;}
span.info-small a:hover {color:#00A2EF;}
.warn {color:#A45C57;}
#sub {margin:10px 0 0;}

/* OTHER */
.inline-left, .inline-right {border:1px solid #5F5F5F; padding:2px;}
.inline-left {float:left; margin:0 15px 10px 0;}
.inline-right {float:right; margin:0 5px 15px 10px;}
.twitter-share-button {float:left;}
#tweetBtn {float:left; margin:4px 10px 0 0;}
ul#shareBtm {height:23px;}
li#fblikeBtm {float:left; margin:0 20px;}
li#googPlus {float:left; margin:0 17px 0 0;}
li#linkdShr {float:left;}
ul#shareBtm li.short-link {float:left; font-size:12px; margin:3px 0 0 35px;}
img#wpstats{visibility:hidden}

/* TABLES */
.postTable1 {background:none repeat scroll 0 0 white; border:1px solid #17B3BF; color:#7F7F7F; font-size:12px; margin:0 0 15px; width:578px;}
.postTable1 thead tr {background:none repeat scroll 0 0 #17B3BF; color:white; font-weight:normal;}
.postTable1 thead tr th {padding:5px;}
.postTable1 tbody tr td {border-right:1px solid #BCBDC0; padding:5px; text-align:center;}
.postTable1 tbody tr td:last-child {border:0;}

/* RELATED */
#related {float:left; width:547px;}
#related ul {float:left; margin:5px 0 0 5px;}
#related ul li {float:left; margin:0 32px 0 0;}
#related ul li a span {color:#C4C5C8; display:block; font-size:11px; width:95px; -webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
#related ul li:last-child {margin:0;}
#related ul li a:hover span {color:#00A2EF;}