/*  Author URI: http://spiralpixel.com */
 
/* HTML Elements */
* {margin:0;padding:0;}



body { font: normal 12px/18px 'Helvetica Neue', helvetica, arial, sans-serif; margin : 0; padding : 0;
background-image: url(http://josweb.co.uk/blog/wp-content/uploads/2011/12/bgnoise_lg.png); background-repeat: repeat;background-color:#999; color:#777;
}

p {margin: 15px 0;}
a:link, a:visited{color: #222;text-decoration:none;}
a:hover { text-decoration: none; color : #555;background:transparent;border-bottom: 0px;} 
a:focus {outline: none;}
a img {border:0;}
#better-author-bio-div a {color: #777;text-decoration:none;}
#better-author-bio-div a:hover {color: #555;text-decoration:none;}
 

/* Structure */

#Header {  background-image: url(http://www.spiralpixel.com/images/diagonal_line.png); background-repeat: repeat-x; background-position: 0px 87px;display:block;
color : inherit;margin-top:0px; height : 160px;
}

#logo a{ margin: 0px 0px 0px -5px;display:block; width: 142px; height: 148px;float:left;text-indent:-9999px;
background: url(http://www.spiralpixel.com/logo2.png) top left no-repeat; 
}


#logo a:hover {background-image: url(http://www.spiralpixel.com/logo2hover.png); width:142px;height:148px; 
float: left; padding: 0px; margin: 0px 0px 0px -5px; text-indent:-9999px;
}
	/***************************************************
			JQUERYSLIDEMENU
***************************************************/
.jqueryslidemenu { z-index: 1000; float: left;position: relative; height: 71px;
width:810px;padding-left: 0px; margin: -120px 0px 0px 200px;

}
.jqueryslidemenu ul {margin: 0px 20px 0px 0px; list-style-type: none; padding: 0px; float: left; position: absolute; left: 15px;
}
.jqueryslidemenu ul li { float: left; position: relative;}

.jqueryslidemenu ul li a { font: 13px 'helvetica neue', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #555; text-shadow: 0px 1px 0px #fff;

text-decoration: none;text-align: left; display: block;
float: left;   background-repeat: no-repeat; background-position: right center;
padding: 22px 15px 23px 15px; background-image: url(http://www.spiralpixel.com/images/menuline.png);
}

.mennum { color:#E07E14;font-size:14px; float:left;margin-top:20px;
font:normal 16px 'georgia', times new roman, times,  serif;margin-right:-10px;margin-left:15px;
}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.hover { text-decoration: none; color: #555;
}


.jqueryslidemenu ul li ul { display: block; visibility: hidden; background-color: #555;
background-image: url(images/small_dots.png); background-repeat: repeat;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);			
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
border-top-color: #dadada; border-right-color: #555; border-bottom-color: #555; border-left-color: #555;
padding: 2px; width: 170px;margin-top:-2px;

}
.jqueryslidemenu ul li ul li { display: block; list-style:none; margin: 0px; float: left; padding: 0px;
}
.jqueryslidemenu ul li ul li a { font-size: 12px; display: block; text-align: left; border-bottom:1px solid #777;
float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;color: #ccc; text-shadow: 0px 1px 0px #222;
background-image: none; width: 156px; padding: 6px 10px 6px 10px;
font-family: helvetica neue, Arial, Helvetica, sans-serif;
}
.jqueryslidemenu ul li ul li ul {
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:0px;
	left: 33px;
}
.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/background-color: #c75a24; color: #fff; text-shadow: 0px 1px 0px #666;
background-image: url(images/small_dots.png); background-repeat: repeat;
}
.jqueryslidemenu ul li:hover {background-image: url(images/arrow-up.gif);background-repeat: no-repeat;background-position: center bottom;
}
.jqueryslidemenu ul li ul li:hover {background-image: none;
}

/* Main Menu ++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { margin:55px 0px 0px 0px; text-align:right; color :#B9735D; 
}
.mennum { color:#E07E14;font-size:14px; 
font:normal 16px 'georgia', times new roman, times,  serif;
}
.Menu a  {font:bold 13px 'helvetica neue', helvetica, arial, sans-serif;
text-transform:lowercase;
margin-right : 12px; 
background-color : transparent; 
color: #555; 
background-image: url(http://www.spiralpixel.com/images/menuline.png);
background-repeat:no-repeat;
background-position:right ;text-shadow: 0px 1px 0px #fff;
padding:30px 20px 30px 0px;
}
.Menu a:hover {background-color : transparent; color :#777; }

/* Container ++++++++++++++++++++++++++++++++++++++++++++ */
.BGC { width: 980px; margin: 0 auto;padding: 0px;position: relative; }

#page { width:960px; margin:30px auto 0px auto; padding:0px 0px;}
.left, .alignleft {float:left;}
.right, .alignright {float:right;}
 

