/*
Theme Name: VIZARI + + 
Theme URI: http://www.Vizari.co.uk
Description: AA Theme 2 + + 
Version: 1.2
Author: Owain Lewis
Author URI: www.owainlewis.com.
*/

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* Restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none;margin-bottom:10px }
* a { position:relative } 
a { outline:none } 
a img { border:none } 

/* Typography */

p { margin:2px 0 16px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font: 14px Helvetica, Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;  }
p, li, dt, dd, label { line-height:21px; color:#333 }
input, textarea { font-size:11px; color:#000; padding:2px }
pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px/16px 'Courier New', Courier, monospace }
pre { padding:10px }
a { color:#c1465a; text-decoration:none }
a:hover { text-decoration:underline}
h1,h2,h3,h4,h5 {color:#c1465a; margin-bottom:20px }
h2{font-size:22px;}

body {background : #000 url(images/bg.jpg) no-repeat center top;}

.top_menu{height:40px; margin:20px 0 30px 0; text-transform:uppercase;width:900px}
.top_menu ul{list-style: none; margin-left:20px}
.top_menu ul li{display: inline;padding:10px 20px 0 0;line-height : 40px;  }
.top_menu ul li a{ padding:20px 0 0 0; color:#999;font-size:12px}
.top_menu ul li a:hover{color:#FFF}

#container{margin:0 auto;width:900px }
#wrap {width:900px;margin-top:100px;overflow:auto;background:#FFF url(images/content.jpg) repeat-y center top}
#strip{height:90px;width:900px;margin-bottom:0px}
#head{height:150px;background:#222 url(images/head.jpg)}
#left{float:left;width:550px;margin:0px 0 0 20px;}
#left img {border:1px solid #666; margin:5px 10px 20px 0px;}
#left .meta img {border:none; margin:0 8px 0 0;float:none;width:16px;height:16px}
#right{float:right; width:280px;margin:0px 0 0 0px;border:left:1px solid #CCC}
#right h2{text-transform:uppercase;color:#222}
#right img {border:1px solid #CCC}
#right ul {margin-bottom:20px}
#footer{background:#000;clear:both;height:120px;margin:0 auto;width:900px; }
#footer p {position:relative;left:20px; top:30px;margin-right:40px;color:#999}
#footer a {color:#666}
#footer a:hover {color:#FFF}

.space{height:100px}

.wrapper {width:800px; margin:0 auto;}
.slider{margin:0 0 40px 15px;background:#000;width:865px;height:300px}

.post{margin-bottom:20px;min-height:300px;border-bottom:1px dotted #AAA}
.post h2{color:#c1465a;text-transform:uppercase}
.left{float:left}
.right{float:right}
.ads{margin-bottom:20px}

.meta{font-size:11px;margin-bottom:20px;color:#222}

object{margin-bottom:40px}

.menu  {height:49px;text-transform:uppercase;width:900px;margin:0 0 20px 0;background:#000}
.menu ul {float : left;height : 51px;margin : 0 17px 0 20px;}
.menu ul li {float : left;height : 49px;}
.menu ul li a {background-image : url(images/menu1.jpg);display : block;height : 49px;text-indent : -9999px;}

.home {background-position : 0 0;width : 76px;}
.menu ul .home:hover, #home .menu ul .home {background-position : 0 -47px;}

.menu ul .news{background-position : -78px 0;width : 74px;}
.menu ul .news:hover, #news .menu ul .news {background-position : -78px -47px;}

.menu ul .tutorials{background-position : -156px 0;width : 115px;}
.menu ul .tutorials:hover, #tutorials .menu ul .tutorials {background-position : -156px -47px;}

.menu ul .videos{background-position : -276px 0;width : 93px;}
.menu ul .videos:hover, #videos .menu ul .videos {background-position :  -276px -47px;}

.menu ul .reviews{background-position : -372px 0;width : 100px;}
.menu ul .reviews:hover, #reviews .menu ul .reviews {background-position :  -372px -47px;}

.menu ul .about{background-position : -478px 0;width : 85px;}
.menu ul .about:hover, #about .menu ul .about {background-position :  -478px -47px;}

.menu ul .contact{background-position : -568px 0;width : 100px;}
.menu ul .contact:hover, #contact .menu ul .contact {background-position :  -568px -47px;}

  #social  {
float : right;
width : 407px;
height : 56px;
margin : 17px -55px 0 0;
}
#social li {
float : left;
display : inline;
}
#social a {
float : left;
height : 0;
padding-top : 56px;
overflow : hidden;
text-decoration : none;
}
#social-connect {
width : 54px;
height : 56px;
text-indent : -5000px;
background : url("images/social-buttons.jpg") no-repeat 0 0;
}
#social-subscribe {
width : 78px;
height : 56px;
text-indent : -5000px;
background : url("images/social-buttons.jpg") no-repeat -219px 0;
}
#social-myspace a {
width : 55px;
background : url("images/social-buttons.jpg") no-repeat -54px 0;
}
#social-myspace a:hover {
background : url("images/social-buttons.jpg") no-repeat -54px -56px;
}
#social-facebook a {
width : 55px;
background : url("images/social-buttons.jpg") no-repeat -109px 0;
}
#social-facebook a:hover {
background : url("images/social-buttons.jpg") no-repeat -109px -56px;
}
#social-youtube a {
width : 55px;
background : url("images/social-buttons.jpg") no-repeat -164px 0;
}
#social-youtube a:hover {
background : url("images/social-buttons.jpg") no-repeat -164px -56px;
}
#social-feed a {
width : 56px;
background : url("images/social-buttons.jpg") no-repeat -297px 0;
}
#social-feed a:hover {
background : url("images/social-buttons.jpg") no-repeat -297px -56px;
}

#slider {

    width: 865px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom:40px;
	border:2px solid #CCC;
	background:#000
}

.sliderImage{float: left;position: relative;display: none;}
.sliderImage h2{color:#FFF;margin-bottom:0px}
.sliderImage span{position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 12px;width: 880px;color: #fff;display: none;}
.sliderImage1 span{position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 12px;width: 880px;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear: both;}
.sliderImage span strong{font-size: 14px}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}

div.comments textarea{width:500px;background:#FFF;color:#222;border:1px solid #CCC;float:left}
#left img.avatar {float:right; margin:0 20px 0px 20px;width:50px;height:50px}
div.comment-box{border-bottom:1px dotted #333;margin-bottom:50px;min-height:150px}
.comment-meta-data{margin-bottom:10px;font-size:11px; font-style:italic;text-transform:uppercase}
div.comments input{border:1px solid #CCC}