/*

Theme Name: RCKomm Asilia

Theme URI:

Description: a search-engine optimized wordpress theme for RCKomm SA

Author: Asilia Creative/Africlub

Author URI: http://weareasilia.com

Version: 1.2.0

Tags: custom



.

Copyleft: Developed for Asilia Creative by Afrix.anadu Studio, 2011-14

Credits: thanks to Ian Stewart (http://themeshaper.com/author/superuser/) for his tutorial on building custom WordPress themes

.



*/



/* Reset default browser styles */

@import url('styles/reset.css');



/* Rebuild default browser styles */

@import url('styles/rebuild.css');



/* Basic WordPress Styles */

@import url('styles/wp.css');



/*

LAYOUT: Two-Column (Right)

DESCRIPTION: Two-column fluid layout with one sidebars right of content

*/





@font-face {

    

font-family: 'Museo300';

    

src: url('fonts/Museo300-Regular-webfont.eot');

    

src: url('fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Museo300-Regular-webfont.woff') format('woff'),

         

  url('fonts/Museo300-Regular-webfont.ttf') format('truetype'),

         

  url('fonts/Museo300-Regular-webfont.svg#Museo300') format('svg');

    

font-weight: normal;

    font-style: normal;





}









@font-face {

    

font-family: 'Museo500';

    

src: url('fonts/Museo500-Regular-webfont.eot');

    

src: url('fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Museo500-Regular-webfont.woff') format('woff'),

         

  url('fonts/Museo500-Regular-webfont.ttf') format('truetype'),

         

  url('fonts/Museo500-Regular-webfont.svg#Museo500') format('svg');

    

font-weight: normal;

    font-style: normal;





}









body{

background:#fff;margin:0 0px;font:italic 14px/160% Georgia,serif;color:#333

}

a{

color:#000; text-decoration:none

}

a:hover, .yellow-links a{

color:#fce72c

}
.yellow-links a:hover{ text-decoration: underline }

h3{

padding:3px 9px;font: 14px Museo500,serif;

color:#fff;position:relative;z-index:2;background:#000;width:120px

}

h3 a{

color:#fff

}

h3 a:hover{

color:#fce72c

}

h3.grey{

background:#e5e5e5;color:#000;margin:10px 0 0;width:80px

}

h3.none{

height:30px;background:#fff;color:#252525

}

h3.light{

background:#f5f5f5;color:#000

}

h3.light2{

background:#f5f5f5;color:#000;padding-left:0

}

h3.alt{

font-size:14px;width:200px;background:#000

}

.alt:hover{

color:#fce72c

}

h4{

font:italic bold 12px Georgia,serif;color:252525;background:url('images/Arrow-end.jpg') no-repeat right #fce72c;padding:0 3px;

display:inline

}

.h3wrapper{

height:50px;margin-bottom:-19px

}

.menuclass{

font:13px Museo500,'trebuchet ms',sans

}

.new-wrapper { 

float: left; width: 230px; height: 270px;margin: 0px 0px 10px 

}

.hpg-wrapper { 

float: left; width: 230px; height: 250px;padding-bottom:13px; margin: 0px 0px 10px

}

.spacer{

width:15px;float:left

}

.new-wrapper2 { 

float: left; width: 230px; height:230px;margin: 0px 0px 10px

}  

.new-wrapper2 h3{

  text-transform: uppercase;

}

.entry-title{

background:url('images/Page-title-arrow.jpg') no-repeat;width:847px;height:80px;padding:20px;float:right;

margin-bottom:-25px;text-decoration:none;font: 35px Museo300,sans

}

.title-wrap{

height:45px;width:350px;border-bottom:3px solid #000

}

.logo{

width:82px;height:80px;background:url('images/RCKOMM-logo.jpg') no-repeat;float:right;margin-top:25px

}

.pageimage{

clear:both;margin:0px 0 0 12px;border-bottom:1px solid #f5f5f5;padding-bottom:12px

}

.slider-imgs{

clear:both;text-align:both;width:718px;margin:0;border:0

}

.entry-content{

clear:both;line-height:160%

}

.more-link{

margin-right:50px;text-decoration:underline;font-style:italic

}

.excerpt-alt{

font:18px/150% Museo500,sans;text-decoration:underline;

}

