/*
Theme Name: VIDDIX
Theme URI: http://www.viddix.com/
Description: Wordpress theme for VIDDIX Blog
Version: 1.0
Author: Tim van den Tempel
Author URI: http://www.viddix.com/
*/

/***
*    GLOBAL CSS
***/

*
{
  padding: 0;
  margin: 0;
}

body{
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  background-image: url(images/body_bg.jpg);
  background-repeat: repeat-x;
}

hr
{
  display: none;
}

a
{
  color: #6AB5F9;
  text-decoration: none;
}
a:hover
{
  color: #6AB5F9;
  text-decoration: underline;
}

a:visited
{
  color: #6AB5F9;
  text-decoration: none;
}

#page
{
  width: 982px;
  margin: auto;
  text-align: left;
}

#wrapper
{
  clear: both;
  width: 982px;
  overflow: hidden;
  padding: 10px 0 0 0;
}

.pagetitle
{
  font-size: 16px;
  color: #599FE0;
}
/***
*    HEADER CSS
***/

#logo
{ 
  float: left;
  width: 254px;
  height: 83px;
  background-image: url(images/viddix_logo.jpg);
  background-repeat: no-repeat;
  margin: 0 0 11px 0;
}

#header {
}
 
#headerimg
{
  float: left;
  font-size: 14px;
  color: #599FE0;
  margin: 0 0 0 180px;
}
 
#header h1
{
  font-size: 2em;
}

.menu 
{ 
  margin: 0 0 0 0;
  width: 500px;
  clear: both;
}

.menu ul 
{
  list-style-type : none;
  margin : 0;
  padding : 0;
  float: left;
}

.menu ul li 
{
  display : inline;
  margin : 0 20px 0 0;
  padding : 0;
  text-transform : uppercase;
  font-size: 12px;
  line-height: 20px;
}

.menu ul li a 
{
  text-decoration : none;
  color : #000;
  font-size: 12px;
  line-height: 20px;
}

.menu ul li a:hover 
{
  text-decoration : none;
  color : #777;
}

/***
*    CONTENT CSS
***/

#content 
{
  width: 700px;
  float: left;  
}

.post
{
  margin: 5px 0 30px 0;
  padding: 0px;
  border-bottom: 1px solid #D3D3D3;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
  background-color: #FFFFFF;
}




.post a
{
  color: #6AB5F9;
}
.post a:hover
{
  text-decoration: underline;
}

.title_text a
{
  color: #ffffff;
}
.title_text a:hover
{
  text-decoration: none;
}
.date
{
  float: right;
  font-size: 10px;
  padding-right:5px;
  color:#0062BA;
}

.post p
{
  line-height: 17px;
  margin-bottom: 10px;
  font-family: Arial;
  font-size:12px;
}

.post h2
{
	float:left;
	font-size:20px;
	font-family:arial;
	font-weight:bold;
	color:#ffffff;
	padding: 2px 0 0 6px;	
}
.post .entry
{
  clear: both;
  padding: 8px 5px 0 5px;	
  line-height:17px;
}
h2 a:hover, h2 a:visited, h2 a
{
  text-decoration: none;
  color: #599FE0;
}

blockquote
{
  margin: 10px 16px;
  padding: 10px 16px;
  border: 1px solid #D3D3D3;
  background-color: #FFFFFF;
}
 
.post li
{
  margin-left: 20px;
} 
 
.post ul
{
  list-style-type: bullet;
}
 
acronym, abbr, span.caps
{
  cursor: help;
}
 
acronym, abbr
{
  border-bottom: 1px dashed #999;
}
 
blockquote cite
{
  margin: 5px 0 0;
  display: block;
}
 
.center
{
  text-align: center;
}
 
a img
{
  border: none;
}
 
h3
{
  margin-top: 16px;
  font-size: 14px;

}
 
h4
{
  margin-top: 16px;
  font-size: 13px;
}
 
h5
{
  margin-top: 16px;
  font-size: 12px;
}
 
.navigation
{
  display: block;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
 
.alignleft
{
  float: left;
  text-align: left;
}
 
.alignright
{
  float: right;
  text-align: right;
  margin: 0 20px 0 0;
}

/***
*    COMMENTS CSS
***/

#comments
{
  font-size: 14px;
  color: #6AB5F9;
  margin: 5px 0 10px 0;
}

#commentform p
{
  margin: 0 0 5px 0;
}

.comment_author{
  float: left;
}

.comment_text{
  clear: both;
}
#respond{
  font-size: 14px;
  color: #6AB5F9;
  margin: 5px 0 10px 0;
}

ol.commentlist
{
  width: 635px;
  margin: 0 auto;
  list-style-type: none;
}
 
ol.commentlist li
{
  margin-bottom: 16px;
  border: 1px solid #D3D3D3;
  padding: 5px;
  background-color: #FBFBFB;
}
 
ol.commentlist li.alt
{
  background-color: #FBFBFB;
}
 
ol.commentlist a
{
  color: #474747;
	font-weight:bold;
}
 
small.commentmetadata
{
  font-size: 11px;
  margin-bottom: 16px;
  display: block;
}

/***
*    SIDEBAR CSS
***/

#sidebar 
{
  float: left;
  width: 210px;
  padding: 0px;
  margin: 5px 0 0 20px;
  border-bottom: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
  border-left: 1px solid #D3D3D3;
  background-color: #FFFFFF;
}

#sidebar ul
{
  list-style-type: none;
}

#sidebar ul li
{
  margin: 0 0 15px 0;
  color:#48A3F6;
}

#sidebar ul ul
{
  margin: 0 0 10px 10px;
}

#sidebar ul ul li
{
  margin: 0 0 5px 0;
  color:#48A3F6;
}
#sidebar h1
{
  font-size: 18px;
  text-transform: uppercase;
  color: #599FE0;
  margin: 0 0 5px 0;
  font-weight: normal;
}
#sidebar h2
{
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 5px 5px;
  font-weight: bold;
  color:#6AB5F9;
}

#searchform #s
{
  width: 90px;
  margin-left:5px;
}

#searchform #searchsubmit{
  border: 1px solid #ffffff;
  background-color: #fff;
  color: #ffffff;
}

.rss
{
  width: 100%;
  text-align:left;
  margin:3px 0 5px 5px;
}

#sidebar a:{
	color:#6AB5F9;
}

#sidebar a:hover{
	color:#6AB5F9;
}

/***
*    FOOTER CSS
***/

#footer 
{
  margin: 10px 0 0 0;
  padding: 3px 0 0 0;
  clear: both;
  text-align: center;
  font-size: 11px;
  border-top: 1px solid #D3D3D3;
}
#footer a{
  color: #2167A7; 
  text-decoration: none;
}
#footer a:hover
{
  text-decoration: underline;
}