ƒ/*
Theme Name: St Loyes
Theme URI: http://rokkmedia.co.uk/clients
Description: This theme is developed for St Loyes Foundation by Rokk Media Ltd.
Version: 2.0
Author: Rokk Media Ltd
Author URI: http://rokkmedia.co.uk
*/

.sf-menu li:last-of-type a {
background:none;
}

.attachment-post-thumbnail{
	width: 180px;
	height: 100px;
	border: 1px solid #602E94; margin: 0 0 0 0; padding: 2px;
}

.latestAppealPic{
	width: 50px
	height: 70px;
	float: left;	
	margin: 40px 0 0 0;
}

.latestAppealPic img{
	width: 50px;
	height: 50px;
}

.latestAppealText{
	width: 150px;
	height: 70px;
	float: left;
	margin: 40px 0 0 10px;
}


.latestAppealText h3, .latestAppealText h3 a{
	font-size: 12px;
	color: #000;
}

.latestAppealText p{
	font-size: 11px; line-height:130%;
}


#followUs{
	background: url(images/follow-st-loyes.jpg) no-repeat;
	width: 280px;
	height: 115px;
	padding: 40px 0 0 0;
	margin: 0 0 20px 0;
	float: left;
}

.pagecontent table th, .pagecontent table td {
    border: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 10px 10px 9px;
    text-align: left;
    vertical-align: top;
}

.imgborder {border: 2px solid #c5c5c5; margin: 0 0 0 0; padding: 3px;}	

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: underline;
}


#list-grid-container .single-list-link p.cta {
  color: #411485!important;
  margin: 0;
}

#list-grid-container .single-list-link p.cta:hover {
    text-decoration: underline;
}

blockquote {
  display:block;
  background: #eaeaea;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #ff9900;
  border-right: 2px solid #ff9900;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote:before
 {
  color: #666;
  content: "\201C";
  font-size: 7em;
  position:absolute;
  left:5px;
  top: 0.5em;
  line-height: 0.1em;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

blockquote footer {
font-family: “futura-pt”, Arial, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 12px;
margin-bottom: 10px;
position:relative;
right:10px;
}

.collapseomatic {
font-size: 18px;
font-weight: bold;
color: #ff6600;
}

blockquote.highlight{
  display:block;
  background: #eaeaea;
  padding: 45px 10px 10px 35px;
  margin: 0 0 0 0px;
  position: relative;

  /*Font*/
  font-family: "Copperplate / Copperplate Gothic Light, sans-serif;
  font-size: 12px;
  line-height: 0.6;
  color: #602E94;
  text-align: left;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #602E94;
  border-right: 0px solid #401485;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote.highlight:before
 {
  color: #602E94;
  content: "\201C";
  position:absolute;
  left:8px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote.highlight::after{
  content: "\201D";
  font-size: 6em;
  position:absolute;
  right:5px;
  bottom: 2em;
  line-height: 0.1em;
}

blockquote.highlight a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote.highlight a:hover{
 color: #666;
}

blockquote.highlight em{
  font-style: italic;
}

blockquote.highlight footer {
font-family: “futura-pt”, Arial, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 11px;
margin-bottom: 15px;
padding: 5px 5px 5px 5px;
right:2px;
}

.imageborder {
	border: 1px solid #602E94; margin: 0 0 0 0; padding: 2px;
        -moz-box-shadow: 2px 2px 15px #ccc;
        -webkit-box-shadow: 2px 2px 15px #ccc;
        box-shadow: 2px 2px 15px #ccc;}

.imgcurve {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 15px #ccc;
        -webkit-box-shadow: 2px 2px 15px #ccc;
        box-shadow: 2px 2px 15px #ccc;
}

select {
  background: {
    color: $bg-color;
    image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1255/caret--down-15.png");
    position: right;
    repeat: no-repeat;
  }
  border: {
    color: mix($bg-color, black, 80%);
    radius: .2em;
    style: solid;
    width: 1px;
    right-color: mix($bg-color, black, 60%);
    bottom-color: mix($bg-color, black, 60%);
  }
  color: $text-color;
  padding: .33em .5em;
  width: 100%;
}

// Removes default arrow for IE10+
// IE 8/9 get dafault arrow which covers caret image
// as long as caret image is small than and positioned
// behind default arrow
select::-ms-expand {
    display: none;
}

#help h3 {
  color: #411485;
  font-size: 200%;
  line-height: 140%;
  margin: 40px 0px 30px 0px;
  clear: both;
}

.circle
{
    list-style-type: circle;
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.prev{
			background: url(images/prev.jpg) no-repeat;
			position: absolute;
			top: 100px;
			left: 20px;
			width: 25px;
height: 40px;
text-indent: -999px;
}

.next{
			background: url(images/next.jpg) no-repeat;
			position: absolute;
			top: 100px;
			left: 570px;
			width: 25px;
height: 40px;
text-indent: -999px;
}

.anyClass{
	width: 520px !important;
	margin-left: 40px;
}

.anyClass small{
	font-size: 11px;
}

.anyClass ul, .anyClass ul li{
	list-style: none !important;
	list-style-type: none !important;
}

.anyClass li{
	list-style: none !important;
	list-style-type: none !important;
	margin-left: 25px !important;
}

#jCarouselLite .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}
    #jCarouselLite .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLite .main {
        margin-left: 40px;
    }

    #jCarouselLite . em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual s. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLite .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLite .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLite .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLite .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLite .carousel ul {
            margin: 0;
        }
        #jCarouselLite .carousel li img, 
        #jCarouselLite .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
        #jCarouselLite .widget img {
            cursor: pointer;
        }
            #jCarouselLite .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLite .vertical {
                margin-left: 170px;
            }
                #jCarouselLite .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLite .imageSlider li img, 
            #jCarouselLite .imageSlider li p, 
            #jCarouselLite .imageSliderExt li img , 
            #jCarouselLite .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/

/***** Text Slider *****/

#slides2{
			width:200px;
			height:100px;
			position:relative;	
}

