/*  
Theme Name: Friend
Description: Designed by <a href="http://www.core-marketing.co.uk">Core</a> built by <a href="http://www.daveworth.co.uk">Dave Worth</a>
Author: Dave Worth
*/


/* 
   * Default HTML tags 
   */
.txt-pink			{ color:#ff3971}
.txt-blue			{ color:#64c5f6}

.txt-medium			{ font-size: 1.3em;}

h1					{ display:block;}
p					{ margin: 0 0 .9em 0;}
   
a {
    color: #474747;
    }

a:visited {
            color: #474747;
            text-decoration: underline;
}

a:hover {
	text-decoration:none;
}

acronym, abbr {
                cursor: help;
                }

blockquote {
	border-left: 3px solid #474747;
	margin-left: 15px;
	padding-left: 5px;
}

body {
       background-color:#FFF;
       color: #474747;
       font-size: 78%;
       font-family:Arial, Helvetica, sans-serif;
       margin: 0 auto;
       padding-top:20px;
       text-align: center;
       }

cite {
	font-style: normal;
	display:block;
	margin-bottom:3px;
	color:#000;
	font-weight:bold;
}

div.clear			{ clear:both;}

img { 
	border:	none;
      }

img a:link { 
      padding: 3px;
      margin-bottom: 5px;
      border: 1px solid #00b3ee;
      }

img a:hover { 
      padding: 3px;
      margin-bottom: 5px;
      border: 1px dotted #474747;
      }

img.alignright{
	display:inline;
	float:right;
	margin:0 0 10px 10px;
}

img.alignleft{
	/*display:inline;*/
	float:left;
	margin:0 15px 15px 0;
}


li { 
     margin: 0;
     padding: 0;
     list-style-type: none;
     }


ol#comments li p {
                   font-size: 100%;
                   }

ul { 
     margin: 0;
     padding: 0;
     }

/*
   * Classes
   */

/* The credits at the bottom of the site */
#credit {
          color: #fefefe;
          font-size: 11px;
          width: 100%;
          text-align: center;
          margin: 0 auto;
          padding: 0px 0 0px 0;
          clear: both;
         
          }

#credit a, 
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
                          color: #underline;
                          }

#credit img { 
      padding: 0px;
      border: 0px;
      }



/* For the blog tagline */


/* Link to the comments */
.feedback {
            color: #474747;
            text-align: right;
            padding-bottom: 15px;
            font-size: 11px;
            clear: both;
            text-transform: lowercase;
            }

.feedback a, .feedback a:visited {             color: #474747;
                            text-decoration: none;
                            font-weight: bold;
                            }
.feedback a:hover, .feedback a:visited:hover { 
                            text-decoration: underline;
                            }

/* The post informations */
.meta { 
        font-size: 0.9em;
        }

.meta li, 
ul.post-meta li { 
                  display: inline;
                  }

.meta ul { 
           display: inline;
           list-style: none;
           margin: 0;
           padding: 0;
           }

.meta a { 
          color: #474747;
          text-transform: lowercase;
          text-decoration: none;
          font-weight: bold;
          }

.meta a:hover { 
          color: #474747;
          text-transform: lowercase;
          text-decoration: underline;
          }
.meta { 
        color: #474747;
        font-weight: normal;
        letter-spacing: 0;
        font-size: 11px;
        }


/* Comment form design */
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
                        background: #fefefe;
                        border: 3px solid #64C5F6;
                        color: #474747;
						padding:3px;
						font-size:12px;
                        }

#commentform label		{ color:#FFF;}

#commentform textarea {
	width: 95%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}

#commentlist li ul {
	border-left: 1px solid #d6d5d1;
	font-size: 110%;
}

ol#commentlist li { 
                  list-style: decimal;
                  }
#content {
           float: left;
           width: 507px;
           padding: 15px;
           text-align: left;
           /*display: inline;*/
		   background-color:#64c5f6;
		   position:relative;
		   line-height: 1.5em;
		   /*display:block;*/
           }
