/*
Theme Name: switchshop2010
Theme URI: http://studiokmzero.com/
Description: the theme for switchboardstore.net
Version: 2.0 2010
Author: Francesco Canovaro		
Author URI: http://francescocanovaro.com/
*/



/* ------------------------------------- MAIN -------------------------------------*/
/* ------------------------------------- MAIN -------------------------------------*/

html, body, div, table, td, p{ margin: 0px; padding: 0px;  font-size: 12px;  font-family: 'Trebuchet MS', Arial, Sans-Serif;}
hr {display: none;}

html { background: url('images/bg.png') top center;}
body {  width:100%; background: url('images/top.png') top center no-repeat fixed; color: #333; text-align: center; margin:0; padding:0;}

#main { margin:0 auto; position:relative; width:980px;} 
#header { width: 980px;  height: 185px; background: url('images/w_top.png') no-repeat bottom center; margin:0 auto;}
#page {	float:left;  width: 960px;  padding: 0 10px; text-align: left; background: url('images/w_middle.png') repeat-y center;}

#top_sidebar{ float:left; width:960px;}

#footer { float:left; width: 980px; height:110px; background: url('images/w_bottom.png') no-repeat top;}
#footer p { margin: 0; padding: 62px 5px 0 0; text-align:right;color:#fff; }
#footer em{ font-style:normal}

.widecolumn, .narrowcolumn {float: left; padding:8px 0 20px 18px; width: 548px;  }






/* ------------------------------------- MAIN INLINE -------------------------------------*/
/* ------------------------------------- MAIN INLINE -------------------------------------*/

small {font-size: 10px;}
h1{margin:0; padding:0;}
h1, h2 {font-family:Impact, "Trebuchet MS", Arial, sans-serif; font-size:22px; font-weight:normal;}
#sidebar h2 {font-size: 18px;}
h3 {font-size: 16px;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

a, h2 a:hover, h3 a:hover {color: #3DCA00; text-decoration: none;}
a:hover {color: #147;text-decoration: underline;}



/* -----------------------------------------------------------------------------------------*/


.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}

.postmetadata {clear: both;}

.clear {clear: both;}


.commentmetadata {font-weight: normal;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}









/* ------------------------------------- HEDER -------------------------------------*/
/* ------------------------------------- HEDER -------------------------------------*/

/* LOGO */
#header h1 a { 
	height:125px; width:455px; top:0px;left:50%; margin-left:-480px; position:absolute;z-index:50;
	background: url('images/logo.png') no-repeat scroll 0 0;}
#header h1 a:hover {background: url('images/logo.png') no-repeat scroll 0 -150px;}
#header h1 a em { display:none; }
#header .description{
	width:356px; top:105px; left:50%; margin-left:-420px; position:absolute; z-index:50;
	font-family:Impact, "Trebuchet MS", Arial, sans-serif; font-size:18px; color:#FFF; text-transform:uppercase;
	}


/* CERCA */
#search_box {float:right}


/* MENU TOP */

#menu_top {position:absolute; width:970px; top:123px; left:-490px; margin-left:50%; z-index:10000;}
#menu_top ul {margin:0;padding:0; display:inline; list-style:none; float:right;}
#menu_top ul li {margin: 0;border: 0 nonepadding: 0;float: left;display: inline;list-style: none;position: relative;height: 34px; }
#menu_top a{margin-left:3px; padding:1px 3px;font-size:22px; display: block; font-family:Impact, "Trebuchet MS", Arial, sans-serif; background:#40D500; color:#000; text-transform:uppercase;}

#menu_top li em{display:none}
#menu_top li.tab_class a{display:inline-block; width:40px; height:40px; border:solid 5px #fff; margin:-9px 0 0 -5px!important; padding:0!important;}
#menu_top li.tab_facebook a{background:url(images/tab_facebook.png) no-repeat center center !important; margin-left:8px!important;}
#menu_top li.tab_skype a{background:url(images/tab_skype.png) no-repeat center center !important; }
#menu_top li.tab_rss a{background:url(images/tab_rss.png) no-repeat center center !important; }

/* Root Menu Hover Persistence */
#menu_top  a:hover,
#menu_top  li:hover a,
#menu_top  li.iehover a {background:#eee; color:#000; text-decoration:none;}

#menu_top li.current_page_item a,
#menu_top li.current_page_parent a, 
#menu_top a.sel{background:#000; color:#fff; text-decoration:none;}

/* MENU TOP - LEVEL2 */

/* Root = Horizontal, Secondary = Vertical */
#menu_top ul ul {margin: 0; border: 0 none; padding: 0; width: 170px; list-style: none; display: none; position: absolute; top: 30px; right:10px;}
#menu_top ul ul a{margin-bottom:5px; padding:0px 3px; width:171px; display:block; font-size:16px;  background:#3ECC00 !important; color:#000 !important; text-transform:uppercase;}
#menu_top ul ul a:hover{ background:#eee !important;  }

#menu_top ul ul:after{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
#menu_top ul ul li {width: 170px; height: 21px;float: right; display: block !important;display: inline; /*For IE*/}


/* Do Not Move - Must Come Before display:block for Gecko */
#menu_top ul li:hover ul ul,
#menu_top ul li:hover ul ul ul,
#menu_top ul li.iehover ul ul,
#menu_top ul li.iehover ul ul ul {
  display: none;
}