#slides2 h3, #slides2 h3 a{
	font-size: 12px !important;
	line-height: 14px !important;
	color: #ed1194 !important;
	padding: 10px 0 0 0 !important;
}

#slides2 p{
	font-size: 11px !important; line-height:130%;
}

.slides_control{
	width: 150px !important;
}


		.slides_container {
			display:none;
			left: 30px;
		}
 
		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div{
			width:150px;
			height:100px;
			display:block;
			padding-top: 30px;
			position:relative;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
			display: none;
		}
 
		/*
			Optional:
			Show the current slide in the pagination
		*/
		.pagination .current a {
			color:red;
		}
		
		.prev2{
			background: url(images/prev.jpg) no-repeat;
			position: absolute;
			top: 50px;
			left: 0;
			width: 25px;
height: 80px;
text-indent: -999px;
		}
		
		.next2{
			background: url(images/next.jpg) no-repeat;
			position: absolute;
			top: 50px;
			left: 180px;
			width: 25px;
height: 80px;
text-indent: -999px;
		}

/***** Just Added *****/

.address-contact{
float: left; width: 633px; padding-top: 10px;
}

.homeresources div{
margin-top: 35px;	
}

.homeresources{
	position: relative !important;
}

.homeresources div.resource-link{
	float:right;
	padding-right:15px;
}

li.fontResizer{
list-style: none; color:#fff;
}

.fontResizer a {color:#fff !important;}

#-main-menu{
height: 110px !important;
margin-top: 20px !important;
}

#wrapper{
width: 960px !important;
margin: 0 auto;

}

#header{
float: left;
height: 110px;
}

/* search */
#search								{ padding:0; margin:0; float:right; margin-top:4px; }
#search p							{ height:25px; width:145px; background:url(css/style3/s_bg.gif) no-repeat top left;}
#search	#s							{ background:url(css/style3/s_bg.gif) no-repeat top left; position:relative; border:0; height:15px; padding:6px 4px 4px 6px; width:105px; color:#464646; float:left;}
* html #search	#s					{ width:94px; }