#content a,
#content a:visited		{ color: #ff3971;}

a.rss-nipple			{ position:absolute; top:0; left:-18px; }

div.content-wideCol		{ width:645px !important;}

#content ul,
#content ol{ 
			  margin:10px 0 10px 25px;
              }

#content ul li,
#content ol li{ 
                 list-style-image: none;
				 font-size:1.1em;
				 list-style-type:disc;
                 }

#content ol li { 
                 list-style: decimal;
                 }


#content-big {
           float: left;
           width: 582px;
           margin: 0px 0px 0px 2px;
           padding: 0px 8px 10px 8px;
           display: inline;
           text-align: justify;
           }

.entry {
	   clear:both;     
       }

.post {
	height:auto;
	}

img.quote-open		{ float:left; margin:0 10px 10px 0; }
img.quote-close		{ float:right; margin:-5px 0 0 10px;}

#content h1.pagetitle		{ color:#FFF; font-size:1.3em; margin:0 0 15px 0; font-weight:normal}

	
.post,
#content .postindex 		{ padding: 15px 15px 30px 15px; background:#FFF url('images/layout/post-bottom.png') no-repeat bottom right; margin-bottom:15px;  }
#content .post-header					{ position:relative; margin-bottom:20px; padding-left:75px; min-height:60px; height:auto !important; height:60px; }
#content .post-header img.photo			{ position:absolute; top:0; left:0;  }
#content .post-header a,
#content .postindex h2 a:visited { 
                     text-decoration: none;
                     color: #ff3971;
                     }

#content .postindex h2 a:hover,
#content .postindex h2 a:visited:hover { 
                     text-decoration: none;
                     color: #474747;
                     }

#content p, #content .postindex dl,#content .postindex ul {
	color: #474747;
	margin: 0 0 0.7em 0;
	font-size:1.1em;
	}


#content .postindex li, #content .postindex ul {
	color: #474747;
	}
	
#content .postindex dl dt {
	font-weight: bold;
	}
	
#content .postindex dl dd {
	margin: 0 0 0.4em 0;
	}
	
#content .postindex blockquote p {
	margin: 0 0 0 2em;
	border-left: 5px solid #474747;
	padding: 0 0 0 1em;
	color: #666;
}
	

#content .post-data					{ font-size:.8em; line-height:1.4em;}
#content .post-data	span			{ /*display:block; float:left;*/ padding-right:10px; line-height:1.4em;}
#content .post-data	a				{ color:#ff3971; }
#content .post-data	a:hover			{ text-decoration:underline;}

#comments-container						{ background-color:#0096e1; padding:15px; margin-top:20px; width:78%}
#comments-container p					{ color: #FFF; font-size:13px;}
#comments-container h2,
#content #comments-container h2 a,
#comments-container p,
#comments-container a,
#authorinfo								{ }
#authorinfo,
#comments-container a					{ color:#FFF;}
#content #comments-container h2 		{ color:#FFF; font-size:1.4em !important; margin-bottom:15px;}
#content #comments-container h2 a		{ color:#FFF;}
#comments-container	ol					{ margin:0; padding:0;}
#comments-container	ol li				{ padding:10px; margin-bottom:15px; border:1px dashed #0096E1; list-style:none; background-color:#FFF;}
#comments-container	ol li a				{ color:#ff3971}
#comments-container	#authorinfo			{ margin-bottom:10px;}

#content h2 {
     font-size: 1.6em;
     font-weight: normal;
	 color:#ff3971;
	 margin:0 0 3px 0;
	 line-height:1.1em;
}

#content h2 a,
#content h2 a:visited { 
                     text-decoration: none;
                     color: #FF3971;
                     }

#content h2 a:hover,
#content h2 a:visited:hover { 
                     text-decoration: none;
                     color: #474747;
                     }

	

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
width: 550px; /*width of featured content slider*/
height: 150px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 550px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 150px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 550px; /*Width of pagination DIV. Total width should equal slider's outer width */
text-align: right;
background-color: fff;
padding: 0px 5px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00b3ee;
background: #474747;
}

