/*
Theme Name:	gridview
Description:designed by cw&t for alsio design
Version:		1.0
Author:		cw&t
Author URI:		http://www.cwandt.com
Tags:
*/
html,body{margin:0; padding:0;}
body{color:#666;background:#030303;font-size:12px;font-family: Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;border:none ;}
a{outline: none;}
a:link{color:#ffffff;text-decoration:none;}
a:hover{color:#dddddd;text-decoration:none;}
a:visited{text-decoration:none;}
a:active{color:#ffffff;text-decoration:none;}
img{border:0;
padding:0 0 25px;
}
small{font-size:7px;}
p{
color:#FFFFFF;
font-size:11px;
line-height:12px;
margin:0;
padding:0;
}

.post-meta {color:#FFFFFF;
font-size:11px;
line-height:12px;
margin:0;
padding:10px;
}
.post-meta-key {color:#FFFFFF;
font-size:11px;
line-height:12px;
margin:0;
padding:0; }

a img{border:0px;}

#wrap{
height:auto;
margin:0 auto;
padding:0px 0 0 0;
width:786px;
}
#mask_wrap {
height:auto;
margin:0 auto;
padding:0px 0 0 0;
right:0;
width:786px;

}

#header{position:relative; height:87px; background:none;padding:20px 0 20px 30px;width:756px; background-color: #191919;}
#logo{float:right;padding:21px 0 0 0; font-size:20px;font-weight:bold;font-color:#fff;}
#menu{
float:left;
height:76px;
margin:0px 24px 0 0;
width:226px;
overflow:hidden;
background: url(images/header-frame.png);
}


#menu-logo{
float:left;
margin:10px 25px 0 0;
width:226px;
overflow:hidden;
}

#main-logo {
color:#D2D2D2;
float:left;
font-size:85px;
font-weight:bold;
height:76px;
letter-spacing:-10px;
overflow:hidden;
width:226px;
line-height:76px;
padding:0 0 0 3px;
}

li{list-style-type:none;margin:0;padding:0;}
ul{margin:0;padding:0;}

#description{height:25px;padding:10px 0 0 0;border-bottom:1px solid #ccc;}
h1{font-size:11px;color:#ffffff;font-weight:bold;margin:0;padding:0;display:inline;}
h2{font-size:11px;color:#dddddd;font-weight:normal;margin:0;padding:0;display:inline;}
h3{
font-size:14px;
font-weight:bold;
letter-spacing:0px;
margin:10px 0 0px 0px;
text-transform:uppercase;
color:white;
}
#content-home{
float:left;
height:auto;
padding:0 0 0 0px;
width:786px;
font-size: 0px;
color:transparent;
background-color: #191919;

}

#content{
background-color:#191919;
color:transparent;
float:left;
font-size:0;
height:auto;
padding:0 0 0 30px;
width:756px;
text-transform: none;

}

.details{margin:0 0 20px 0;}

#mask{
bottom:0;
position:relative;
right:0px;
top:0;
}
#mask-1{
background:black none repeat scroll 0 0;
bottom:0;
float:right;
height:1000px;
opacity:1;
position:absolute;
right:0;
top:0;
width:0px;
z-index:20;
visibility:hidden;
}
/*Menu*****************/

#menu ul {margin:3px 0 0 0; padding:0;list-style-type:none;}
#menu li {padding:0;margin:3px 0 0 0;float:left;list-style-type:none;}
#menu li a {
color:#AAAAAA;
float:left;
font-size:11px;
font-weight:bold;
line-height:8px;
margin:6px 0 0 10px;
padding:0;
text-align:left;
text-decoration:none;
width:215px;
text-transform: uppercase;
}

.small-margin{
margin-top:6px !important;
}

#menu li a:hover {
color:#FFFFFF;
font-weight:bold;
}

#menu li.current-cat a {
color: white;
}

.catList.current-cat a {
color: white;
}