#search input[type="submit"] {
	background:url(css/style3/s_bg.gif) right top no-repeat;
	border: none;
	text-indent: -9999px;
	width:30px;
	height: 25px;
	float: left;
	cursor: pointer;
}



.sf-menu{
margin: 0 !important;
}

.sf-menu a{
width: 80px !important;
padding: 15px 0.7em 0 0.7em !important;
}

.sf-menu a:hover{
color:#999 !important;
}

.sf-menu li li a{
min-width: 90%  !important;
background: none;
border: none !important;
}

.fontResizer{
width: 60px;
float: left;
padding-top: 10px;
margin-left: 0 !important;
}

.nivo-caption {
background: url(images/nivo-caption-bg.jpg) no-repeat !important;
height: 130px;
width: 960px;
bottom: 15px !important;
}

.nivoText{
width: 490px;
height: 110px;
float: left;
text-align: left !important;
padding: 10px;
font-size: 180%; line-height:140%;
font-style: italic;
color: #5A4099;
}

.nivoText p, #list-grid-container .single-list-link p{
font-size: 14px;
color: #666;
}

.nivoTitle{
width: 420px;
height: 110px;
float: left;
text-align: left !important;
padding: 10px;
font-size: 32px !important; line-height:36px;
color: #f2f2f2;
}

.nivoTitle a{
font-size: 32px !important; line-height:36px;
}

.nivoSlider{
top: 0 !important;
}