/* Fonts ++++++++++++++++++++++++++++++++++++++++++++ */
h2 { font:1.4em Georgia; font-weight:bold; letter-spacing:-0.01em; padding:0px 0px 5px 0px;color:#555;}
h3 { font:1.29em Georgia; font-weight:bold; color:#555; letter-spacing:-0.01em; padding:0px 0px;}
h4 { font:1.3em Georgia; font-weight:bold;color:#333; letter-spacing:-0.01em;}

/* Featured Section ++++++++++++++++++++++++++++++++++++++++++++ */
.toptop {margin: 10px 0px 5px 0px;}
#headline p, #featured p {margin:0px 0px; line-height:22px;
}
#headline { 
width:640px; float:left; 
color:#777; 
padding:0px 30px 10px 0px; margin:-10px 0px 20px 0px; 
background :transparent;
}

#featured { width:290px;
margin:-10px 0px; 
float:left; padding:0px 0px 20px 0px;
background :transparent;
font-size:10px;
}
 
.headlinesmall { color:#555;
background-image: url(http://www.spiralpixel.com/images/dashed_line.png) ; 
background-repeat: repeat-x;  
padding:0px 0px 2px 0px; 
letter-spacing:.3em;
background-position: 0px 20px; 
background-color : transparent; text-align :left;
font:bold 10px "arial", Helvetica, sans-serif;
height:25px;
margin: 0px 0px 10px 0px; 
text-transform:uppercase;
}
#headline  a{color:#555;}
#headline a:hover{color:#666;}

#headline  div.title { letter-spacing:0px; font: 20px Georgia, Times, serif; color: #555;  text-shadow: 0px 1px 0px #fff;
padding-bottom:10px;
}
.read{  font:italic 12px Georgia, Times, serif; color: #555;  text-shadow: 0px 1px 0px #fff; line-height:20px; }
#headline  div.title a:hover{color:#666;}
#headline div.meta {display:block; margin-top:-15px; padding-bottom:0px;}
#headline p {font-size:12px;padding-bottom:20px;}
#headline a img { border:1px solid #fff; padding:5px; float:left; background-color: #eee; margin:4px 17px 0px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;}

#featured .clearfloat {color:#fff;margin:0px 0px 4px 0px;}
#featured .info { color:#888; margin-top:0px; padding-top:5px; float:left; width:170px;}
#featured .info a{
color:#555;
font:italic 12px'georgia', serif;
line-height:18px;
}
#featured .info a:hover{color:#666;}
#featured a img { border:1px solid #fff; padding:3px; float:left; background-color: #eee; margin:4px 12px 2px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;}

#middle {background-image: url(http://www.spiralpixel.com/images/diagonal_line.png); background-repeat: repeat-x; 
background-position: top center;  
padding:0px 10px 20px 10px;
margin-top:20px;
height:30px;}
 

/* Front List ++++++++++++++++++++++++++++++++++++++++++++ */
#front-list { width:640px; float:left; padding:2px 0px 10px 0px; font-size:1.0em; line-height:1.5em;
margin:-20px 0px 70px 0px; background :transparent;
}
 
#front-list .title, #archive .title { margin:0px 0px; font: 20px Georgia, Times, serif; letter-spacing: 0px; color: #afada2; 
text-shadow: 0px 1px 0px #fff; padding: 0px 0px; color: #555;height:25px;
text-align:left;background-image: url(http://www.spiralpixel.com/images/dashed_line.png); background-repeat: repeat-x ; padding-bottom:6px; width:100%; background-position:bottom;
}
#front-list .title a, #archive .title a {color:#555;}
#front-list .title a:hover, #archive .title a:hover {color:#666;}
 
#front-list .cat_title { color: #555;  font-size:80%; line-height:1.4em;font-family:arial, sans-serif;
margin:8px 0px 0px 0px; background :transparent; text-transform:uppercase; letter-spacing:0px; font-weight:normal;
}
#front-list .cat_title a {color: #777;letter-spacing:0px;}
#front-list .cat_title a:hover{color: #666;}
#front-list .clearfloat, #archive .clearfloat { padding:15px 0px 5px 0px;
}

#front-list .spoiler, #archive .spoiler { display:block; margin-top:-25px;
margin-bottom:20px;
}
 
#front-list p, #archive p { font-size:12px; margin:0px;text-align:left; line-height:1.6em; padding:0px;
}

#front-list img, #archive img{ border:1px solid #fff; padding:4px; float:left; background-color: #eee; margin:4px 12px 0px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;
}


#archive img{ border:1px solid #fff; padding:4px; float:left; background-color: #eee; margin:0px 12px 20px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;
}


