/*  


Theme Name: CC Strips
Theme URI: http://www.computingcorner.co.uk
Description: This is a design write by <a href="http://www.jonathandaivdharris.co.uk">Jonathan Harris</a> for Computingcorner site.
Version: Version 1
Author: Jonathan Harris
Author URI: http://www.jonathandavidharris.co.uk


*/


body { 
	background-color: #4B4B4B;
	padding: 0; 
	margin: 0;
	min-width: 675px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a, a.link, a:link{ 
	font-weight: bold; 
	text-decoration: none;
	color: #0066FF;}

a:hover, a:focus  { color: #00FF33; }
a:active { color: #FF0000;}
a img {
	text-decoration:none;
	border:none;
	padding:0px;
	margin:0px;
}

/*Header */


.header { 
	background-color:#000; 
	background-image: url(bks.png); 
	background-image:-webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.22, rgb(40,40,40)),
    	color-stop(0.5, rgb(80,80,80))
	);
	background-image:-moz-linear-gradient(
    	center bottom,
    	rgb(40,40,40) 22%,
    	rgb(80,80,80) 50%
	);
	background-position: top;
	background-repeat:repeat-x;
	color:#FFFFFF; 
    text-align: left; 
	font-size:16px; 
	height: 35px;
}

.search { 
	float: right;
	height: 15px;
	font-size:11px;
	font-weight: bold; 
	font-family:Arial, Helvetica, sans-serif; 
	margin-right: 8px;
	margin-top: 8px;
}


form.qs { 

	padding: 0px;
	font-size:11px;
	margin: 0px;
	border:0px;}
.submit1 { 
	display: none;
	font-weight:bold; 
	background-color: #FFFFFF;
	margin: 0px;
	width: 50px;
	border: 0px;
	font-size:14px;
	height: 18px;}
.textfield {
	font-size:14px;
	background-image: url(magnifier.png);
	padding-left: 21px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: 3px 1px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	font-weight:normal;
	margin:0px;
	border: 0px }
.textfield:hover, .textfield:focus {
	background-color: #FFFFB9;} 

.searchtext {
	font-size: 11px;
	color: #FFFFFF;
	padding: 0;
	margin: 0px;}

#submit{



padding: 0;



margin: 0px;



border: 1px #fff solid;



background-color:#000000;



color: #fff;}



.feed1 {







	float: left; 







	font-size: 21px; 







	font-weight: bold; 







	margin-left: 5px; 







	letter-spacing: 0.25em; 







	text-transform: uppercase; 







	line-height: 30px; 







	font-family: "Times New Roman", Times, serif; 







}















div.feed1 a, div.feed1 a:hover{ 







	color: #FFFFFF;	







	text-decoration: none; 







}























.feed2 { 







	padding-left: 28px;  







	background: url(feed-icon-24x24.gif) center left no-repeat;







}







































































/* Title bar  */





#title {

  background: #fff;

  background-image: url(cc97.png);

  border-top: 1px #000 solid;

  background-position: center;

  background-repeat:no-repeat;

  height: 142px;

  text-align: center;

  font-size: 36px;

  }


#title h1{
	display: none;
}


#bk1 {

  float: left;

  width: 200px;

  height: 140px;

  background: url(bk1.png) left top no-repeat;

}





#bk2 {

  float: right;

  width: 200px;

  height: 140px;

  background: url(bacl1.gif) right top no-repeat;

}





#cc {

  border: 0;

}



.title a { 























	text-align: center;















































}































































































/* Main and box */



.box {
	color: #000;
	text-align:left;
	padding: 2px;
	clear:both;
}







.main { 
	padding: 0; 
	margin: 0px;
	background-image: url(monkey3.png);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: right;
	background-attachment: fixed;


}


h5.dltitle {



	font-size: 46px;



	color:#000000;



	font-family: Georgia, "Times New Roman", Times, serif;



	margin: 0px;



	font-weight:bolder;



	background: url(toolbox.gif) no-repeat left center;



	padding-left: 52px;



	margin-top: 20px;}



































div.main h4 {



	font-size:32px;



	font-weight:bold;



	padding:0px;



	margin:25px 0px 0px 0px;



	font-family: "Trebuchet MS";







}















div.main h4 a {



	font-size:32px;



	font-weight:bold;



	text-decoration:none;



	color: #666666;



}















div.content a:hover, div.content a:focus, div.content a:active, h4 a:hover, h4 a:focus, h4 a:active { 







	color:#00FF33;



	font-weight:bold;



	text-decoration:none;}











