/*
Theme Name: Copic Marker Main Theme
Theme URI: http://copicmarker.com
Description: The Main wordpress theme.
Version: 1.0
Author: tyrauber
Author URI: http://tyrauber.com
Tags: Main
	*/
	/* Theme specific elements */
body {
	background: #FFFFFF url('http://copicmarker.com.au/wp-content/uploads/2011/10/grey-back11.jpg') repeat top left;
}

#header {
    background: #FFFFFF url('images/temp_flash_main.jpg') repeat top left;
}	

	/* CSS */
	img{border: 0px;}
h1,h2,h3{padding:0px; margin: 0px;}

h1{
	color: #FF9900;
}
h2{
	color: #FF9900;
}
h3, h3 a{
	color: #6B965C;
}
.sidebar_h2{padding-bottom: 10px;}
a{
	color: #ca3d01;
}
a:hover{
	color: #FF5006;
}
.storytitle, .storytitle a:link{
	color: #128EA9;	
}
.search_result ul{padding: 0px; margin: 0px;}
//li{display: block; }
.search_result li{display: inline; width: 120px;  border: 1px solid red;}
.post{padding: 10px 0 10px 0;border-bottom: 1px dotted #f2f2f2;}
.meta, .meta a{color: #3B5532;}
.meta a:hover{color: #6B965C;}
/*
#main h2{display: none;}
.meta{display: none;}
.storytitle{display: none;} 
*/
.textbox{width: 400px;}
html, body {
	height:100%; 
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-color:: #000000;
}

#page { 
	//min-height: 100%; /* For Modern Browsers */
	//height: auto !important; For Modern Browsers */
	//height: 100%; /* For IE */
	background-color: #ffffff;
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#topheader {
	background: black;
	width: 900px;
	height: 29px;
	margin: 0 auto;
	}
	
#header {
	width: 900px;
	height: 201px;
	margin: 0 auto;
}
#mainmenu {
	background: #FFFFFF url('images/top_menu_bg.gif') repeat-x top left;
	width: 898px;
	height: 33px;
	padding: 5px 0 0 0;
	border: 1px solid #ffffff;
	}
#mainmenu li{
	display: inline;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	background: url('images/top_menu_div.gif') no-repeat top right;
}
#mainmenu li a{
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;	
}
#mainmenu li a:hover{
	text-decoration: none;
	color: #ffffff;
	background: url('images/menu_hover.jpg') repeat-x top left;
	padding: 5px 10px 5px 10px;
}
#content{
	width:100%;
	height:  100%;
	min-height: 600px;
/*	padding: 0 0 120px 0; */
	position: relative;
	background-color: #ffffff;
}
#leftnav{
	float: left;
	width: 120px;
}
#rightnav{
	float: right;
	width: 180px;
}
#sidebar{margin: 0 20px 0 -40px;}
#sidebar ul{padding-bottom: 20px;}
#sidebar ul li{list-style-type: none; font-weight: bold;margin: 0 0 0 -40px; padding: 0px; font-size: 80%; }
#sidebar ul li ul li{list-style-type: disc; font-weight: normal;}
#sidebar a{text-decoration: none;}
ul.blogroll li{list-style-type: none;}
.widget ul li{ padding: 0px; margin: 0px;}
#main{ 
	width: 520px;
	margin: 0 0 0 180px;
}
#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}


#footer{
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	height: 100px;
	 /*position: absolute; 
	 bottom: 0 !important;
	 bottom: -1px;*/
	 padding: 0 0 0 0;
	color: #777777;
	font-size: 100%;
}


.widefat th,
.widefat td {
	overflow: hidden;
}
/*PRODUCTS */

.products{
height: auto;width: 270px;border:1px solid white; text-align: center;}
ul.disc{display: inline; list-style-type: disc;}
ul.disc li{padding: 5px 0 5px 0;}
#toppage{display:none;}
.product_menu{position: absolute; top: 0px; left: -10px; }
.product_menu li {display: block;}
.product_menu ul,.product_menu ul ul, .product_menu ul ul {list-type-style:none;}
.product_menu li a{background-color: #C1C1C1; display: block; margin: 1px 0px 1px -20px; padding: 4px; width: 140px; color: #000000; text-decoration: none;}
.product_menu li a:hover{background-color: #C1C1C1; display: block;margin: 1px 0px 1px -20px; padding: 4px; width: 140px; color: #ca3d01; text-decoration: none;}
.product_menu li ul { margin: 0px; padding: 0px;list-style-type:none;/*display: none;*/} 
.product_menu li:hover > ul {display: block;} 
.product_menu li ul li a{background-color: #f1f1f1; display: block; margin: 1px 0 1px -20px;padding: 4px 4px 4px 20px; border: 1px solid #C1C1C1; width: 122px; color: #000000; text-decoration: none;}
.product_menu li ul li a:hover{background-color: #FFB653; display: block; margin: 1px 0 1px -20px; padding: 4px 4px 4px 20px; width: 122px; color: #000000; text-decoration: none;}
.product_menu li ul li ul  li a{background-color: #ffffff; display: block; margin: 1px 0 1px -20px; border: 1px solid #C1C1C1; border-right: none; border-left: none;padding: 4px 4px 4px 40px; width: 104px; color: #000000; text-decoration: none;}
.product_menu li ul li ul li a:hover{background-color: #FFB653; display: block; margin: 1px 0 1px -20px; padding: 4px 4px 4px 40px; width: 104px; color: #000000; text-decoration: none;}
.product_menu ul li ul li .current_page_item a{background-color: #FFB653; display: block; margin: 1px 0 1px -20px; padding: 4px 4px 4px 40px; width: 104px; color: #000000; text-decoration: none;}

.imageElement{wdith:512px; height: 200px;}
/*FAQ elements*/

#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip {color:#CC0000;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration: none; color: #000000;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:5px; padding:5px; font-weight:normal; color:#000; border:1px solid #999999; background:#D4D4D4; width:400px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(art/tooltip.gif) 0 0; display:block; font-size:1px;}

.clear {clear:both;}