.meta { margin:13px 0px 10px 0px; font-size:0.8em; color:#333;}
.meta a {color:#333;}
 

/* Content Page ++++++++++++++++++++++++++++++++++++++++++++ */
 
#content { width:620px; text-align:justify; padding:0px 25px 10px 0px; float:left;
}
#content .breadcrumbs, #content .breadcrumbs a, #content2 .breadcrumbs, #content2 .breadcrumbs a  { color:#666; padding:0px;
font:italic 11px georgia, serif; line-height:1em; margin:0px 0px 0px 0px; background :transparent; text-transform:lowercase; 
letter-spacing:1px;
}
 
#content h2.title {background: url(/menlne.png) top repeat-x; margin:0px 0px 15px 0px; 

    border-bottom: 3px double #ccc;
   
    
text-align : left; font: 22px Georgia, Times, serif; letter-spacing: 0px;
color: #555; text-shadow: 0px 1px 0px #fff; padding : 10px 0px 8px 0px; margin-bottom : 10px;
}

#content .cat_title { color: #555;  font-size:80%;font-weight:normal; line-height:1.4em;font-family:arial, sans-serif;
margin:3px 0px 10px 0px; background :transparent; text-transform:uppercase; letter-spacing:0px;
}
 
#content .cat_title a{ color: #555; letter-spacing:0px; text-transform:uppercase;
}
#content  .cat_title a:hover{color: #666;}

/*Post ++++++++++++++++++++++++++++++++++++++++++++ */
.post { }
.post p {margin-top:0px;}
.post .clearfloat {margin:10px 0px;}
.post ul, .post ol, #front-list ul, #front-list ol {margin-bottom:15px;}
.post ul li, #front-list ul li { list-style:none; margin-left:10px;}

.post .alignleft { 
 float: left;
    margin: 10px 140px 20px 0px;
    padding:10px;
    background: #fcfcfc;
    border: 1px solid #c8c8c2;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.post p a { color: #444;
 font-weight:bold;
text-decoration:none;
}

.post p a:hover { color: #777;
 font-weight:bold;
text-decoration:none;
}



blockquote {
    font-family:  Georgia, "Times New Roman", Times, serif;
    color: #666;
    font-style: italic;
    border-left: 5px solid #ccc;
    margin-left: 0px;
    padding: 0 0 0 20px;
margin-top:0px;
    font-size: 13px;
}

#content img a{ border:1px solid #ccc; margin:5px 80px 15px 0; padding:5px; clear:right;
}

.post .jo {float:right; margin: 0px 0px 5px 15px; padding: 2px; border: 1px solid #dadada; border-right:2px solid #e3e3e3; border-bottom:2px solid #e3e3e3; background: #f3f3f3;
}
 
.entry {margin-top:20px;}
#stats img, #nav img {border:0px;margin:0px;padding:0px;}
#stats{ color: #777;  font-size:10px; line-height:1.4em; margin:0px 0px 15px 0px; background: transparent; text-transform:uppercase; letter-spacing:2px;
}

.navigation { padding:5px 0px; text-align:center;
}

.spoiler img{ background:#ededed; border:1px solid #bebebe; margin:5px 15px 5px 0; padding:2px; clear:right;
 -moz-box-shadow: 0px 0px 4px #999;
 -webkit-box-shadow: 0px 0px 4px #999;
}
 
/* Sidebar ++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar { font: normal 0.95em/1.3em  Arial, sans-serif; width:270px; margin-bottom:50px; float:left;font-size:11px;
padding:4px 5px 20px 5px; background :transparent;
color: #999999; float: right;  background-color: #EDEDED;
-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;	
border: 1px solid #fff; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999;
}

/* facebook */
.network {margin: 0px 0px 0px 40px; }

/* google ad */
#sidebar-adsnew2 { width:260px; padding:0px 0px; margin:15px 2px 10px 0px;float:right;

}
#wegraphics{ width:260px; padding:0px 0px; margin:0px 0px 15px 0px;float:right;

}

.buysell{ width:300px; padding:0px 0px; margin:15px -36px 0px 0px;float:right;
}
#bsap_1264427{ clear: left; display: block; margin: 0 0 0 0; }
#bsap_1264427 a	{  background: #fcfcfc;
	width: 125px;
	height: 125px;
	float: left;
	margin: 0 2px 0px 0;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
font-size:10px; font-weight:normal;
text-transform:uppercase;
color:#999;}

#bsap_1264427 a:hover.adhere{ background: #fcfcfc; text-decoration: none; }


/* envato ads */
 #sidebar-top2{ width:255px; float:left; padding:0px 0px 10px 10px; background:#f3f3f3;
}

/* sidebar menu */
#sidebar-middle { padding:0px 0px; width:300px; float:left; margin-top:5px;
}

#sidebar-left { padding:0px 0px 10px 15px; float:left;margin:-15px 0px 0px 0px;
}
#sidebar-right {   padding:0px 0px 15px 0px; float:right;margin:-15px 40px 0px 0px;
}