div.content small {



	padding: 0px;



	margin: 0px 0px 0px 0px;



}





.content a img, .content a:hover img {

			background: inherit;

			padding-right: 0px;	

}





.content a[href^="http:"], .content a:hover[href^="http:"] {



	background: url("http://www.spacedmonkey.co.uk/wp-content/themes/v3.5/external.png") no-repeat right;



	padding-right: 12px;



				}



.content a[href^="http:"] img, .content a:hover[href^="http:"] img{



			background: inherit;



			padding-right: 0px;		}



.content a[href^="http://www.computingcorner.co.uk"], .content a:hover[href^="http://www.computingcorner.co.uk"]  {



			background: inherit;



			padding-right: 0px;		}



.content a[href^="http://www.computingcorner.co.uk/download"], .content a:hover[href^="http://www.computingcorner.co.uk/download"] {



	background: url(dl.png) no-repeat left;



	padding-left: 18px;



				} 



.content a[href^="http://www.youtube.com"], .content a:hover[href^="http://www.youtube.com"], .content a[href^="http://video.google.co.uk"], .content a:hover[href^="http://video.google.co.uk"] {



	background: url(video.gif) no-repeat left;



	padding-left: 18px;



				} 



ul.sub li {







font-size: 13px; }































/*  Content */















.content {



	color: #000000;
	margin-left: 30px;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 230px;
	clear: left;
	font-weight:normal;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment:fixed;


}











div.content ul li ul li {







	list-style-type: circle;







	background:none;







	padding-left: 0px;







}







/*  the navigation bar */























#navigation {



	height:2.2em;



	text-align: center;



	line-height:2.2em;



	color:#ffffff;



	padding: 0;



    display: table;



    list-style-type: none;



    width: 600px;	



	margin-top: 0px;



	margin-bottom:0px;



    margin-left:auto;



    margin-right: auto;



}















#navigation li {



	float:left;



	list-style-type:none;



	white-space:nowrap;}







#navigation li a {



	display:block;



	padding:0 15px;



	font-size: 14px;



	font-weight:bold;



	text-transform:uppercase;



	text-decoration:none;



	background-color:inherit;



	color: #ffffff;



}















#navigation a:hover {



	color: #CCCCCC;



	text-decoration:none;



}















.navback {



	background-color: #4B4B4B;
	


	text-align:center;



	height: 35px;



	clear: both;}











/* Quote */ 















.quote {

 	clear: both;

	font-size: 12px;

	text-align: center;

	color: #000000;

	padding-top: 4px;

	padding-bottom: 6px; 

	background-color:#C0C0C0;

}



/*  Footer */





.footer {

	padding-bottom: 0;

	background-color: #4B4B4B;

	color:#FFFFFF; 

	text-align: center; 

	padding: 2px; 

	clear: both; 

	font-size:12px; 

	border-top: 4px #666 solid;

}



div.footer a {  
	color:#00CCFF;
	text-decoration: none;
    font-weight:bold;
	font-size: 14px;
}



div.footer a:hover, div.footer active { 

	color:#00FF33;

}



/*  Right sidebar */



.right { 

	width: 190px; 

	float:right; 

	margin-top: 15px; 

	font-size: 14px;

	clear: both;
	background-color:#D6D6D6;

}



div.right h5 {

	color: #000;

	font-family: "Trebuchet MS";

	font-size: 18px;

	margin: 0 0 10px 0;

	padding: 10px 0 2px 0;

}





h5.help { 

	padding-left: 20px; 

	background: url(help1.gif) center left no-repeat;

}



h5.email { 

	padding-left: 20px; 

	background: url(email-icon.gif) center left no-repeat;

}

h5.feed { 







	padding-left: 20px; 







	background: url(feed.jpg) center left no-repeat;















}







































ul.keys li, ul li.widget ul li{ 





	list-style-type: none;







	padding-left: 18px;







	background: url(ackeyboard.gif) top left no-repeat;















}















/* Right sidebar hyperlink */































div.right ul {







	list-style-type:none;







	padding:0px;







	margin:0px;























}































div.right ul li a, div.right ul li a:visited, div.right ul li a:link {







    color: #666;







	text-decoration: none;







	font-weight:bold;







}























div.right ul li a:hover, div.right ul li a:focus, div.right ul li a:active  {  







	color: #00FF33;







	text-decoration: none;







	font-weight:bold;}

















div.right a img {















	text-decoration:none;







	border:none;







	padding:0px;







	margin:0px;















}