.search-res{

font:italic 14px Georgia,serif;color:#333;text-decoration:underline

}

.sidebar-video{

margin-top:440px;float:right

}

.sidebar-video2{

margin-top:140px;float:right

}

.sidebar-video3{

margin-top:-276px;float:right;width:230px

}

.sidebar-title{

background:#252525;color:#000;margin:0 0 9px;font:14px Museo500,sans;padding:5;position:relative;z-index:3;display:inline

}

.vid-mailinglist{

}

.underline{

text-decoration:underline

}

.inl{

display:inline

}

.d10p{

margin-bottom:10px

}

.italic-font{

font:italic 14px 'Georgia',serif

}

.video_style{

margin-top:10px;margin-bottom:22px

}

.video_style2{

margin-left:12px

}

#wrapper{

margin:0 auto;width:980px;margin-top:7px

}

#header{

margin:0

}



/* ------------menu begins------------- */



#main-nav{

float:left

}

#main-nav, #foot-nav  {

    height: 30px;width:780px;display:inline

}

#main-nav ul, #foot-nav ul {

    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

}

#main-nav li, #foot-nav li  {

    display: block;

    float: left;

    line-height: 30px; /* this should be the same as your #main-nav height */

    height: 30px; /* this should be the same as your #main-nav height */

    margin: 0; padding: 0; /* only needed if you don't have a reset */

    position: relative; /* this is needed in order to position sub menus */

}

#main-nav li a, #foot-nav li a {

    color:#000;

    display: block;

    height: 30px;

    line-height: 30px;

    margin: 0 15px;

}

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {

    color: #252525;

    border-bottom:3px solid #fce72c

}

#foot-nav a:hover{

    color: #fce72c

}



/* -----------menu ends----------- */





/* -----------social icons begin ----------------*/



#social{

float:right;width:235px;padding:0;margin:0

}

#maillist,#twitter,#email,#linkedin,#youtube,#rss{

float:right;width:30px;height:30px;margin-left:9px

}

#maillist{

background:url('images/facebook.png') no-repeat

}

#maillist:hover{

background:url('images/facebook ro.png') no-repeat

}

#twitter{

background:url('images/twitter.png') no-repeat

}

#twitter:hover{

background:url('images/twitter-roll-over.png') no-repeat

}

#email{

background:url('images/email.png') no-repeat

}

#email:hover{

background:url('images/email-roll-over.png') no-repeat

}

#linkedin{

background:url('images/linked-In.png') no-repeat

}

#linkedin:hover{

background:url('images/linked-In-roll-over.png') no-repeat

}

#youtube{

background:url('images/YouTube.png') no-repeat

}

#youtube:hover{

background:url('images/YouTube-roll-over.png') no-repeat

}

#rss{

background:url('images/RSS.png') no-repeat

}

#rss:hover{

background:url('images/RSS-roll-over.png') no-repeat

}



/* ----------- social icons footer ----------------*/



#maillist-foot,#twitter-foot,#email-foot,#linkedin-foot,#youtube-foot,#rss-foot

{

float:right;width:20px;height:30px;margin-left:9px

}

#maillist-foot{

background:url('images/facebook f.png') no-repeat

}

#maillist-foot:hover{

background:url('images/facebook f ro.png') no-repeat

}

#twitter-foot{

background:url('images/footer-Twitter.png') no-repeat

}

#twitter-foot:hover{

background:url('images/footer-Twitter-roll-over.png') no-repeat

}

#email-foot{

background:url('images/footer-email.png') no-repeat

}

#email-foot:hover{

background:url('images/footer-email-roll-over.png') no-repeat

}

#linkedin-foot{

background:url('images/footer-Linked-In.png') no-repeat

}

#linkedin-foot:hover{

background:url('images/footer-Linked-In-roll-over.png') no-repeat

}

#youtube-foot{

background:url('images/footer-YouTube.png') no-repeat

}

#youtube-foot:hover{

background:url('images/footer-YouTube-roll-over.png') no-repeat

}

#rss-foot{

background:url('images/footer-RSS.png') no-repeat

}

#rss-foot:hover{

background:url('images/footer-RSS-roll-over.png') no-repeat

}



/* -----------social icons end ----------------*/

#download-img{