/***** End Just Added *****/
#news_thicker .news_content {border-bottom:none !important;}
#main_content .columns {width:660px !important; float:left;}
.leftcol {float:left; width:600px; margin:-20px 30px 0px 30px;}
.content .textwidget { padding-top:20px; }
.content .textwidget blockquote{ margin-top:20px; }
.wrap .columns .textwidget { padding-top:0px; padding-left:0px;}
.wrap .columns .textwidget p { padding-left:0px; color: #78a1b1; }

.wrap .textwidget { padding-top:0px; padding-left:0px;}
.wrap .textwidget p { padding-left:0px; color: #000000; }
.wrap .textwidget blockquote  { color: #8a8a8a; }
.wrap .textwidget blockquote  p.quote{color: #8a8a8a; }

.rightcol {float:right; width:280px;}

.homeboxes {width:100%; float:left; margin:-20px 30px 10px 0px;}
.homebox1 {float:left; width:202px; height:500px; padding:10px 0px 0px 10px; margin:-30px 20px 30px 30px; height:110px; background-color:#EAA919; background:url(/wp-content/uploads/2015/05/FundraiseBackground1.jpg) no-repeat top left;}
.homebox2 {float:left; width:202px; padding:10px 0px 0px 10px; margin:-30px 20px 30px 0px;  height:110px; background-color:#A5B828; background:url(/wp-content/uploads/2015/05/VolunteerBackground1.jpg) no-repeat top left;}
.homebox3 {float:left; width:202px; padding:10px 0px 0px 10px; margin:-30px 20px 30px 0px;  height:110px; background-color:#EF1698; background:url(/wp-content/uploads/2015/05/EventsBackground.jpg) no-repeat top left;} 
.homebox4 {float:left; width:202px; padding:10px 0px 0px 10px; margin:-30px 0px 30px 0px; height:110px; background-color:#333; background:url(/wp-content/uploads/2015/05/DonateBackground.jpg) no-repeat top left;} 

#inner_page .homebox4 {
	background: url("images/HomeBoxes_04.jpg") no-repeat scroll left top #2F9FCF;
    float: left;
    height: 106px;
    margin: -30px 0 30px;
    padding: 10px 0 0 10px;
    width: 245px;
}


.homebox1 a{width: 109px; height: 19px; background: url(images/more.jpg); color: #602e94; float: left; padding: 3px;}

.homebox2 a{width: 109px; height: 19px; background: url(images/more.jpg); color: #602e94; float: left; padding: 3px;}

.homebox3 a{width: 109px; height: 19px; background: url(images/more.jpg); color: #602e94; float: left; padding: 3px;}

.homebox4 a{width: 109px; height: 19px; background: url(images/more.jpg); color: #602e94; float: left; padding: 3px;	}


.homebox1 h2, .homebox2 h2, .homebox3 h2, .homebox4 h2 {font-size:24px; line-height:100%; color:#ffffff; padding-bottom: 10px;}

.homesuccess, .homeresources, .homenews {margin-top:10px; clear:both;}
.homeresources{background: url(images/Resources-box.jpg) no-repeat;
width: 605px; height: 350px;
}

.homesuccess {height:550px;}
.homenews {width: 600px;}

.homesuccess h3{
color: #401983;
font-size: 16px;	
font-weight: bold;
padding: 0 !important;
}

.homesuccess p{
	color: #585858;
}

.homeresources {height:260px;}

.twitterbox {float:left; margin-right:10px; width:290px; height:290px; overflow:hidden;}

.adbanner {
	margin: 10px 10px 20px 85px;
	height:100px;
}

/* sidelink */

#sidebar .sidebox ul					{ padding:0 0 20px 0; margin:0; float:left; width:100%; }
#sidebar .sidebox ul li				{ padding:0; margin:0; display:block; list-style:none; line-height:18px; }
#sidebar .sidebox ul li a				{ display:block; padding:10px 0 10px 10px; width:95%; color:#575757; background:url(default/line_horizontal.gif) bottom repeat-x;  }
#sidebar .sidebox ul li a:hover,
#sidebar .sidebox ul li a.current		{ text-decoration:none; padding-left:10px; width:95%; color:#282828; background:#fbfcf9 url(default/line_horizontal.gif) bottom repeat-x;  }
#sidebar .sidebox ul li a.current		{ font-weight:bold; }

#sidebarnewsletter {float:left; height:191px; width:231px; background: url(http://www.stloyesfoundation.org.uk/wp-content/uploads/2015/07/annualreviewbanner15.jpg) no-repeat left top;
padding:30px 0px 10px 20px;}
#sidebarnewsletter h2 {position: relative; left:-9999px;}

#sidebarwhatson {float:left; margin-top:10px; height:161px; width:231px; background: url(images/whatsonbox.jpg) no-repeat left top;
padding:30px 0px 20px 20px;}
#sidebarwhatson h2 {position: relative; left:-9999px;}

#donation-box{background: url(images/donation-box.jpg) no-repeat left top; width:230px; padding: 75px 0 0 20px; height: 148px; margin: 0 0 25px 0;}
.donation-button {display: block; font-family: sans-serif; font-weight: bold; color: #fff; background: #00c6ff; border-radius: 5px; padding: 15px 20px; line-height: 20px; margin: 0 0 10px 0; letter-spacing: -1px; text-align: center;}
.donation-button:hover {color: #fff; background: #602E94;}
.donation-link {display: block; text-align: center; font-family: sans-serif; font-weight: bold; color: #00c6ff;}
.donation-link:hover {color: #4C79B5;}

.donations-button {display: block; font-family: sans-serif; font-weight: bold; color: #fff; background: #ff9900; border-radius: 5px; padding: 10px 10px; line-height: 20px; margin: 0 0 0 0; letter-spacing: -1px; text-align: center;}
.donations-button:hover {color: #fff; background: #602E94;}
.donations-link {display: block; text-align: center; font-family: sans-serif; font-weight: bold; color: #fff;}
.donations-link:hover {color: #fff;}

#whatsonsidebar {width:250px; clear: both; margin: 0 0 10px 0;}

#whatsonheading {background: url(/wp-content/uploads/2015/05/whatson-heading-bg1.jpg) no-repeat left top; height: 58px;}
#whatsoncontent {background: url(images/whatson-middle.jpg) repeat-y left top; padding: 0 20px 0 20px;}
#whatsonbottom {background: url(images/whatson-bottom.jpg) no-repeat left top; height: 28px;}

#whatsonsidebar h3 a {color: #ed1290; font-weight: bold;}
#whatsonsidebar h3 a:hover {color: #9D005A;}

#whatsonsidebar .event-details {padding-top: 10px;}

#sidebarfeature {float:left; margin-top:-10px; height:165px; width:231px; background: url(images/featuresbox.jpg) no-repeat left top;
padding:30px 0px 20px 20px;}
#sidebarfeature h2 {position: relative; left:-9999px;}

#main_nav li.current_page_item 	a { color:#fff; }

#blog .entry .excerpt h3 { float:left; padding-bottom:4px; width:314px;}

.wp-pagenavi a	 { font-size:14px;  text-decoration:underline; }
.wp-pagenavi a:hover { font-size:14px; text-transform:uppercase; background:#3487b7; color:#fafdff; text-decoration:none; }
/*.columns img		{ max-width:50px;}*/

#flickr{

	position: relative;

	overflow: hidden;
	
	margin-left: -16px;

	padding-top: 10px;

	width: 256px;	

}





#flickr li{

	float: left;

	margin: 0 0 12px 16px;

	height: 68px;

	width: 68px;

	list-style: none;

}



#flickr li a{

	float: left;

	height: 64px;

	width: 64px;

	border: 4px solid #e5e5e5;

}



#flickr li a img{

	float: left;

	height: 64px;

	width: 64px;

}



#flickr .flickr_badge_image{

	float: left;

	margin: 0 0 12px 16px;

	height: 68px;

	width: 68px;

	list-style: none;

}



#flickr .flickr_badge_image a{

	float: left;

	height: 64px;

	width: 64px;

	border: 4px solid #e5e5e5;

}

	

#flickr .flickr_badge_image a img{

		float: left;

		height: 64px;

		width: 64px;

}



/*blog comment post*/

/*------------->>> comment list <<<----------------*/

#commentform textarea {

	width: 100%;

}



#respond h3,

h3#comments {

	color: #000;

	font-size: 24px;

	margin: 0;

	padding: 0;

	margin-bottom: 2px;

	clear: left;

}	



ol#commentlist { 

	list-style-type: none; 

	margin:0; 

	padding:0 0 40px 0; 

	background: none;

	/*width:580px;*/

	float:left;

}



.avatar {

	float:left; 

	margin:0 12px 0 0;

}



ol#commentlist li {

	clear:both;

	margin:20px 0;

	padding:5px 0 5px 0px;

	list-style-type:none;

	float:left;

	width:100%;

}

ol#commentlist li .author-meta{

	border-top: solid 1px #a3a3a3;

	float:left;

	width:150px;

	padding:20px 20px 0 0;

}

ol#commentlist li .author-meta cite, ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span {

	display:block;

}



ol#commentlist li .author-meta cite {

	font-family: arial, verdana, tahoma;

	font-size: 10px;

	font-style: normal;

	color:#c2c2c2;

	display:block;

	margin-bottom:10px;

}

ol#commentlist li .author-meta cite a, ol#commentlist li .author-meta cite span{

	font-size:12px;

	font-weight:bold;

	text-decoration:underline;

}

ol#commentlist li .author-meta cite a:hover{

	text-decoration:none;

}

ol#commentlist li .author-meta cite span {

	color:#999;

	text-decoration:none;

}





 

ol#commentlist li .author-comment{

	border-top: solid 1px #e5e5e5;

	float:right;

	width:460px;

	padding:20px 0 0 20px;

}