.pagination a:hover, .pagination a.selected{
color: #000;
}	

#slider4{
border: 1px solid #474747;
background: fff;
margin-left: 14px;

}

#paginate-slider4{
border-color: #474747;
margin-left: -19px;
}

#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 1px solid #00b3ee;
margin-top: 5px;
background: #fefefe;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 1px solid #474747;
}

#header {
	color:#000;
	margin-bottom:2.75em;
	/*position:relative;*/
}

.header-title {        
	
	}
.header-title a{
	color:#fefefe;
	text-decoration:none;
	border-bottom:none;
	display:block;
	background:url(images/layout/logo.png) no-repeat 0 0;
	width:273px;
	height:101px;
	text-indent:-999em;
	display: none;
	}
.header-title a:hover{
	color:#5eddff;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
        font-size: 11px;
        
        font-weight: normal;
	color:#fefefe;
	padding: 3px 0 0 202px;
	text-align:left;
	}
#header img.logo				{ display:block;}

#search {
	height: 34px;
	position:absolute;
	right:0;
	top:65px;
	text-align:right;
}


ul#menu {
	/*float: right;*/
	height: 32px;
	padding-top: 1px;
	padding-bottom: 1px;
	display:block;
	z-index: 20;
	border:1px solid #FFF;
	position:absolute;
	right:0;
	top:0;
}

#menu li {
	float: left;
	display: block;
	/*height: 32px;*/
	/*margin-left:1px;
	border-left:1px solid #FFF;*/
}

#menu li ul li {
	/*height: 24px;
	width: 100%;*/
}

#menu li a {
	display: block;
	padding:0 15px;
	line-height: 32px;
	font-size: 1.3em;
	color: #666;
    text-decoration: none;
}

#menu li.current_page_item a,
#menu li.current_page_parent a,
#menu li a:hover {
	color: #FFF;
	background-color:#ff3971;
}

#menu ul {
	/*display: none;*/
	z-index: 99;
	position: absolute;
	/*width:200px;*/
	left: -999em;
}

#menu ul li a {
	display: block;
	background: #FFF;
}

#menu li ul a:hover {}

#menu ul a {
	display: block;
}

#menu ul ul {
	margin-top: -27px;
	display: none;
	/*margin-left: 198px;*/
	position: absolute; 
}

#menu li:hover ul ul {
	display: none;
}
#menu li:hover ul {
	left:auto; position:fixed;
}
#menu ul li:hover ul {
	left:auto; position:fixed;
}
#menu li ul li {
	display: block;
	width: 100%;
}

#menu li.page_item ul {
	width: 200px;
}

#menu li.page_item a {
	display: block;
}

#menu li.page_item a:hover {

}

#menu li.page_item ul li a {
	display: block;
	text-align: left;
	/*height: 24px;
	line-height: 24px;*/
	line-height:1.4em;
	background: #555;
	padding:3px 15px;
	color: #FFF;
	font-size:1em;
    text-decoration: none;
}

#menu li.page_item ul li a:hover {
	background: #ff3971;
	color: #FFF;
}

/*
Search form CSS
*/
.searchform {
	display: inline;
}

.searchform fieldset {
	/*(display: inline;*/
	border:none;
	margin-top: 1px;
	padding-top: 4px;  
}

.searchform label {
	vertical-align: middle;
	display: inline;
	margin-right: 5px;
	font-size: 1.2em;
	color: #666;
	font-weight: normal;
}

.searchform input {
	vertical-align: middle;
	display: inline;
}

.searchinput {
	background: #FFF;
	border: 1px solid #666;
	width: 184px;
	padding: 3px 3px 4px 3px;
	color: #ff3971;
	font-size:1.2em;
}