/* menu icons */
.smallfollow{ margin:2px 3px -3px 0px;
}

#sidebar-left li, #sidebar-right li { color:#666; list-style:none; font-size:11px; border-bottom:1px dotted #ccc;
display:block; width:122px; padding:4px 0px 4px 0px;
}
#sidebar-left li a, 
#sidebar-right li a{color:#777;
}
.like{margin:0px 0px 0px 0px;}
#sidebar-left li a:hover, 
#sidebar-right li a:hover{color:#555;}

/* search */
#sidebar-ads2 { width:260px; float:left; margin-bottom:20px; margin-top:-10px;
}
#sidebar-top2 { background-color:transparent;
}

 
/* community news */
#sidebar-bottom{ width:256px; float:left;padding:0px 10px 10px 10px;
}
.cdnwrite {  float:right; padding:3px 0px 15px 0px;
}

#sidebar-bottom li { color:#999; list-style:none; font-size:11px; border-bottom:1px dotted #ccc;
display:block;text-align:left; width:244px;font-weight:normal; padding:3px 0px 2px 0px;
}
#sidebar-bottom li a{ color:#777; text-decoration:none; font-size:11px; padding:3px 0px 2px 0px;
}
#sidebar-bottom li a:hover{ color:#666; text-decoration:none;
}
#sidebar-bottom2{ margin-top:-40px; padding:0px 0px; width:300px; float:right;
}
#sidebar-bottom strong { font-weight:bold; padding:0px 5px 0px 0px;
}
/* text ads */
#bottomads{ background-color:transparent; margin-top:20px; width:255px; padding:0px 0px;
}
#bottomads li { color:#777; list-style:none; font-size:11px; border-bottom:1px dotted #ccc; display:block;
width:245px; padding:3px 0px 2px 5px;
}
#bottomads li a{ color:#777;
}
#bottomads li a:hover{ color:#333;
}
.vectorleft{ float:left; border:1px solid #bebebe; background:#ccc; margin: 10px 2px 20px 0px; padding:0px;
}

/* CHECK IF NEED */
.vectoright3{
 border:1px solid #bebebe;
 margin: 5px 0px 0px 0px;
 padding:4px;
 text-align:center;
 background: #fff;
 }

#sidebar h3 { font-family: georgia, times new roman, times, serif; font-size:15px; letter-spacing:1px;
text-shadow: 0px 1px 0px #fff; font-weight:normal; font-style:italic; text-transform:lowercase; color:#666;text-align:left;
background: url(/menline.png) bottom repeat-x; margin:15px 0px 15px 0px; padding:0px 0px 5px 5px;
}

#sidebar h4 { font-family: georgia, times new roman, times, serif; font-size:15px; letter-spacing:1px;
text-shadow: 0px 1px 0px #fff; font-weight:normal; font-style:italic; text-transform:lowercase;color:#666;text-align:left;
background: url(/menline.png) bottom repeat-x;  margin:15px 0px 15px 0px; padding:0px 0px 5px 5px;
}

.form2{  background: #F9F8F8;
    border: 1px solid #c8c7c2;
    -moz-box-shadow: 1px 1px 4px #ddd inset;
    -webkit-box-shadow: 1px 1px 4px #ddd inset;
    box-shadow: 1px 1px 4px #ddd inset;
    width: 250px;
    color: #96958F;margin-top:10px;
   
}

.form2 p{ background:transparent;margin:0px 0px 0px 5px;
padding:4px 0px 6px 0px;
}

.form2 input{ margin:0px 0px; width:235px; height:20px; 
border:none; padding:0px 3px;  background:transparent;
font-size:11px;color:#555; vertical-align:middle;
}
.form2 input:focus { border-color: #b2adad }
.form2 button{display:none;
}

/* Footer*/
 /* Float Properties*/
.clearfloat:after { content:".";  display:block; height:0; clear:both; visibility:hidden;
 }
.clearfloat { display: inline-block;
 }
/* Hides from IE-mac \*/
* html .clearfloat { height:1%;
 }
*+html .clearfloat { height:1%;
 }
.clearfloat { display:block;
 }
/* Footer ++++++++++++++++++++++++++++++++++++++++++++ */




#footer { width: 100%; padding: 0px 0px 30px 0px; background-image: url(http://www.spiralpixel.com/images/footer-bg.png); background-repeat: repeat; background-position: left top;
float: left; margin: 0px;color: #888;}
#footer a{color: #999;}

#footer .boxes_holder { width: 960px; margin-right: auto; margin-left: auto; overflow: hidden;
background-image: url(http://www.spiralpixel.com/images/footer-boxes-holder-bg.png); background-repeat: no-repeat; background-position: center top; padding: 20px 0px 20px 0px; }
#footer a:hover { text-decoration:none; color:#e68113; }


#footer2 {  padding : 0 0 5px 0;width:960px;
margin : 0px auto; color : #222; text-align:center; font-size : 11px;
}

#footertext2 { font-size : 11px; color : #999; padding : 0px 0 20px 0px; background-color : transparent; line-height : 11px;
float : left;line-height:18px;
}
#footertext2 a{  color : #777; 
}