#menu .main p{
background: none repeat scroll 0 0;
color:#EEEEEE;
font-size:.79em;
line-height:10px;
padding:9px 10px 10px 10px;
text-align: left;
}


#menu .main a {background:none;font-weight:bold;color:#aaa;margin-top: 10px;}
#menu .main a:hover {font-weight:bold;color:#fff;}
#menu .main #current {color:#000000;}
#menu .main #current a {font-weight:bold;color:#474848;}
#menu .main #current a:hover {font-weight:bold;color: #000000;}
#menu .normal {color:#006600;font-weight:bold;}
#menu .normal a {background:none;color:#eeeeee;}
#menu .normal a:hover {color:#fff;}
#menu .normal #current {color:#000000;}
#menu .normal #current a {color:#474848;}
#menu .normal #current a:hover {color: #000000;}


.catList {
color:#EEEEEE;
font-size:12px;
padding:0;
text-transform: uppercase;
margin:0 0 10px 0;
}
.catList a:hover{
color:#FFF;

}

.more
{
text-align:right; float:right; margin:-15px 10px 0 0; line-height:1px;
}
	
/*Row*************/
div.row{clear:both;}
div.rowFull{height:360px; width:5000px; overflow:visible;}
div.Category_Heading{color:#CCCCCC;font-size:11px;font-weight:bold;line-height:11px;margin:1px 0 2px 2px;padding:0;text-align:left;text-decoration:none;}




/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 745px; 
    height:250px; 
} 


.browse_left{
background-color:#222222;
cursor:pointer;
float:left;
height:225px;
margin:0 0px 0 0;
width:20px;
z-index:10;
}