.searchbutton {
	background: url(images/layout/btn-search.png) no-repeat;
	width: 43px;
	height: 28px;	
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
	border:none;
	margin-top:1px;
}


#footer { 
          width: 100%;
          height: 45px;
          margin: 0 auto;
          font-size: 11px;
	  color: #fefefe;
          background: #444 url(images/layout/bkgd-footer.png) repeat-x 0 0;
		  margin-top:15px;
          }

 
#footer a {
                          color: #5eddff;
                          text-decoration: none;
                          font-weight: bold;
                          } 
#footer a:hover {
                          color: #5eddff;
                          text-decoration: underline;
                          }
#footer a:visited {
                          color: #5eddff;
                          text-decoration: none;
                          }
#footer a:visited:hover {
                          color: #5eddff;
                          text-decoration: underline;
                          }

/* 
   * Left sidebar 
   */
#menu-right,
#menu-right-single { 
             float: right;
             width: 385px;
             display: inline;
			 border-right:1px solid #CECECE;
			 padding-right:10px;
             }
#menu-right-single		 	{ width:228px;}
#menu-right h3,
#menu-right-single h3	{
     margin: 0 0 5px 0;
     font-weight: bold;
     color: #474747;
	 font-weight:bold;
	 font-size:1.2em;
}

div.articles								{ clear:both;}
div.articles div.col-article				{ float:left; width:46.5%; }
div.articles div.col-article li				{ background:url('images/layout/icon-arrow.png') no-repeat left 1px; padding-left:18px; }
div.articles div.col-news					{ margin-left:12px; padding-left:12px; border-left:1px solid #CECECE}

#menu-right-single div.articles						{ margin-bottom:20px; padding-bottom:0; border-bottom:1px solid #CECECE}
#menu-right-single div.col-article					{ float:none; width:auto; }
#menu-right-single div.articles div.col-news		{ margin-left:0; padding-left:0; border:none; }

h4 {
     color:#474747;
     font: bold 16px Arial, Helvetica, sans-serif;
     margin: 0px 0 5px 0;
     padding: 36px 0 36px 100px;
     font-weight: bold;
     width: 320px;
     background: url("images/FeaturedVideo.png") center left no-repeat;
     text-align: left;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#wrapper{
	
}
.box{
	overflow: auto;
}
.boxholder p{
	margin: 0;
	padding: 5px;
	line-height: 1.5em;
	text-align: justify;
	color: #474747;
}
.boxholder{
	clear: both;
	padding: 0 2px 2px;	
}
.tab {
	padding: 0;
}

#tabbedcontent {
	/*border: 1px solid #00b3ee;	
	background: #fefefe;*/
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px solid #CECECE;
	border-top:1px solid #CECECE;

}