#footer2 a {outline : 0; font-size : 11px;color : #777;text-decoration : none;}
#footer2 a:hover {color : #666;background-color : transparent;}
 
#footer h2 , .marketplace-heading{ color: #ccc; font-size: 17px; font-style:italic; font-family: georgia, times new roman, times,serif;
font-weight: normal; padding: 0px;text-transform:lowercase; margin: 20px 0px 10px 0px;
 }

.popular h3{  margin: 10px 0 10px 0; color: #ccc; font-size: 17px; font-style:italic;
 font-family: georgia, times new roman, times,serif; font-weight: normal; padding: 0px;text-transform:lowercase;
 }
 
#footer h4 {color: #999; font-size: 11px; letter-spacing:0px; font-family: arial, sans-serif; font-weight: normal; margin-bottom:0px; 
}
#footer h4 a{color: #888;}
#footer h4 a:hover{color: #999;text-decoration:none;}

#footerleft {background: transparent; float: left; width: 117px; margin: 0px 45px 0px 0px; }

.add1{ float:left;border:1px solid #666;margin: -8px 0px 16px 0px;}

#footerleft2 { background: transparent; float: left; color: #bebebe; width: 280px; font-size:10px; margin: 0px; }

#footerleft2 a{ color: #bebebe;list-style: none;  padding: 5px 0 0px 0; font-size:11px; }

#footerleft2 a:hover{text-decoration:none;color: #fff;}

#footerleft2 ul{list-style: none; padding: 0px;}

#footerleft2 li{ list-style: none; padding: 5px 0px 0px 0px; }

.popular{ margin: 20px 0 0px 0; padding: 0;font-size:12px; } 

#footermiddle1 { background: transparent; float: left; width:280px; margin: 0px 30px 0px 0px; padding: 0px; }

#footerright { background: transparent; float: right; width: 190px; margin: 0px; padding: 0px; }
#footerright a{background-color:transparent;}
#footerright a:hover{text-decoration:none; background-color:transparent; color: #999; }

#social{ margin: 0 0 -5px 0; padding: 0; }
#social a{ color: #bebebe; list-style: none;  padding: 5px 0 2px 0; font-size:12px; } 
#social a:hover{border-bottom:10px;color: #fff;}

#social li{ list-style: none; padding: 5px 0 2px 0; } 
#social li a{  background: url(http://www.josweb.co.uk/social.jpg) no-repeat;  display: block;  height: 16px; 
padding: 0 0 0 26px !important; }

#social li a.twitter { background-position: 0 0; }
#social li a.facebook{ background-position: 0 -16px; }
#social li a.flickr { background-position: 0 -32px; }
#social li a.deviant{ background-position: 0 -48px; }
#social li a.rss { background-position: 0 -64px; }
#social li a.email { background-position: 0 -80px; }
#social li a.about { background-position: 0 -96px; }
#social li a.arch { background-position: 0 -112px; }
#social li a.res { background-position: 0 -128px; }
#social li a.adv { background-position: 0 -144px; }
#social li a.linked { background-position: 0 -160px; }

#tweet{  background: url(http://www.josweb.co.uk/tweetbg3.jpg); background-repeat : no-repeat; background-color : transparent; color : inherit;
height : 214px;
}

.tweettext{  margin:0px; padding:22px 20px 0px 15px; font-size:11px;color: #bbb; width:240px;
}
.tweettext a { font-family:  arial, verdana, Tahoma, sans-serif; font-weight: normal;color: #ccc; text-decoration: none;
}
.tweettext a:hover {color: #94b3c5;text-decoration: none;}
#twitter_update_list  li {list-style:none;}

#seo_alrp_related{float:left; background-color:transparent; float:left;font-family:arial, sans-serif;
margin:40px 0px 10px 0px;  padding-bottom:10px; 
}
#seo_alrp_related h2{  font-style : normal; border-bottom:3px double #ccc;
text-align : left; font: italic 18px Georgia, Times, serif; width:640px; padding : 5px 0px 5px 0px; color : #666;
margin-bottom:20px;width:620px;}

#seo_alrp_related li{ width:620px;text-align:left;float:left; list-style: none; margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; background-color:transparent;
}
#seo_alrp_related li a{ color : #555;
}
#seo_alrp_related li a:hover{ color : #777;
}

#seo_alrp_related h3{  font-style : normal;
text-align : left; font: bold 12px helvetica neue, helvetica, arial, sans-serif; 
 padding : 0px 0px 2px 0px; color : #666;