background:url('images/download-arrow-white.jpg') no-repeat right;width:height:10px;

}

#download-img:hover{

background:url('images/download-arrow-yellow.jpg') no-repeat right;

}

#go-img{

background:url('images/go-arrow-white.jpg') no-repeat right;width:height:10px;

}

#go-img:hover{

background:url('images/go-arrow.jpg') no-repeat right;

}

#footer-arrow{

background:url('images/download-arrow-yellow.jpg') no-repeat right;

}



/* ------------page begins------------ */



#container, #hpg-container {

	float: left;

	background:#fff;

	font:italic 14px 'Georgia', serif;

	color:#333

}

#container{

	margin: 0 -230px 0px 0;

	width: 100%;

}

#container2{

	margin: 0 -250px 12px 0;

	width: 100%;

}

#hpg-container {

	margin: 0 0 0 12px;

	width: 100%;

}

#masthead{

margin:5px 0 0 0px;border-bottom:1px solid #ddd;padding:0

}

#masthead h1,h2,site-title{

color:#fff

}

#thumbnail{

position:relative;z-index:1

}

#caption{

background: #fff;padding:2px 10px;font:italic 14px Georgia,serif;color:#333;width:440px;margin:-87px 0 20px 20px;position:relative;

z-index:3

}

#content-wrapper{

margin-left:0px

}

#content {

	margin-left:12px;

	font:normal 14px 'Georgia', serif;

	padding:0px

}

#pg-content {

	margin:0 20px 0 12px;

	font:normal 14px 'Georgia', serif;

	width:470px;

	padding:0px;

	float:left

}

#blackbarrier2{

width:980px;color:#000;border:1px solid #000;margin:0 0 17px;float:left

}

#blackbarrier{

width:100%;color:#000;border:1px solid #000;margin:0 0 17px;float:left

}

#logos{

width:485px;height:220px;background:url('images/client-logos.jpg') no-repeat

}

#logos2{

width:100px;height:220px;background:url('images/partner-logos.jpg') no-repeat center top

}

#logos3{

width:122px;height:220px;margin-left:-15px

}

#form-capture{

width:153px;margin-left:-15px

}

#logos, #logos2{

border-right:1px solid #efefef;margin-right:2px

}

#logos, #logos2{

border-top:1px solid #efefef;margin-top:7px

}

#hpg1, #hpg2, #hpg3 {

float:left;margin-right:2px;

}

#hpg1{:

width:500px

}

#hpg2{

width:168px

}

#hpg3{

width:120px;float:left

}

#hpg-blurb{

width:230px;float:right;margin-left:5px;background:#fce72c;padding:1px 0 15px;margin-top:10px

}

#blurb-content{

font:18px/145% Museo500,sans;text-decoration:underline;width:190px;margin:0 auto

}

#blurb-footer{

margin-left:15px;font:italic 14px 'Georgia',serif;text-decoration:none;float:left

}

#pg-blurbwrapper{

width:238px;float:left;margin:20px 0 0 0;border-right:1px solid #f5f5f5

}

#pg-blurb{

width:230px;background:#fce72c;padding:1px 0

}

#pagevideo{

clear:both;float:left;margin-right:12px

}

#sidewind{

	position:relative;

	float:left;

	width:250px

}

#primary, #secondary, #third {

	float: left;

	overflow: hidden;

}

#side-testimonials, #side-testimonials2, #side-testimonials3,#side-testimonials4

 {

	float: right;overflow:hidden;

	width:230px;background:#fff;padding:0

}

#testimonials-box{

	background:#fce72c;width:200px;

	padding:15px;

	font-style:italic	

}

#ajax-more{

	font-weight:bold

}

#ajax-more a:hover{

	color: #fff; background:#fce72c

}

#side-testimonials{

margin-top:439px

}

#side-testimonials2{

margin-top:140px

}

#side-testimonials3{

margin-top:355px;margin-bottom:12px

}

#side-testimonials4{

margin-top:145px;margin-bottom:12px

}

#side-dwn{

margin-top:440px;margin-bottom:30px;width:230px;float:right

}

#side-dwn2{

margin-top:140px;margin-bottom:30px;width:230px;float:right

}

#primary{

width:230px

}

#secondary {

	clear: right;margin-right:20px;width:230px

}