ul.linkedIn						{ margin-top:25px; clear:both;}
ul.linkedIn li					{ list-style:none; position:relative; }
ul.linkedIn li a				{ display:block; color:#ff3971; padding:2px; }
ul.linkedIn li img				{ }
ul.linkedIn li span				{ position:absolute; top:25px; left:75px; font-weight:bold;}
ul.linkedIn li a:hover			{ color:#FFF; background-color:#ff3971}
ul.linkedIn li a:hover img		{ }

#social-action 					{ height:60px; margin-top:10px;}
#social-action span				{ display:block; float:left; background-position:0 0; background-repeat:no-repeat; }
#social-action span.twitter		{ background-image:url('images/layout/action-twitter.png'); width:137px; height:10px; padding:25px 12px 25px 50px; }
#social-action span.facebook	{ background-image:url('images/layout/action-facebook.png'); width:86px; height:31px; padding:8px 10px 0 43px; margin:17px 0 0 4px}
#social-action span	a			{ color:#ff3971; }
#social-action span	a:hover		{ text-decoration:none;}


.menu1 { 
             float: left;
             width: 46.5%;
display: inline;

             }

.column ul 					{ margin-bottom:25px;}

.col-article li,
.column ul li{ 
	margin: 5px 0px;
}

.column ul.subscribe li.rss a		{ background:url('images/layout/icon-rss-small.png') no-repeat left 1px; padding-left:18px;}

.col-article a,
.col-article a:visited,
.column a,
.column a:visited { 
	text-decoration: none;
}

.column ul.subscribe li.rss a:hover,
.column ul.subscribe li.rss a:visited:hover,
.col-article a:hover,
.col-article a:visited:hover,
.column a:hover,
.column a:visited:hover  { 
	background-color:#e3e3e3;
}

.column ul ul { 
	margin-left: 0px;
}

.column ul ul li { 
	list-style-image: none;
}

.column img { 
      padding: 3px;
      border: #00b3ee 1px solid;
      margin-bottom: 5px;
      background: #fefefe;
      }

.column a:link img  { 
      padding: 3px;
      border: #00b3ee 1px solid;
      margin-bottom: 5px;
      background: #fefefe;
      }

.column a:hover img  { 
      padding: 3px;
      border: #474747 1px solid;
      margin-bottom: 5px;
      background: #fefefe;
      }
	  
#tag-cloud	{ margin-bottom:10px; /*padding-bottom:10px;*/ border-bottom:1px solid #CECECE;}



.menu2 { 
             float: left;
             width: 46.5%;
margin-left:12px;
padding-left:12px;
display: inline;
	border-left:1px solid #CECECE;
}


/* End of left sidebar */
input#s {
          width: 158px;
          border: 1px solid #474747;
          color: #474747;
}

#footer-child,
#rap { 
       width: 950px;
       margin: 0 auto;
       text-align: left;
	   position:relative;
       }
	   
#footer-child	{ text-align:right; padding-top:10px;}	   
#footer-child p	{ margin-bottom: 0;}


#searchbutton { 
                margin-top: 2px;
                }

.page			{ background-image:none; padding-bottom:15px;}
#content .page h2		{ margin-bottom:15px;}


#intro-text				{ display:block; margin-bottom:25px; }
#intro-text a,
#intro-text a:visited	{ color:#ff3971}
#intro-text h1			{ font-size:1.3em; color:#474747; margin:0 0 .7em 0; font-weight: normal;}
#intro-text	p			{ font-size:1.3em; line-height: 1.3em}


.author-container					{ padding:15px; border:1px solid #CECECE; width:505px; margin:-15px 0 15px 0; position:relative; min-height:150px; height:auto !important; height:150px;}
.author-container img				{ position:absolute; top:0; left:0; border:15px solid #ff3971 }
div#author-info						{ width:300px; margin-left:180px;}
.author-container span				{ /*display:block;*/}
.author-container span.name			{ font-size:1.4em; color:#ff3971;}
.author-container span.desc			{ margin-top:15px;}

.sociable_tagline					{ margin-bottom:7px}

.twitter							{ float:left; width:46.5%;}
#twitter_box2						{ margin-left:12px; padding-left:12px; }
.ui-tabs .ui-tabs-panel div.twitter h3					{ margin:0; font-size:1.1em !important}
.ui-tabs .ui-tabs-panel div.twitter ul					{ margin:0; padding:0;}
.ui-tabs .ui-tabs-panel div.twitter li					{ list-style:none; margin:0; padding:0; font-size:.8em; margin-top:10px}
.ui-tabs .ui-tabs-panel div.twitter li span			{ }
.ui-tabs .ui-tabs-panel div.twitter li a,
.ui-tabs .ui-tabs-panel div.twitter li a:visited		{ color:#ff3971; text-decoration:underline}
.ui-tabs .ui-tabs-panel div.twitter li a:hover			{ text-decoration:none;}

#footer-nav-links a,
#footer-nav-links a:visited			{ background-color:#ff3971; padding:3px 7px; text-decoration:none; color:#FFF; margin-right:10px; }
#footer-nav-links a:hover			{ background-color:#FFF; color:#474743;}


.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}