margin-bottom:5px}
.seo_alrp_thumb{  border:1px solid #ccc; padding:3px;
background-color : #fff; margin-top:-8px;float:left;
margin: 0px 10px 10px 0px;width:60px;  }
 /* -- extra posts -- */
#wp_thumbie{float:left; background-color:transparent; float:left;font-family:arial, sans-serif;
margin: 0px 20px 10px 20px;  padding-bottom:10px; width:700px;

}

#wp_thumbie a{   color:#777; text-align:center; font-weight:normal; padding: 0px 0px; font:1.0em helvetica neue, arial, sans-serif; line-height:14px;
}

#wp_thumbie a:hover{color: #666;}

#wp_thumbie li{ width:160px;text-align:center;height:200px; float:left; list-style: none; margin:10px 0px 0px 0px;
padding:10px 70px 0px 0px; background-color:transparent;
}

#wp_thumbie_image{ float:left;  height:150px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;
padding:8px; border:1px solid #bebebe; background: #f3f3f3; margin-bottom:5px;
-moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;
}

#wp_thumbie_rl2{float:left; margin-left:-9000px;}

#wp_thumbie_rl1{  font-style : normal; border-bottom:3px double #ccc;
text-align : left; font: italic 18px Georgia, Times, serif; width:640px; padding : 5px 0px 2px 0px; color : #666;
}


/* -- Sharing -- */
#sharing { padding: 0 0 45px 0; border-bottom: 2px solid #555; margin-left: -5px; }
#sharing ul { margin: 0 0 0 0px; list-style-type: none; }
#sharing li { float: left; display: block; height: 32px; width: 32px; margin-right: 8px; }
#sharing li a { display: block; height: 32px; width: 32px; text-indent: -9999px; background: url(http://www.josweb.co.uk/sharing.png); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 0 4px rgba(0,0,0,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
}
#sharing .facebook a { background-position: -40px 0; }
#sharing .su a { background-position: -80px 0; }
#sharing .gbuzz a { background-position: -120px 0; }
#sharing .delicious a { background-position: -160px 0; }
#sharing .dbump a { background-position: -200px 0; }
#sharing .digg a { background-position: -280px 0; }
#sharing .rss a { background-position: -320px 0; }


.extrasbottom {
 float:left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width:570px;
 border-top:0px dotted #bebebe;
 text-align:center;
 border-bottom:0px solid #555;
 background:transparent;
 color: #ccc;
 }

/* Comments*/
#comment { width:600px;	background:#fff; }
div#cancel-comment-reply { font-weight:bold; }
#comments ul.commentlist {margin-top:20px; list-style:none; }
#comments ul.commentlist { margin-top:20px; list-style:none; }
#comments  h4{ font-style : normal; background: url(http://www.spiralpixel.com/images/dashed_line.png) top repeat-x;
text-align : left; font: italic 18px Georgia, Times, serif; margin-top:30px;clear:both;
padding : 20px 0px 2px 0px; color : #666; }
#comments .clearfloat { background:none; }
#comments { }
#comments div.navigation { padding:5px 0px 20px 0px; font-weight:bold; }
.commenttext { font-size:12px; margin-top:0px;width:600px; }
.commenttext p {width:570px;  font-size:12px; margin:5px 0px 10px 0px; }
.commentmetadata {font-family:georgia;font-style;italic; font-size:12px; margin:0px 0px 5px 0px;color:#555;}
#comments cite{ font-family:georgia;font-style;italic; font-size:12px;}
#comments  ul li {background-image: url(http://www.spiralpixel.com/images/block-ul-a-bg.gif); background-repeat: no-repeat; 
background-position: left 12px; padding: 5px 0px 10px 10px; float: left; width: 100%;
border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DBDBDB; margin: 0px;
}
#comments  ul li a { text-decoration:none; margin: 0px; padding: 0px; color: #888;
}
#comments  ul li a.uppercase { text-transform: uppercase; color: #666666;
}
#comments  ul li a:hover { text-decoration: underline; color: #666666;
}
/* Comment Form*/
div#respond{float:left;padding:20px; width:580px;}
form#commentform{margin:0px 0 20px 0}
form#commentform label{font-size:14px; font-weight:normal;}

form#commentform .field{ border-color:currentColor currentColor #e1e1e1 #ececec; border-style:none none solid solid;
border-width:medium medium 1px 1px; color:#4A586C;width:270px; font-size:12px; margin-right:10px; padding:5px 10px;
}
form#commentform .searchbutton{ border-color:currentColor currentColor #e1e1e1 #ececec; border-style:none none solid solid;
border-width:medium medium 1px 1px; background-color:#ededed; color:#666; width:120px; font-size:12px; padding:5px 10px;
}
form#commentform textarea{ border-color:currentColor currentColor #e1e1e1 #ececec; border-style:none none solid solid;
border-width:medium medium 1px 1px; color:#4A586C; font-size:15px;height:140px; margin-right:10px;padding:5px 10px;
width:94%;
}