#widget-area{

width:230px;font:italic 14px Georgia,serif

}

#xoxo{

margin-top:24px;list-style:none

}

#footer-spacer{

height:12px;width:100%;clear:both

}

#footerpane{

clear:both;background:#f5f5f5;width:980px;height:450px;margin:0 auto;padding:20px;

margin-top:12px

}

#footer-title{

height:25px;border-bottom:1px solid #ccc;margin-bottom:15px

}

#footer1-text, #twitter-feed, #footer3-text{

font:italic 12px/150% Georgia,serif;color:#333

}

#footer1{

width:480px;float:left;margin-right:20px

}

#footer-video{

float:right;width:230px

}

#footer1-text, #twitter-feed, #footer3-text{

width:215px

}

#footer1-text{

float:right;width:215px;margin-top:-12px

}

#footer2{

width:230px;float:left;margin-right:2px

}

#twitter-feed{

margin-left:-40px

}

#twitter-feed ul{

list-style:none

}

#twitter-feed li{

border-bottom:1px solid #e5e5e5;margin-bottom:-7px

}

#twitter-feed li span a{

color:#000;text-decoration:underline

}

#twitter-feed li a{

color:#ccc;text-decoration:none

}

#footer3{

width:230px;float:left

}

#footer3-text{

padding-left:3px

}

#footer {

	clear: both;

	width: 960px;

}

#colophon{

margin:0

}

#foot-menu{

height:30px;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0

}

#social{

margin-top:-30px

}

#site-info{

color:#ccc;font:italic 12px Georgia,serif;padding-top:5px;height:30px

}

#copyright{

float:left

}

#credits{

float:right

}

#access {

    margin: 0 0 1.5em 0;

    overflow: auto;

}

.skip-link {

    position:absolute;

        left:-9000px;

}

.menu ul {

    list-style: none;

    margin: 0;

}

.menu ul ul {

    display: none;

}

.menu li {

    display: inline;

}

.menu a {

    display: block;

    float: left;

}

#footer3{

font:italic 14px Georgia,serif;width:230px;float:left

}

#footer3-text{

margin:19px 0

}

#footer {

	clear: both;

	width: 960px;

}

#colophon{

margin:0

}

#foot-menu{

height:30px;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0

}

#social{

margin-top:-30px

}

#site-info{

color:#ccc;font:italic 12px Georgia,serif;padding-top:5px;height:30px

}

#copyright{

float:left

}

#credits{

float:right

}

#access {

    margin: 0 0 1.5em 0;

    overflow: auto;

}

.skip-link {

    position:absolute;

        left:-9000px;

}

.menu ul {

    list-style: none;

    margin: 0;

}

.menu ul ul {

    display: none;

}

.menu li {

    display: inline;

}

.menu a {

    display: block;

    float: left;

}



/* Email capture styling */



#mc_embed_signup, #mc-embedded-subscribe-form{ width:98% ;display:block;float:none }

#mc_embed_signup{ padding:0 15px }



#mc-embedded-subscribe-form{ color:#252525;font-size:11px;font-family:Georgia, serif }

#mc-embedded-subscribe-form a{ color:#000;text-decoration:underline;font-style:italic; }

#mc-embedded-subscribe-form a:hover{ color:#fce72c }