div.right ul.access1, div.right ul.access1 li {







	background: none;







	list-style-type:none;







	padding:0;







	margin:0px;}























/* Share details */















#dig {  padding-left: 18px;  background: url(dig1.gif) center left no-repeat;}







#dela {  padding-left: 18px;  background: url(del.gif) center left no-repeat;}







#reg {  padding-left: 18px;  background: url(reddit.png) center left no-repeat;}







#mag {  padding-left: 18px;  background: url(magnolia.png) center left no-repeat;}







#yahoo {  padding-left: 18px;  background: url(yahoo.png) center left no-repeat;}







#facebook, #fb, #fb1 {  padding-left: 14px;  background: url(face1.gif) center left no-repeat;}







#emailthis {  padding-left: 18px;  background: url(email_go.png) center left no-repeat;}







/* Detail */























.detail{















	margin-left: 0px; 







	margin-top: 10px; 







	margin-right: 207px;







	padding:10px;







	background-color:#DBDBDB;







	color:#505050;







	line-height:1.5em;















}























/* Detail links */















div.detail a {







	text-decoration:none; 







	color:#333333;















}























div.detail a:hover { 















	background-color: #333333; 







	color:#FFFFFF;















}















/* Comment*/















.comment {	







	background-color:#CCCCCC; 







	margin-left: 0px; 







	margin-top: 0px; 







	margin-right: 207px; 







	margin-bottom: 0px; 







	padding: 10px;















}















.commentform { 















	margin-left: 10px; 







	margin-right: 10px; 







	margin-bottom: 0px; 















}















.comment textarea { 















	margin-bottom: 20px;







}















div.comment p { 







	margin-left: 10px; 







}























/*  Details */























.rss {  padding-left: 18px;  background: url(feed1.png) center left no-repeat;}







.book {  padding-left: 18px;  background: url(book.gif) center left no-repeat;}







.top {  padding-left: 18px;  background: url(up.gif) center left no-repeat; padding-bottom: 10px;}







.rss16 {  padding-left: 18px;  background: url(feed1.png) center left no-repeat;}







#email16 {  padding-left: 18px;  background: url(email1.jpg) center left no-repeat;}







.top3 {  padding-left: 12px;  background: url(arrow_up.gif) center left no-repeat;}





/* Footer feed formatting */



.footerfeed {

	background-color:#666666;

	font-size: 11px;

	color:#FFFFFF;

	text-align: center;
	min-height: 190px;
	overflow:hidden;



}

.centering {
	margin-left: auto;
	width: 1000px;
	margin-right:auto;	

}

.com1 {

	text-align:left;

	padding: 7px;

	width: 196px;

	float:left;

}

.com2 {

	float:left;

	text-align:left;

	padding: 7px;

	width: 196px;

}

.com3 {

	text-align:left;

	padding: 7px;

	width: 210px;

	float:left;

}

.com4 {


	padding: 7px;

	width: 226px;

	text-align:left;
	margin-left: 640px;

}

div.footerfeed a, div.footerfeed a.link,div.footerfeed a:link {

	color: #FFFFFF;}

div.footerfeed a:hover, div.footerfeed a:active {

	color: #00FF33;}

div.footerfeed h5,.widgettitle {

font-size: 16px;

padding: 0;

margin-bottom: 6px;

margin-top: 2px;}



div.footerfeed ul {

	padding: 0;

	margin: 0px;}

div.footerfeed ul.keys li{

	list-style-type: none;

	padding-left: 18px;

	background: url(ackeyboard.gif) top left no-repeat;}



.del,#rss-5 h2 {  padding-left: 20px;  background: url(del.gif) center left no-repeat;}

.wm12 {  padding-left: 20px;  background: url(wm12.gif) center left no-repeat;}

.sm12,#rss-3 h2 {  padding-left: 20px;  background: url(sm12.gif) center left no-repeat;}

.cs12 {  padding-left: 20px;  background: url(cs12.gif) center left no-repeat;}




code {
	background-color:#000000;
	color:#33FF33;
	padding: 15px;
	border: 2px #33ff33 solid;
	margin: 15px;}


blockquote {
  margin: 20px;
  padding: 20px;
  font-size: 80%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  }



blockquote p {
  background: url(quotes2.gif) no-repeat bottom right;
  }

.widget_rss{
	font-size: 12px;
		text-align:left;
	list-style: none;
	padding: 17px;

	width: 220px;

	float:left;
}
.widgettitle img{
	display: none;
}
#rss-4{
	width:160px !important;
}