ol#commentlist li.alt {	

	background: none;

	border: none;

}



ol#commentlist li p {

	margin: 6px 0 0 0; 

	padding: 0 20px 0 0; 

	line-height: 14pt;

}




.slider_bg	{clear:both; background:url(images/slideshow_bg1.png) no-repeat bottom center; width:100%; text-align:center; height:370px; margin-bottom:50px;}
.slider_bg2	{clear:both; background:url(images/slideshow_bg1.png) no-repeat bottom center; width:100%; text-align:center; height:420px; margin-bottom:60px;}
#cuser_container { width:960px; margin:0 auto; height:370px; outline:0; }
#piecemaker_container { width:1200px; margin:0 auto; height:370px; outline:0; margin-top:-60px;}

#nivo_slider_bg	{/*background:url(images/slideshow_bg2.png) no-repeat bottom center;*/ width:960px; margin: 0 auto; text-align:center; float: left; /*margin-bottom:60px;*/}
#nivo_container { width:960px; text-align:center; margin:0 auto; height:370px; margin-top:0px; float: left;}


/*slideshowHolder_outer*/
#slideshowHolder_outer{
	clear:both;
	margin:0 auto;
	background:url(images/slideshow_bg1.png) no-repeat bottom center;
	width:960px;
	height:389px;
	text-align:center;
	margin-bottom:60px;
}
* html #slideshowHolder_outer{
	margin:0px 0 0 0px;
}