.browse_left_arrow{
height:15px;
position:relative;
right:-5px;
top:105px;
width:15px;
z-index:11;
-moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

.browse_right{
width:20px;
height:225px; 
background-color:#222222; 
float:right;
cursor:pointer;
z-index:11;
}

.browse_right_arrow{
height:15px;
margin:105px 0 0 0px;
position:absolute;
width:15px;
z-index:11;
-moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

.browse_right_arrow_home{
height:20px;
left:0;
margin:480px 0 0;
position:absolute;
width:20px;
z-index:21;
}
.category_label{
float:left;
margin:0 0 0 2px;
position:relative;
top:-35px;
width:13px;
-moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}


/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 



div.scrollable div.items { 
    /* this cannot be too large */ 
height:250px;
position:absolute;
width:50000px; 
padding:0 0 0 10px;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
/*
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
*/






/*SideBar************/

#sidebar{float:right;width:225px;margin:40px 0 0 0;}
#sidebar h2{font-size:1.2em;color:#ffffff;font-weight:bold;letter-spacing:-1px;}
#sidebar ul{padding:0 0 5px 0;}
#sidebar li{padding:0 0 5px 0;}



/*Tag Cloud*****************/

.st-tag-cloud{padding:5px 0 30px 0;}

/*Footer*****************/

#footer{width:756px;padding:10px 0 0 0;border-top:0px solid #000000;color:#999;clear:both;margin:20px 0 10px 0;}
#footer a:link, a:visited, a:active{color:#aaa;}
#footer a:hover{color:#fff !important;}
#list h2{font-size:14px;color:#ffffff;font-weight:bold;}
.list1 li{list-style: none;border-bottom:0px solid #ccc;padding:4px 0 4px 0;display:block;}
.list1 li:hover{background:none;}
.list1 ul{margin:10px 0 10px 0;}
#list{
width:756px;float:left;margin:0;padding:0 0 0 30px;background: none; background-color: #191919;
}
.list1{
float:left;
height:76px;
margin:0px 25px 20px 0;
width:226px;
overflow:hidden;

background: url(images/header-frame.png);
}
.list1 p{
margin:10px;
position:relative;
text-align:left;
}
.list1 a{color:#aaa;}
.list1 a:hover{color:#fff !important;}

.right2{float:right;}
.left2{float:left;}
.navigation{
position:relative;
color:#FFFFFF;
float:left;
font-size:23px;
height:25px;
padding:0px 0 0;
width:725px;
margin:0px 0px 15px 0px;

}


.navigation img{
height:20px;
padding:7px;
width:20px;
}

.navigation a{color:#ffffff;font-weight:bold;}
.navigation .alignleft{float:left;}
.navigation .alignright{float:right;}
.navigation .aligncenter{text-align:center;}

.singleads{margin:0 0 0 0;}

#post-content{

background-color:#191919;
color:transparent;
float:left;
font-size:0;
height:auto;
padding:0 0 0 30px;
width:756px;

}
.post-content img{
height:auto;
margin:0px 0 0;
padding:0;
}
.post-content p{
color:#FFFFFF;

}

.post-image{
float:left;
height:auto;
width:500px;

}


.post-image p{
color:transparent;
font-size:0;
line-height:0;

}
.post-overflow p {
font-size: 0px !important;
line-height: 0px !important;
color:transparent !important;
padding:0px !important; 
}

.post-overflow h3 {
font-size: 0px !important;
line-height: 0px !important;
color:transparent !important;
padding:0px !important; 
}

.post-image .post-overflow p{
font-size: 10px !important;
line-height: 12px !important;
color:#fff !important; 
width:475px !important;
margin:0 0 10px 0 !important;


}

.post-image .post-overflow h3{
font-size: 12px !important;
line-height: 13px !important;
color:#fff !important; 
width:475px !important;
margin:0 0 10px 0 !important;
font-variant: small-caps !important;
font-weight:bold !important;
padding:0 0 3px 0 !important;


}

.post-image .post-overflow {
margin: 0px 0 10px 0 !important;
font-size: 10px !important;
line-height: 12px !important;
color:#fff !important; 
width:475px !important;
}

.post-image img{
padding: 0px 25px 25px 0px ;
}
.post-text{
float:left;
height:auto;
margin:0px 0 0 0px;
width:226px;
background:transparent url(images/header-frame-middle.png);
}

.post-history p{
color:yellow;
float:left;
height:auto;
margin:0px 5px 0 5px;
width:475px;
}

.post-top{
float:left;
height:15px;
margin:0px;
width:226px;
background:transparent url(images/header-frame-top.png);
}

.post-bottom{
float:left;
height:15px;
margin:0;
width:226px;
background:transparent url(images/header-frame-bottom.png);
}

.post-text h3{
margin:0;
padding:10px;
}

.post-text p{
margin:0;
padding:10px;
}


.excerpt p, .archive-excerpt-square p{
color:#FFFFFF;
margin:0 10px 0 10px;

}

.mouseOver{
z-index:20; 
}
.image{
background:transparent none repeat scroll 0 0;
border:medium none;
height:225px;
margin:0 25px 25px 0;
padding:0;
width:auto;

}
.image span{float:right;font-size:11px;padding:3px 5px 0 0;color:#fff;width:10px;font-weight:bold;}
.image span a:link{float:right;font-size:10px;padding:3px 5px 0 0;color:#666;font-weight:bold;}
.image span a:active{float:right;font-size:10px;padding:3px 5px 0 0;color:#666;}
.image span a:hover{float:right;font-size:10px;padding:3px 5px 0 0;color:#ddd;}
.image img{
float:left;
height:225px;
margin:0 0 10px 0 ;
padding:0;
width:225px;
border:0px none #aaa;

}

.excerpt{
/* background:transparent url(images/excerpt-border-transparent-2.png) repeat scroll 0 0; */
background:transparent url(images/black_60_opac.png) repeat scroll 0 0;
bottom:25px;
height:98px;
overflow:hidden;
position:absolute;
visibility:hidden;
width:226px;
z-index:11;
}
.archive-excerpt{
background:transparent url(images/excerpt-border.png) repeat scroll 0 0;
bottom:-128px;
height:98px;
left:25px;
overflow:hidden;
position:relative;
visibility:visible;
width:226px;
z-index:11;
}

.archive-excerpt-square{
background:transparent url(images/excerpt-border-square.png) repeat scroll 0 0;
height:225px;
left:25px;
overflow:hidden;
position:relative;
visibility:visible;
width:225px;
z-index:11;
}
.ratings img{padding:10px 0 10px 0;width:12px;height:12px;}
.ratings {clear:both;display:block;}
.image h3{
display:inline;
float:left;
font-size:14px;
height:20px;
margin:10px 0 0 10px;
overflow:visible;
padding:0;
text-transform:uppercase;
width:225px;
}
.image h3 a:link{color:#fff;}
.image h3 a:visited{color:#eee;}
.image h3 a:hover{color:#ddd;}
.image h3 a:active{color:#ddd;}
.image p{clear:both;}


#ads {
	clear:both;
	width:225px;
	margin:10px 0 0 0;
}
#ads ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#ads li {
	float:left;
	margin:0;
	padding:0 15px 12px 0;
	list-style-type:none;
}



blockquote {
	font-style:italic;
	font-size:11px;
	color:#999;
	margin:0 0 5px 20px;
	padding:0 0 0 10px;
	border-left:4px solid #0066cb;
}
abbr,acronym {
	border-bottom:1px dotted #ccc;
	text-transform:uppercase;
}
code {
	color:#666;
	font-family:Courier,monospace;
	margin:0 0 5px 5px;
}
pre {
	margin:0 0 1.5em 0;
	overflow:auto;
	font-size:1.3em;
	clear:both;
}
form {
	margin:0;
	padding:0;
}
.searchbox {
	margin:0 0 20px 0;
	width:225px;
}
.search {background:url('images/input.gif') no-repeat;height:19px;padding:8px 5px 5px 8px;width:219px;color:#444;border:none;margin:0;float:left;color:#fff;}
.find {background:url('images/find.gif') no-repeat;border:none;height:32px;width:32px;margin:0;float:left;}


/*Comments************/

input.text_input, textarea.text_input{width:550px;margin-top:15px;padding:5px;border:0;border-bottom:0px solid #ccc;background:#111111 url(images/bgr-image.png) repeat-x;margin:5px 5px 5px 0;font-family:Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;font-size:12px;color:#fff;}
.quanticommenti{margin:20px 0 0 0;}

.searchbox{padding:0 0 30px 0;}
#searchform{margin:10px 0 0 0;}



/*comments***/
.comment-list ol {margin:1.5em 0 0;padding:0;color: #fff;font: 11px Arial, Verdana, Arial, sans-serif;list-style-type: none;}
.comment-list ol .body p {line-height: 12px;margin-left: 10px;margin-top:5px;}
.comment-list ol li {margin: 1.3em 0;}
.commentlist ol li:hover {background-color: #fff;}
.comment-list strong.number {position: absolute;margin-left: -0.5em;margin-top: -10px;font-size: 5.6em;padding: 0px 5px;color: #eee;font-weight:bold;}
.comment-list ul {margin:0;padding:0;list-style:none;width:100%;}
.comment-list ol li {width:90%;padding:1px 20px 13px 20px;line-height: 1.6em;background:#111111 url(images/bgr-image.png) repeat-x;-moz-border-radius: 5px;margin:9px 0 0 2em;position:relative;}
.comment-list ol li:hover {background-color: #fff;}
.comment-list ol .top {padding: 3px 15px 3px 10px;margin: 0px -19px 0 -20px;background:#111111 url(images/bgr-image.png) repeat-x;border-bottom: 1px solid #111111;}
.comment-list ol .top p, .comment-list ol li.admin .top p {padding: 3px 15px 3px 22px;margin: 0px;font-weight:bold;}
.comment-list ul .top p {margin:0 0 0 9px;padding:0 0 0 22px;font-size:12px;color:#ffffff;font-weight:bold;text-transform:uppercase;}
.comment-list ul .top p a {font-weight:bold;font-size:1.1em;}
.comment-list .number {position:relative;top:15px;left:-20px;}
.leave{margin:20px 0 0 0;}

.themedetails {
	padding: 10px 10px 10px 10px;
	margin: 4px 0px 5px 0px;
	float: right;
	width: 130px;
	background-color: #333333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.themedetails h3 {
	padding: 0px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing:0px;
	line-height:12px;
}

.themedetails h3 img {
	float: left;
}

.themedetails h3 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
}

.themedetails .ratings img {
	border: 0px solid #000000;
	margin: 0 0 0 0px;
}

.themedetails img {
	border: 0px solid #EEEEEE;
	align:left;
	margin: 5px 10px 0px 0px;
}

.themedetails a {
	color: #eeeeee;
	text-decoration: none;
}


#right .blocchisidebar .left div {
margin: 0;
background: #111111;
height: 35px;
background:#111111 url(images/bgr-image.png) repeat-x;
}

#right .blocchisidebar .left {
float: left;
width: 145px;
}

#right .blocchisidebar .left div h3 {
font-family: Arial;
overflow: hidden;
margin: 0;
padding: 9px 0 0 10px;
font-size: 14px;
letter-spacing: -1px;
color: #fff;
text-transform:uppercase;

}

#right .blocchisidebar .left .widgettitle {

font-family: Arial;

overflow: hidden;

margin: 0;

padding: 9px 0 0 10px;

font-size: 14px;

letter-spacing: -1px;

color: #fff;

text-transform:uppercase;

}

#right .blocchisidebar .left ul {
display:block;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1em;
background:#111111 url(images/bgr-image.png) repeat-x;
}

#right .blocchisidebar .left ul li {
border-bottom: 1px solid #111111;
}

#right .blocchisidebar .left ul li a {
display: block;
padding: 2px 10px 2px 10px;
color: #fff;
text-decoration: none;

}

#right .blocchisidebar .left ul li a:hover {
color: #eee;

}

#right .blocchisidebar .right {

float: right;

width: 145px;


}

#right .blocchisidebar .right div {
margin: 0;
background:#111111 url(images/bgr-image.png) repeat-x;
color: #FFF;

height: 35px;

}

#right .blocchisidebar .right div h3 {
font-family: Arial;
overflow: hidden;
margin: 0;
padding: 9px 0 0 10px;
font-size: 14px;
letter-spacing: -1px;
color: #ffffff;
text-transform:uppercase;
}

#right .blocchisidebar .right .widgettitle {

font-family: Arial;

overflow: hidden;

margin: 0;

padding: 0px 0 0 0px;

font-size: 14px;

letter-spacing: -1px;

color: #ffffff;

text-transform:uppercase;

}

#right .blocchisidebar .right ul {

margin: 0;

padding: 0;

list-style-type: none;
background:#111111 url(images/bgr-image.png) repeat-x;
}

#right .blocchisidebar .right ul li {

border-left: 0px solid #d4d4d4;

border-bottom: 1px solid #111111;

}

#right .blocchisidebar .right ul li a {

display: block;

padding: 2px 10px 2px 10px;


color: #ffffff;

text-decoration: none;

}

#right .blocchisidebar .right ul li a:hover {
color: #eeeeee;

}
/* Tips */
.tool-tip {
color:#ccc;
width:150px;
z-index:13000;
}

.tool-title {
font-weight:700;
font-size:11px;
margin:0;
color:#fff;
padding:8px 8px 0 8px;
background:#192227;
text-align:left;
}

.tool-text {
font-size:11px;
padding:0 8px 8px 8px;
background:#192227;
text-align:left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}