.mc-field-group label{ display:block;float:none;text-align:left;width:auto;color:#000;text-decoration:none;font-style:italic;font-weight:normal;font-size:12px;font-family:Georgia, serif;margin-top:15px }

.mc-field-group input, .mc-field-group input.text, .mc-field-group textarea{ background-color:#FFF;border:1px solid #CCC;color:#000;text-decoration:none;font-size:11px;font-family:Georgia, serif; }

#mce-FNAME, #mce-LNAME, #mce-EMAIL{  }

#mc-embedded-subscribe{ background-image:url("images/button bg.png");background-position:top left;background-repeat:repeat-x;background-color:#242413;border:1px solid #242413;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Museo500,serif; text-transform:capitalize;text-align:left;margin-top:10px }

#mc-embedded-subscribe:hover{ background-color:#000; background-image:none }







/* The defunct Aweber stuff: 

#af-form-237390458 .af-body .af-textWrap{

width:98%;display:block;float:none

}

#af-form-237390458 .af-body .privacyPolicy{

color:#252525;font-size:11px;font-family:Georgia, serif

}

#af-form-237390458 .af-body a{

color:#000;text-decoration:underline;font-style:italic;

}

#af-form-237390458 .af-body a:hover{

color:#fce72c

}

#af-form-237390458 .af-body input.text, #af-form-237390458 .af-body textarea{

background-color:#FFF;border-color:#CCC;border-width:1px;border-style:solid;color:#000;text-decoration:none;font-style:normal;font-weight:normal;font-size:11px;font-family:Georgia, serif;

}

#af-form-237390458 .af-body input.text:focus, #af-form-237390458 .af-body textarea:focus{

background-color:#fff;border:1px solid #ccc

}

#af-form-237390458 .af-body label.previewLabel{

display:block;float:none;text-align:left;width:auto;color:#000;text-decoration:none;font-style:italic;font-weight:normal;font-size:12px;font-family:Georgia, serif

}

#af-form-237390458 .af-body{

padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#574E1D;font-size:11px;font-family:Georgia, serif

}

#af-form-237390458 .af-quirksMode{

padding-right:15px;padding-left:15px

}

#af-form-237390458 .af-standards .af-element{

padding-right:15px;padding-left:15px

}

#af-form-237390458 .buttonContainer input.submit{

background-image:url("http://forms.aweber.com/images/auto/gradient/button/443.png");background-position:top left;background-repeat:repeat-x;background-color:#242413;border:1px solid #242413;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Museo500,serif; text-transform:capitalize;

}

#af-form-237390458 .buttonContainer input.submit{

width:auto

}

#af-form-237390458 .buttonContainer{

text-align:left

}

#af-form-237390458 button,#af-form-237390458 input,#af-form-237390458 submit,#af-form-237390458 textarea,#af-form-237390458 select,#af-form-237390458 label,#af-form-237390458 optgroup,#af-form-237390458 option{

float:none;position:static;margin:0

}

#af-form-237390458 div{

margin:0

}

#af-form-237390458 form,#af-form-237390458 textarea,.af-form-wrapper,.af-form-close-button,#af-form-237390458 img{

float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0

}

#af-form-237390458 input,#af-form-237390458 button,#af-form-237390458 textarea,#af-form-237390458 select{

font-size:100%

}

#af-form-237390458 select,#af-form-237390458 label,#af-form-237390458 optgroup,#af-form-237390458 option{

padding:0

}

#af-form-237390458,#af-form-237390458 .quirksMode{

width:153px

}

#af-form-237390458.af-quirksMode{overflow-x:hidden;}

#af-form-237390458{background-color:#fff;border-width:1px}

#af-form-237390458{display:block;}

#af-form-237390458{overflow:hidden;}

.af-body .af-textWrap{text-align:left;}

.af-body input.image{border:none!important;}

.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}

.af-body input.text{width:100%;float:none;padding:2px!important;}

.af-body.af-standards input.submit{padding:4px 12px;}

.af-clear{clear:both;}

.af-element label{text-align:left;display:block;float:left;}

.af-element{padding:5px 0;}

.af-form-wrapper{text-indent:0;}

.af-form{text-align:left;margin:auto;}

.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}

.lbl-right .af-element label{text-align:right;} */



/* Styling the footer image and twitter feed */



.footer-video img{ width:230px; 

	/* This would be for a perfect 4 x 3 aspect ratio, but who knows what'll be put here... 

	height:147px */

	height:auto

}

#example1 li p.interact{ display:none }

#example1 .timePosted{ margin:-7px 0 3px; color:#ccc }

p.tweet a, p.tweet a span{ color:#000; text-decoration:underline }

p.tweet a:hover, p.tweet a:hover span{ text-decoration:none}

#example li{ margin-top:-7px }



/* Accordion styling */

.accordion-title{ width:auto }


/* Homepage logo feature styling */

.homepage-clientlogo{ width: 430px; height: 210px; float:left;margin-top:15px }
.homepage-clientlogo img{ float:left; width: 140px; margin 0 auto}
.homepage-partnerlogo{ height: 225px; width: 120px; float:left}
.homepage-partnerlogo img{ height:60px; margin:0 auto }

.logos-link{ float:right;text-decoration:underline }