/*  
Theme Name: ViceVideo
Theme URI: http://www.onevice.com/
Description: OneVice 3.0 Video blog for Wordpress
Version: 0.2
Author: Kristian "pinkkis" Koivisto-Kokko
Author URI: http://pinkkis.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

If you remix and re-release similar versions of ViceVideo, 
please include links/credit to the original author

*/

/* ---------- HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body {	
	color:#c0c0c0;
	background: #000 url(images/mainbackground.png) no-repeat center top;
	}

body, select, textarea, input {	
	font: 100% Arial, Helvetica, sans-serif;
	}

p {	
	margin: 15px 0;
	line-height:125%;
	}
		
a, a:visited {
	text-decoration:none;
	color:#ca00d0;	
	}

a:hover, a:active {	
	text-decoration:underline;
	}

ol {
	margin: 15px 15px 15px 35px;
	}
	
a img, fieldset {
	border:none
	}

*:focus {
	outline:none
	}

/* ---------- Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 4px;
}

.alignright {
float:right;
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
}


/* ---------- Page Structure -----------*/


#top {

	padding-bottom:1px;
	}

.wrapper {

	margin: 0 auto;
	font-size: 1em;
	width: 960px;
	}

#branding {

	height:122px;
	}

#videoframe {
  
  background: url(images/videobackground.png) no-repeat left top;
  
  /*height: 850px;*/
  width: 707px;
  
  }

#videoembed {

  position: relative;
  top: -45px;
  left: 40px;
  width: 622px;
  }

#videopost {

  padding: 5px;
  border-bottom: thin #00968c solid;
  border-left: thin #00968c solid;
  border-right: thin #00968c solid;
  /*height: 175px;*/
  margin-bottom: 40px;
  
  }

#sidebar {

  background: url(images/otherstuffbackground.png) no-repeat right top;
  text-align: right;
  float: left;
  height: 100%;
	width: 245px;
	padding: 1px;
	padding-left: 2px;
  }


#blogposts {

  background: url(images/blogbackground.png) no-repeat right top;

  float: left;
	width: 345px;
	margin-left: 10px;
	padding: 1px;
		
  }
  


#releases {

  background: url(images/releasesbackground.png) no-repeat left top;

  float: left;

	width: 345px;
	padding: 1px;
  	
  }


#contentwrap {

  float: left;
  width: 710px;
  margin-right: 2px; 
  
  }


#footer {

  background: url(images/footerbackground.png) no-repeat center top;
  height: 270px;
  width: 960px;
  padding: 2px;
  }

#footer li {


  }
  

#footerbottom {

  width: 960px;
  height: 25px;
  background: #000;
  text-align: right;
  color: #444;
  font-size: 0.8em;

  }

.bottomlink a, .bottomlink a:visited, .bottomlink a:hover {

  color: #444;
  
  } 


#releasestitle, #blogpoststitle, #sidebartitle {

  position: relative;
  top: -15px;
  left: 10px;
  
  }

#latesttitle {

  position: relative;
  top: -30px;
  left: 10px;

  }

#headersearch {

  float: right;
  margin: 2px;
  padding: 2px;
  

  }

/* ---------- Content Styles -----------*/


.posttitle {

  color: #0bd;
  margin-left: 5%;
  font-size:1.3em;

  }

.posttitle a, .posttitle a:visited {

  color: #0bd;

  }

.excerpt  {

    font-size:0.7em;

  }

.videoexcerpt  {

    font-size:0.7em;  

  }

.indexing {

  color: #777;
  
  }

.postcontainer {

  margin: 2px;
  padding: 2px;
  width: 98%;
  
  margin-bottom: 30px;
  
  }


.postmeta {

  font-size: 0.8em;
  margin-bottom: 7px;
  margin-left: 5%;
  
  }

#singlepost {
  
  padding: 3px;
  margin: 0px;
  background: #000;
  width: 97%;

  }

#singlepost img {


}

#singlecontenttop {
  width : 100%;
  background: url(images/single_top_black.png);
  height: 16px;
  clear : both;
  margin : 0px;
  padding : 0px;
  position : relative;
  top: 4px;
  }
	
/*Widgets ------ widget li : 	background:url(images/bg_headline.gif) bottom no-repeat;*/				
	
#search {

  width: 100%;
  float: right;

  }	

.widget {
  
	margin-bottom:30px;
	font-size:0.85em;
	}	

.widget li {

	padding:10px 0 13px 0;
	list-style:none;
	line-height:105%;
	}
	
.widget-title {

  font-size: 1.3em;

  }
	

#comment {

  width: 90%;
  
  }
	
	
#wp-calendar {
	width:100%;
	font-size:0.9em;
	}

#wp-calendar caption {
	padding-bottom:5px;
	}
	
#wp-calendar td,
#wp-calendar th {
	text-align:center;
	}

#wp-calendar #prev {
	text-align:right;
	}

#wp-calendar #next {
	text-align:left;
	}
			
#wp-calendar th {
	background:#3e292e;
	padding:2px 4px
	}

.textwidget {
	font-size:.9em;
	line-height:145%;
	}

#recentcomments {

  width: 99%;
  
  }
	
#recentcomments em {
	font:italic 0.9em Georgia, "Times New Roman", Times, serif;
	padding-right:19px;
	color: #0bd;
	letter-spacing:.08em;	
	}

#recentcomments a, #recentcomments a:visited {
	color:#f2f0e9;
	font-size:0.9em;
	}

#tagcloud a {
	line-height:150%;
	padding-right:6px;
	}
				
#sidebar li  {
	list-style:none;
	
	}

.titlecenter {

  font-size: 1.5em;
  color: #ddd;
  width : 100%;
  text-align: center;

  }