/*slideimage*/
#slideimage {
	list-style:none; 
	width:960px; 
	height:370px; 
	display:block; 
	overflow:hidden;
}
#slideimage li {
	float:left;
	display:inline; 
	overflow:hidden; 
	margin:0; 
	padding:0;
}
#slideimage li .slide{
	position:relative;
	overflow:hidden; 
}
#slideimage li .slide .shadow{
	position:absolute;
	z-index:100;
	width:50px;
	height:370px;
	background:url(images/slideshow_bg1.png) no-repeat;
	right:0;
}
*:first-child+html #slideimage li .slide .shadow{
	right:0px;
}
#slideimage li .slide .small-caption{
	background:#000;
	opacity:50%;
	position:absolute;
	z-index:200;
	right:0;
	padding:20px;
	display:none;
}
#slideimage li .slide .small-caption h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:20px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:0px;
}
#slideimage li .slide .big-caption{
	display:yes;
	background:#000;
	opacity:30%;
	position:absolute;
	z-index:200;
	left:0;
	bottom:5px;
	padding:20px;
	width:762px;
	text-align:left;

}
* html #slideimage li .slide .big-caption{
	margin-right:20px;
}
#slideimage li .slide .big-caption h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:24px;
	color:#fff;
}
#slideimage li .slide .big-caption p{
	margin-bottom:0px;
	color:#fff;
}


/*pre	{
	background:#eeeeee; 
	border:1px solid #cccccc; 
	color:#777777; 
	padding:8px 15px 8px 15px; 
	margin-bottom:23px; 
	font-size:12px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
}*/

a.button {
	padding:8px 15px;
	font-size:12px;
	line-height:18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url(images/overlay_btn.png) top left repeat-x #265274;
	margin:0 20px 10px 0;
	-webkit-box-shadow: 1px 2px 2px #AAA;
	-moz-box-shadow: 1px 2px 2px #AAA;
	box-shadow: 1px 2px 2px #AAA;
}

a.button:hover {
	background-color: #333!important;
	background-image: url(images/overlay2_btn.png);
	background-position: bottom left;
}


.informationbox {
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*background: url(./images/buttonoverlay.png) top left repeat-x;*/
	padding:10px;
	overflow: hidden;
}

.informationbox img {
	background: transparent;
	border: 0px;
	padding:0px;
	float:left;
	display: block;
	margin:0 10px 0 0;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

.informationbox span {
	line-height:24px;
	float:left;
	display: block;
	font-size:13px;
}

.error {
	background-color: #d7a4a4;
	border: 1px solid #a06464;
	color: #622525;
}

.info {
	background-color: #cee6f8;
	border: 1px solid #87b6da;
	color: #4d7694;
}

.warning {
	background-color: #f9f2cf;
	border: 1px solid #e0d18a;
	color: #9c9055;
}

.success {
	background-color: #bbf2bc;
	border: 1px solid #83df85;
	color: #3b783c;
}

.rss-box{
  background:#F2F8F2;
  border:2px #D5E9D5 solid;
  font-weight:bold;
  padding:10px;
  margin-bottom:10px;
}

/*#blog .entry h3			{ margin-top:35px; }*/



/* ----------------------------------------------------------------------*/
/* --------------->>> COLUMNS for pages with sidebar<<<------------------*/
/* ----------------------------------------------------------------------*/
.one-half h2, .one-third h2, .one-fourth h2, .three-fourth h2, .two-third h2{
	font-size:30px;
	font-weight:bold;
}
.one-half h3, .one-third h3, .one-fourth h3, .three-fourth h3, .two-third h3{
	font-size:10px;
	font-weight:none;
}
.one-whole{
	width:650px;
	float:left;
	margin-bottom:40px;
}
.one-half{
	width:310px;
	float:left;
}
.one-third, .one-half{
	padding-right:40px;
	margin-bottom:40px;
}
.one-third{
	width:190px;
	float:left;
}
.one-third div{
	float:right;
	width:190px;
}
.one-fourth{
	width:146px;
	float:left;
	padding-right:21px;
	margin-bottom:40px;
}
.three-fourth{
	width:460px;
	float:left;
	padding-right:20px;
	margin-bottom:40px;
}
.two-third{
	width:410px;
	float:left;
	padding-right:40px;
	margin-bottom:40px;
}

.last{
	padding-right:0px;
	padding-left:0px;
}
#content .one-half{
	float:left;
	width:305px;
	margin-bottom:20px;
}
#content .one-half p{
	clear:both;
}
/*#content .one-half h3{
	font-size:12px;
	font-weight:bold;
}*/


