
/* this is a comment in css */

/* test colour */
/*	background-color:#EE82EE;    */


/* originally #6699FF; */

a:link    {color:#3E6EB8;} /* unvisited link */
a:visited {color:#3E6EB8;} /* visited link */
a:hover   {color:red;}     /* mouse over link */
a:active  {color:#3E6EB8;} /* selected link */


a:link {text-decoration:none;    font-weight:bold;}  /* unvisited link */
a:visited {text-decoration:none; font-weight:bold;}  /* visited link */
a:hover {text-decoration:none;   font-weight:bold;}  /* mouse over link */
a:active {text-decoration:none;  font-weight:bold;}  /* selected link */



.headerlink a:link    {color:#3E6EB8;}  /* unvisited link  */
.headerlink a:visited {color:#3E6EB8;}  /* visited link    */
.headerlink a:hover   {color:red;}      /* mouse over link */
.headerlink a:active  {color:#3E6EB8;}  /* selected link   */
.headerlink a         {font-weight:normal;}

.blacklink a:link    {color:#303030;}  /* unvisited link  */
.blacklink a:visited {color:#303030;}  /* visited link    */
.blacklink a:hover   {color:red;}      /* mouse over link */
.blacklink a:active  {color:#303030;}  /* selected link   */

.whitelink a:link    {color:#FFFFFF;}  /* unvisited link  */
.whitelink a:visited {color:#FFFFFF;}  /* visited link    */
.whitelink a:hover   {color:red;}      /* mouse over link */
.whitelink a:active  {color:#FFFFFF;}  /* selected link   */
.whitelink a         {font-weight:normal;}

.greylink a:link    {color:#909090;}  /* unvisited link  */
.greylink a:visited {color:#909090;}  /* visited link    */
.greylink a:hover   {color:red;}      /* mouse over link */
.greylink a:active  {color:#909090;}  /* selected link   */


body {

	background-color:#D7E1F1;    /*  for gradient4  */

/*	background-color:#F6F6F6;      */
/*	background-color:#E6E6E6;      */
	background-image:url('images/blue-gradient4.png'); 
	background-repeat:repeat-x;  

/*	background-image:url('images/crowd.jpg'); */
	margin:15pt;
}


h1 {
	color: #3E6EB8;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;  */
	font-weight:bold;
	font-size: large;
	margin: 10px 0 10px 8px;
	padding:0;
}

h2 {
	color: #3E6EB8;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;   */
	font-weight:bold;
	font-size: medium;
	margin: 10px 0 5px 8px;
	padding:0;
}


img {
	border: 0;
}


form {
	margin: 0;
	padding: 0;
}




#page {

/*	Total width should equal 1000 */

	width: 958px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border: 1px solid #CCCCCC;  
	padding: 20px;
	background-color:#FFFFFF;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:13px;
	color:#3E6EB8;

}

#pageheader {
	width: 100%;
	height:auto;
}


#pagebody {
	width: 100%;
	height:auto;
	min-height:500px;
	overflow:auto;
	padding-top:15px;
}


#pagefooter {
	width: 100%;
	height:auto;
	min-height:120px;
	margin-top:25px;
}


#headerlinks {

	width: 800px;
	height:auto;
	margin-top:15px;
	font-size:15px;
	color:#3E6EB8;
}


#footerblock {
	float:left;
	width: 938px;
	height:70px;
	margin-top:30px;
	padding-left:20px;
/*	border: 1px solid #CCCCCC;  */
	background-color:#3E6EB8;   
}


#footerhome {
	float:left;
	width: 790px;
	height:auto;
	font-size:15px;
	color:#3E6EB8;
	position: relative; bottom: 25px; right: 20px;

}

#footermore {
	float:left;
	width: 790px;
	height:auto;
	font-size:15px;
	color:#FFFFFF;
	margin-top:5px;
}


#footercircle {
	float:left;
	width: 121px;
	height:auto;
	margin-right:0px;
	position: relative; bottom: 43px;


}


#footercopy {
	width: 500px;
	height:30px;
	font-size:11px;
	color:red;
	padding-top:2px;

}

.searchbutton {
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:black;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	border:solid #3E6EB8 1px;
	width:68px;
}

.searchbutton:hover {
	border-color:red;
}


.boxvideolist
{
	float:left;
	margin:0px;
	font-size:13px;
	width: 918px;
/*	padding-left:40px;  */
	padding-left:0px;

}

.boxvideo
{
	background-color:#F6F6F6;  
	float:left;
	margin-top:10px;
	margin-bottom:21px;
	margin-right:10px;
	margin-left:10px;
	padding:7px;
	border: 1px solid #CCCCCC;  
	font-size:13px;
	width:250px;
	height:191px;
	overflow:hidden;
}

.boxvideo2
{
	background-color:#F6F6F6;  
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	margin-right:0px;
	margin-left:20px;
	padding:7px;
	border: 1px solid #CCCCCC; 
	font-size:13px;
	width:250px;
	height:191px;
	overflow:hidden;
}

.boxvideopic
{
	margin:0;
	margin-bottom:2px;
	width:250px;
	height:140px;
	overflow:hidden;
	position: relative;
}

.boxvideotitle
{
	max-height:32px;
	overflow:hidden;
}


.boxvideoname
{
	max-height:16px;
	overflow:hidden;
}



.durationoverlay {
/*	color: #F6F6F6;  */
	color: #DCDCDC;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 1;
	padding: 1px 4px;
/*	background: rgba(62, 110, 184, 0.6); */
/*	background: rgba(0, 0, 0, 0.7);      */
	background-color:#282828;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.boxguru
{
	background-color:#F6F6F6;
	float:left;
	margin-top:10px;
	margin-bottom:21px;
	margin-right:10px;
	margin-left:10px;
	padding:7px;
	border: 1px solid #CCCCCC;
	width:250px;
	height:72px;
	overflow:hidden;
}

.boxgurupic
{
	float:left;
	margin:0x;
	padding:0px;
	border: 0px;
	width:73px;
	height:73px;
}

.boxgurutext
{
	float:left;
	margin:0x;
	padding-top:15px;
	padding-left:15px;
	font-size:15px;
	border: 0px;
	width:162px;
	height:auto;
	overflow:hidden;
}


.boxgurutexttitle
{
	font-size:12px;
	color:#909090;
}


.column_header
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}

.page_title
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:25px;
	margin-bottom:5px;
	font-size:21px;
}


.text_line
{
	clear:both;
}



/* =======================================================================================

/* Feed from Blogali */

.blogali_box
{
	float:left;
	margin:0px 0px;
	margin-top:10px;
/*	padding:5px;  */
	padding:10px;
	padding-bottom:10px;
	border: 1px solid #CCCCCC; 
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size:13px;
/*	width:944px;  */
	width:936px;
	height:auto;
	overflow:hidden;
}


.article_box
{
	float:left;
	margin:8px 0px;
	padding:5px;
	font-size:13px;
	width:924px;
	height:auto;
	overflow:hidden;
}


.twitter_box
{
	float:left;
	margin:0px 10px 0px 0px;
	padding:2px 1px 2px 2px;
	border: 1px solid #CCCCCC; 
	font-size:13px;
	width:49px;
	height:48px;
	overflow:hidden;
	background-image:url('http://www.blogali.co.uk/images/blogali-b-grey.png');
}



.article_link_box
{
	float:left;
	margin:0px;
	padding:0px;
	padding-top:4px;
/*	font-family: helvetica, verdana, ariel, sans-serif;  */
	font-size:13px;
	width:860px;
	height:auto;
	overflow:hidden;
}


.blogali_header
{
	font-size:18px;
	font-weight:bold;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:4px;
}



.article-title a:link    {text-decoration:none; font-weight:bold; font-size:17px}  /* unvisited link */
.article-title a:visited {text-decoration:none; font-weight:bold; font-size:17px}  /* visited link */
.article-title a:hover   {text-decoration:none; font-weight:bold; font-size:17px}  /* mouse over link */
.article-title a:active  {text-decoration:none; font-weight:bold; font-size:17px}  /* selected link */

.article-url a:link    {color:#909090; text-decoration:none; font-weight:normal; font-size:13px}    /* unvisited link */
.article-url a:visited {color:#909090; text-decoration:none; font-weight:normal;} /* visited link */
.article-url a:hover   {color:red; text-decoration:none; font-weight:normal;}   /* mouse over link */
.article-url a:active  {color:#0099FF; text-decoration:none; font-weight:normal;}  /* selected link */

.article-twitter a:link    {color:#909090; text-decoration:none; font-weight:normal; font-size:12px}    /* unvisited link */
.article-twitter a:visited {color:#909090; text-decoration:none; font-weight:normal;} /* visited link */
.article-twitter a:hover   {color:red; text-decoration:none; font-weight:normal;}   /* mouse over link */
.article-twitter a:active  {color:#0099FF; text-decoration:none; font-weight:normal;}  /* selected link */


/* =======================================================================================