#menu_top ul li:hover ul,
#menu_top ul ul li:hover ul,
#menu_top ul ul ul li:hover ul,
#menu_top ul li.iehover ul,
#menu_top ul ul li.iehover ul,
#menu_top ul ul ul li.iehover ul {
  display: block;
}


/* ------------------------------------- TOP SIDEBAR --------------------------------*/

#top_sidebar h2{display:none}


#linkcat-198 ul{margin:0 20px; padding:0;}
#linkcat-198 li{text-align:center; display:block; float:left;  width:60px; width:60px; margin:1px;}
#linkcat-198 a{display:block; float:left;}
#linkcat-198 img{width:60px}







/* ------------------------------------- POST -------------------------------------*/
/* ------------------------------------- POST -------------------------------------*/

.post { margin: 0 0 10px; font-size:12px; font-family:"Trebuchet MS", Arial, sans-serif;}
.post h2{color:#3ECC00; text-transform:uppercase;text-align:left; font-weight:bold; font-size:40px; letter-spacing:-2px; margin:0; padding:0;}
.post .entry{ margin-top:10px;}
.post .entry h2{color:#333}


.post .title {background: url('images/post_logo.png') -4px 0 no-repeat;}
.post .title h2{ margin-left:42px; margin-top:2px !important; margin-bottom:0px; font-size:28px; padding:0; color:#333}
.post .title small{margin-left:42px;}
.post hr {display: block;}


.postmetadata {font-size:14px; margin:10px 0 20px 0; padding:5px; background: url('images/command_bar1.png') no-repeat  
left bottom;  width:540px;}
.postmetadata a {color:#009900; font-weight:bold}

/* Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}


.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}



/* ------------------------------- CONTENT BOTTOM SIDEBAR -----------------------------*/
/* ------------------------------- CONTENT BOTTOM SIDEBAR -----------------------------*/


#bottom_sidebar {margin-top:53px;}
#bottom_sidebar h2{display:none}
#bottom_sidebar ul{position:relative; margin:0; padding:0; list-style:none}
#bottom_sidebar li{float:left; height:130px;margin:0 3px 3px 0; position:relative; padding:0; list-style:none; overflow:hidden;}
#bottom_sidebar a{top:0; left:0; display:block; width:128px; padding:1px 3px;  z-index:10; background:black; color:white;}
#bottom_sidebar a:hover{color:#999999; text-decoration:none;}
#bottom_sidebar img{width:134px; position:absolute; top:20px; left:0;z-index:9;}

/* ------------------------------------- SIDEBAR -------------------------------------*/
/* ------------------------------------- SIDEBAR -------------------------------------*/

#sidebar{ padding: 0px 0 10px 0; width: 192px; float:right; }
#sidebar ul, #sidebar li{margin:0;padding:0; list-style:none;}
#sidebar ul li h2{margin:0; padding:0; text-transform:uppercase;}
#sidebar ul ul li {margin:0; padding:0;}



/* menu snow/skate etc... */
.pagenav {margin:0;padding:0; float:left; width:190px;}
.pagenav h2{ display:none;}
.pagenav ul, .pagenav li{margin:0;padding:0;list-style:none;list-style-position:inside; display:inline; float: left;}
.pagenav a{margin-bottom:5px; padding:0px 3px; width:181px; display:block; font-size:22px; font-family:Impact, "Trebuchet MS", Arial, sans-serif; background:#40D500; color:#000; text-transform:uppercase;}
.pagenav a:hover{background:#eee; color:#000; text-decoration:none;}
.categories, .linkcat, .widget, .pagenav { margin-bottom:10px !important;}

.pagenav ul ul {margin:0 0 2px 10px !important;padding:0;list-style:none;list-style-position:inside; display:inline; float: left;}
.pagenav li.current_page_item ul a, .pagenav ul ul a{margin-bottom:5px; padding:0px 3px; width:171px; display:block; font-size:16px;  background:#47EC00; color:#000; text-transform:uppercase;}/* gallery */
.pagenav li.current_page_item ul a:hover, .pagenav ul ul a:hover{background:#eee;}/* gallery */

.pagenav li.current_page_item a, .pagenav li li.current_page_item a{background:#000; color:#fff; text-decoration:none;}

.pagenav li.current_page_parent ul, .pagenav li.current_page_item ul{ display:block !important;}
.pagenav li ul, .pagenav li ul{ display:none}

a.thickbox img{ border-width::0 0 2px 0; border-color:white; border-style:solid;}
.ngg-widget {padding:0 !important}
.ngg-widget img { border:2px solid #A9A9A9; margin:0 3px 3px 0 !important; padding:0px !important;}
.widgettitle { padding-left:0px !important; }



/* SIDEBAR WIDGET */

#linkcat-189 li{text-align:center; display:inline-block; width:93px; width:93px; text-align:center; vertical-align:center;}
#linkcat-189 img{width:93px}


.sendit{position:absolute; top:0; right:2px; padding:0 25px 30px; background:URL(images/newsletter_bg.png) top center no-repeat; }
.sendit h2{margin:0; padding:6px 0;}
.sendit small{display:none}



/* Begin Images */
p img {padding: 0;max-width: 100%;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}




/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
/* End Entry Lists */



/* Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}

#sidebar #searchform #s {width: 100px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}



/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}
.hidden {display: none;}


a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-bottom:30px;
	margin-top:-7px;
	}
/* End Various Tags & Classes*/



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

.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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