/* ---------------------------------------------------------------*/
/* --------------->>> COLUMNS for full pages <<<------------------*/
/* ---------------------------------------------------------------*/
.one-half-fullpage h2, .one-third-fullpage h2, .one-fourth-fullpage h2, .three-fourth-fullpage h2, .two-third-fullpage h2{
	font-size:15px;
	font-weight:bold;
}
.one-half-fullpage h3, .one-third-fullpage h3, .one-fourth-fullpage h3, .three-fourth-fullpage h3, .two-third-fullpage h3{
	font-size:10px;
	font-weight:none;
}
.one-whole-fullpage{
	width:960px;
	float:left;
	margin-bottom:40px;
}
.one-half-fullpage{
	width:455px;
	float:left;
}
.one-third-fullpage, .one-half-fullpage{
	padding-right:40px;
	margin-bottom:40px;
}
.one-third-fullpage{
	width:290px;
	float:left;
}
.one-third-fullpage div{
	float:right;
	width:290px;
}
.one-fourth-fullpage{
	width:223px;
	float:left;
	padding-right:21px;
	margin-bottom:40px;
}
.three-fourth-fullpage{
	width:700px;
	float:left;
	padding-right:20px;
	margin-bottom:40px;
}
.two-third-fullpage{
	width:630px;
	float:left;
	padding-right:40px;
	margin-bottom:40px;
}

.last{
	padding-right:0px;
	padding-left:0px;
}
/*
#content .one-half-fullpage p{
	clear:both;
}
#content .one-half-fullpage h3{
	font-size:12px;
	font-weight:bold;
}*/


pre {
	white-space:pre;
	font-size:11px;
	padding-left:5px;
	border-left:3px solid #e0e0e0;
	background:#eee url(images/line.gif) repeat;
	margin-bottom:20px;
}

.border-bottom{
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}

.dropcap{ 
	display:block; 
	float:left; 
	font-size:44px; 
	font-weight: bold;
	line-height:40px; 
	margin:0 5px 0 0;
}

.pagecontent li {
	background-image:url("/wp-content/uploads/2013/03/bpoint.jpg");
	background-size:18px 18px;
}

/* Gallery Page Template */
#content .thumb_gallery{ 
	display:block; 
	float:left; 
	margin: 0 20px 20px 0; 	
	width:132px; 
	height:132px; 
	padding:3px; 
	background:#fff; 
	position:relative;  
	border:1px solid #ccc; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}
#content .thumb_gallery:hover{
	border-color:#aaaaaa; 
	background:#d6d9d0;
}

#breadcrumbs{
	width:600px;
}


/* Pricing shortcodes styles */