/* -- Community News Form -- */
.fvcn-add-post { margin: 0;width:600px;border:0px solid; padding: 5px 0;
}
.fvcn-add-post textarea{ width:300px;border:9px solid; border: 0;padding:9px;
}
#fvcn-content {width:500px;border:1px solid #999; height:150px; padding: 5px 0; color: #666;
}
#fvcn-submit {margin: 8px 0; width:100px;border:1px solid; padding: 5px 0;background:#999;
}
#fvcn-author, #fvcn-author-email,#fvcn-title, #fvcn-url{ width:570px;border:1px solid #999; padding: 8px 0;
}
.fvcn-posts-list h4 a { font:14px Georgia; line-height:30px; font-weight:normal;color:#555; letter-spacing:-0.01em;
}


/* -- Site Map -- */
#content2 { width:605px; background:transparent; text-align:justify; padding:10px 20px 10px 30px; float:left;
margin-top:-5px; min-height:400px;
 }

#content2 h2 { background: url(/menline.png) top repeat-x;  text-align : left; font: 24px Georgia, Times, serif;
letter-spacing: 1px; color: #555;  text-shadow: 0px 1px 0px #fff; padding : 2px 0px 4px 0px; margin : 0px;
}

#content2 ul li { color: #666; list-style:disc; font-size:12px; margin:2px 0px 10px 20px;
}

.pagination { clear:both; padding:20px 0px 40px 0px; position:relative; font-size:11px; line-height:13px;
}
.pagination span, .pagination a { display:block; float:left; margin: 2px 5px 2px 0; text-decoration:none;
width:auto; color:#555;border:1px solid #ccc; background: #eee; padding: 5px 7px 3px 7px ; 
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.pagination a:hover{ color:#666;border:1px solid #999; background: #eee;
}
 .pagination .current{ border:1px solid #666; background: #555; color:#fff;
}
.button { background: #ededed; color: #fff; font-size:12px; padding: 8px; margin : 0px;
}


.button:hover 	{ background: #ededed; color: #555; text-decoration: none; }
.readmore { float: left;  position: relative; margin : 10px 0px 0px 0px ; }


#follow2{font: 12px georgia, serif; color:#555;
 padding:0px 0px 0px 0px; height:80px; width:550px;
margin-top:0px;text-align:left;
font-weight:normal;text-transform:uppercase;
}

#follow2 ul{margin-top:15px;margin-left:-10px;}
#follow2 a {text-transform:none;font:normal 12px arial, sans-serif; color:#555;}
#follow2 a:hover {color:#888;border:0;}
#follow2 li {display:block;float:left;width:160px;
padding-bottom:12px;margin-top:0px;}


.more_mail{ background-image: url('http://josweb.co.uk/email_16.png');
padding-left: 25px;background-repeat: no-repeat;background-position: 0px 0px; }
.rss{ background-image: url('http://josweb.co.uk/rss_16.png');
background-repeat: no-repeat; padding-left: 25px;background-position: 0px 0px;}
.fbk{ background-image: url("http://josweb.co.uk/facebook_16.png");
background-repeat: no-repeat; padding-left: 25px;background-position: 0px 0px;}
.twtr{ background-image: url("http://josweb.co.uk/twitter_16.png");
background-repeat: no-repeat; padding-left: 25px;background-position: 0px 0px;}


.require { font: normal 11px/1.4em helvetica, arial, sans-serif; text-align:center; background: url(/menline.png) top repeat-x;  padding:10px 0px 5px 0px; color:#888;
}



.googlead1{ border:1px solid #fff; padding:4px; float:left; background-color: #eee; margin:0px 12px 20px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;
}

.googlead2{ border:1px solid #fff; padding:4px; float:left; background-color: #eee; margin:0px 12px 20px 0px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; -moz-border-radius: 5px; -webkit-border-radius:5px;
border-radius:5px;

 }





/* -- EXTRAS -CHECK IF NEEDED -- */
code {
 font: 1.0em 'Courier New', Courier, Fixed;
 background:#ececec;
 } 
 
acronym, abbr, span.caps { 
 font-size: 0.9em;
 letter-spacing: .07em;
 cursor: help;
 }   
 
acronym, abbr {
 border-bottom: 1px dashed #999;
 }
 

 
select {
 width: 130px;
 }




#botmen {
 color:#fff;
 height:35px;
 margin:-18px 0px -10px 0px;
 }


#front-popular h3 {
 color:#fff;
 }
 
#bottom {
 width: 960px;
 }

#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em;
}


.tiwt_compact {
 float:right;
 margin: -20px 80px 0px 0px;
 }







.post ol li, #front-list ol li { 
 list-style:decimal;
 margin-left:30px;
 }