.colorbox {
	padding:0px;
	margin:0px 0px 10px 0px; 
	position:relative; 
	overflow: hidden; 
	height: 100%;
	border:1px solid #ccc !important;
	background-color:#fff;
	background:-moz-linear-gradient(bottom, #f2f2f2 0px, #fff 100%);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff));
	-moz-box-shadow:0px 1px 1px #aaa;
	-webkit-box-shadow:0px 1px 1px #aaa;
	box-shadow:0px 1px 1px #aaa;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
}

.one-third .colorbox .boxcontent { 
	padding-left: 25px; 	
}

.one-fourth .colorbox .boxcontent ul{ 
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	margin-top: -40px; 	
	padding:0px 5px 0px 5px; 
	color:#585858; 
}

.one-fourth-fullpage .colorbox .boxcontent ul{ 
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	margin-top: -40px; 	
	padding:0px 15px 0px 15px; 
	color:#585858; 
}

.one-third .colorbox .boxcontent ul{  
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	padding:0px 10px 0px 10px; 
	color:#585858; 
}

.one-third-fullpage .colorbox .boxcontent ul{  
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	padding:0px 20px 0px 20px; 
	color:#585858; 
}

.one-half .colorbox .boxcontent ul{  
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	margin-top: -20px; 
	padding:0px 20px 0px 20px; 
	color:#585858; 
}

.one-half-fullpage .colorbox .boxcontent ul{  
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	margin-top: -20px; 
	padding:0px 20px 0px 20px; 
	color:#585858; 
}
.one-whole .colorbox .boxcontent ul, .one-whole-fullpage .colorbox .boxcontent ul{  
	clear:both; 
	margin:0px; 
	margin-bottom:20px; 
	margin-top: -20px; 
	padding:0px 20px 0px 20px; 
	color:#585858; 
}


.colorbox .boxcontent ul li{ 
	padding-bottom:10px;
}

.colorbox .boxcontent a.button{
	margin-left:20px;
	display:block;
	margin-top:-20px;
	margin-bottom:-20px;
	text-align:center;
	height: 15px;
	font-size: 14px;
}

.colorbox .boxcontent a.button:hover{
	text-decoration:none;
}


.colorboxtitle { 
	font-size:1px; 
	text-align:center; 
	color:#fff; 
	padding: 10px 0px; 
	letter-spacing:1px;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-radius: 5px; 
	border-bottom:0px;
}

.one-fourth .priceboxtitle , .one-fourth-fullpage .priceboxtitle {  
	font-size:30px; 
	text-align:center; 
	margin-bottom:20px; 
	margin-top:20px; 
}

.one-third .priceboxtitle, .one-third-fullpage .priceboxtitle {  
	font-size:30px; 
	text-align:center; 
	margin-bottom:20px; 
	margin-top:20px; 
}

.one-half .priceboxtitle, .one-half-fullpage .priceboxtitle {  
	font-size:30px; 
	text-align:center; 
	margin-bottom:0px; 
	margin-top:20px; 
}

.one-whole .priceboxtitle, .one-whole-fullpage .priceboxtitle {  
	font-size:30px; 
	text-align:center; 
	margin-bottom:0px; 
	margin-top:20px; 
}

.priceboxtitle span { 
	font-size:14px; 
	vertical-align:none; 
}
#footer {font-size:13px; #fff; padding-top:20px !important;}
#footer h2 a {margin-top:-50px; margin-bottom:10px; font-size:18px; color:#fff !important;}
#footer ul {color:#fff;}
#footer li {display:block; list-style:none; margin-bottom:5px; color:#fff; margin-left:0;}
#footer a, #footer p, #footer strong {color:#fff !important;}
#footer #copyright span a {color: #617283 !important;}

ul#themeswitcher{
	width: 120px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

ul#themeswitcher li{
	float: left;
	list-style: none;
	font-size:12px;
	margin: 0 10px 0 0;
	padding: 0;
	color: #718EA8;
}

ul#themeswitcher a{
	color: #fff;	
}

ul#themeswitcher li{

.resourceimg {
width: 100px;
text-align: center;
}

.resourcelibrary {
float: left;
}


#blog .resourcelibrary .entry {
float: left;
margin-bottom: 20px;
padding-bottom: 20px;
width:50%;
}

#blog .entry {
width: 75% !important;
}

.imgborder { border: 4px solid #c5c5c5; margin: 0 0 10px 10px; padding: 3px; }