.post ol li ul li, #front-list ol li ul li { 
 list-style:square;
 margin-left:20px;
 }


.post .extras {float:left;
 width:100%;
 margin: 0px 5px 15px 0px;
 padding: 2px;
 background: #fff; 
 }
.post  .ads{
 float:right;
 margin: 0px 0px 5px 0px;
 padding: 0px 10px 0px 0px;
 background: transparent;color: #ccc;
 }
.post  .related{float:left;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 background: transparent;color: #ccc;
 }


#tools {
 width:590px;
 height:25px;
 font-size:0.95em;
 }
 
#tools a:hover {
 background:none;
 }



.vectoright{
 float:right;
 border:1px solid #bebebe;
 margin: 10px 0px 9px 0px;
 padding:6px;
 background: #ccc;
 }

 .vectorleft2{
 float:left;
 border:1px solid #bebebe;
 background: #ccc;
 margin: 10px 0px 9px 0px;
 padding:6px;
 }

.vectoright2{
 float:right;
 border:1px solid #bebebe;
 margin: 10px 0px 9px 0px;
 padding:6px;
 background: #ccc;
 }
 


.tweet-this { 
 float:left;
 background: url(/tweetboxtest3.jpg)no-repeat;
 margin:0px;
 background-position: 105% -3px;
 width:285px;
 padding:9px 0px 13px 0px;
}

.tweet-this a{ 
 font:12px Georgia;
 text-align:left;
 font-weight:normal;
 color : #666;
}

.tweet-this a:hover{
color : #333;
}
#description{ 
 font:11px Georgia;
 font-weight:normal; color:#555;
 margin:0px 0px 0px 0px;
 background-color:transparent;
 }

.getmyfeed{
float:right;
 margin: 0px 40px 0px 0px;
}



.ddsg-wrapper ul li{
 float:left;font-weight:normal;
display:inline;width:96%;
padding:0px 0px 0px 0px;
 background:transparent; 
list-style:none;
 margin: 0px;text-align:left;
}
.ddsg-wrapper li{
color:#666;text-align:left;
 list-style:none;
 font-size:11px;line-height:24px;
 border-bottom:1px dotted #ccc;
 display:inline;
 padding:0px;}
.ddsg-wrapper li a{ font-weight:bold;
color:#555;}
.dd_post_share{
 float:left;
 background-color : #fff;
 border-top:4px solid #666;
 border-bottom:1px dotted #C1C1B4;
 margin: 10px 0px 0px 0px;
 width:570px;
 }
.dd_buttons{
 margin: 5px 10px 0px 15px;
}
 
.dd_button{
 margin: 2px 10px 5px 5px;
}

 



.adlink a{
 float:right;
 font-size:11px;
 font-weight:normal;
 color: #666;
}



.ws_tweet {
 background-color: #ececec;
 list-style:none;
 font-size:12px;
 text-align:left;
 margin:2px 20px 10px 0px;
 padding:8px;
}

.myimg{
 background-color: #ececec;
 border:1px solid #bebebe;
 float:left;
 padding:2px;
 -moz-box-shadow: 0 0 6px #999;
-webkit-box-shadow: 0 0 6px #999;
}



.addthis_counter {
 width: 50px;
 height: 60px;	
 padding-left:8px;
 font-weight: bold;
 display: block;
}




/*
 * Narcissus theme customization
 */
#dsq-content .dsq-header-avatar img {
    width: 48px;
    height: 48px;
}


#dsq-content h3 { float: none; font-weight : bold; font-size : 125%; font-style : normal; text-align : left; font-family:Georgia, \"Times New Roman\", Times, serif; letter-spacing:-1px; padding : 0px 0px 4px 0px; color : #555; margin : 0px 0 0px 0; }



#feed_emailform{
 

border-top:0px dotted #bcb6a1;
float:left;
font-size:10px;
 width:570px;
background:#fff;
height:50px; 

 margin:5px 0px 0px 0px;
}
.form_sub h4{font-size:12px;
 margin:0px 0px 0px 0px;
 color:#555;
 background:transparent;
 }
.form_sub{
float:right;
 margin:3px 0px 0px 0px;
 width:300px;
text-align:left;
 background:transparent;
 font-size:11px;
line-height:12px;
 vertical-align:top;
}
.feed-subscription{
float:left;
display:block;
padding:10px 0px 5px 0px;
width:270px;
}

.but{
 float:left;
 position: absolute;
left: 240px;
margin: 0 !important;
 }

.s{margin:0px 0px 0px 0px;
 float:right;width:167px;
 border:0px solid;

 }
.st{margin:0px 20px 0px 0px;
 float:right;
 border:0px solid;

 }
.tw{margin:0px -38px 0px 0px;
 float:right;
 border:0px solid;

 }

.atclear{height:0em;display:none;

 }