/*  
Theme Name: ScooterTorg

Description: A simple theme 
Version: 0.777
Author: ScooterTorg


/* Begin Typography & Colors */
body { width:100%; min-width:1000px; font: 12px Arial, sans-serif;  line-height:16px;
color: #222; margin:0 auto; padding: 0; background:#fff none;}

/* Set Layout Section */
#page,#header,#content,#sidebar,#footer { overflow:hidden; }
#page,#header,#footer {width:100%;} /* safari and opera need this */
#header { height:150px; margin:0; background: url(images/phone.gif) no-repeat right top;}
#page {background:none;}
#l-sidebar {float:left;}
#content {float:left;}
#sidebar {float:right;}
#content {width:56%; margin:0; padding:0 10px;}
#sidebar {width:18%; padding:10px 20px;}
#l-sidebar {width:16%; padding:10px 0 10px 20px;}
#footer {clear:both; height: 60px; background-color:#fff; text-align:right;line-height:16px;}

/* General */
a {color: #a36000; text-decoration:none;}
a:hover {color: #222;}
form {margin:0;padding:0;} /* IE need this */
input, textarea {border:1px solid #E5C9A2; background: transparent; font:11px/16px Arial, sans-serif; letter-spacing:1px; padding:2px 5px;}
input[type="image"]{border:none;}

/* Header Section */
#header h1 {color:#333; font:bold italic 12px Arial, sans-serif; margin:0;padding: 74px 0 0 90px;}
#header h1 a { color:#222; text-decoration: none;}

#logo { height:120px; margin:0; padding:0; width:100%; background: url(images/logo.gif) no-repeat left top;}
.headerimg {  margin:0; float:left;}
.search { margin:34px 30px 0 30px; float:right;}
#headermenu {height: 26px; margin:0 0 0 90px;}


/* Header page Menu Section */
#pagemenu {color:#C68A35;  margin:0;padding:0 30px; background: url(images/pagemenu.gif) no-repeat left;}
#pagemenu li {display:inline; margin: 0 3px 0 0;}
#pagemenu a {color:#222; background: transparent; margin: 0; padding: 7px 5px; font:bold 12px Arial, sans-serif; line-height:26px;}
#pagemenu li a:hover{color:#C68A35; text-decoration: none;}


/* Content Section */
#content h1 {font:bold 1.4em Arial, sans-serif; padding:10px;margin:0;}
#content h2 {font:bold 1.2em Arial, sans-serif;margin:0; padding:10px;}
#content h3 {font:normal 1.2em Arial, sans-serif; padding:10px;}
#content h4 {font:bold 14pt Arial, sans-serif; padding:0;margin:0; color: #a36000;}
#content .entry {text-align:justify; background-color:#FCFCFC; padding:10px 20px; margin:0;}
#content .entry a { color:#a36000; text-decoration: none;}
#content .text14{font-size: 12pt; color:#a36000;} 
#content .text14 ul{margin:0; padding:0 20px;}
#content .text14 ul li{font-size: 10pt; font-weight: bold; color:#222;}

#content .post{background-color:#FCFCFC; padding-bottom:10px;}
#content .post  h2 {height: 28px;padding:4px 10px;  font:bold italic 1.2em Arial, sans-serif; background: url(images/title.gif) no-repeat left top;}
#content .post  h2 a{color:#222; text-decoration:none;  border-bottom: 1px dashed #222;}
#content .post  h2 a:hover {color: #C68A35; text-decoration:none;  border-bottom: 1px dashed #C68A35;}

#content .comments h3{color:#a36000; margin:40px 0 10px 0; padding:0;}
#content .comments img{border:none;}
#content .rasprodaja{margin:10px 0 40px 0;}
#content .rasprodaja img{border:none;}


#content .qshop {padding:0; margin-bottom:10px; height: 180px;}
#content .price {font:bold italic 1.6em Arial, sans-serif; color: #a36000;}
#content .pric {font: italic 1.4em Arial, sans-serif; color: #777; text-decoration:line-through;}
#content .shipping {font:bold italic 1.4em Arial, sans-serif; color: #255c9e;}
#content .qshop img{float:left; margin-right:20px;}
#content img {border: 1px solid #E5C9A2; padding:1px;}
#content .ttx {font-size: 12pt; font-weight: bold; border-bottom: 1px dashed #E5C9A2; margin-bottom:5px;}
#content tr.color {background-color:#f1eee8;}
.more-link {font-weight: bold;}
#content .menu {line-height:20px;}
#content .menu h3{font:bold 1.0em Arial, sans-serif; padding:0;margin:0;}
#content .menu a{ color:#255c9e; padding-left: 14px; font:bold 14px Arial, sans-serif; background:url(images/link-menu.gif) no-repeat left; border-bottom:none;}
#content .menu a:hover { color:#C58326;}

#content .menu p {text-indent: 0; }

#hot-m{padding:0; margin:0; text-align:justify;}
#hot-m table{margin-bottom:40px;}
#hot-m p{padding:5px 0 0 0; margin:0;}
#hot-m h3{font:bold 1.4em Arial, sans-serif; color: #a36000; padding:20px; margin:0;}
#hot-m h3 a{color: #a36000; text-decoration:none;}
#hot-m  td{padding:0 5px;}
#hot-m img{border: 1px solid #E5C9A2; padding:1px;}
#hot-m .prkt a{padding-left: 14px; background:url(images/li.gif) no-repeat left;}
#prokat table{border-right:0; border-top:0; border-left:1px solid #E5C9A2; border-bottom:1px solid #E5C9A2;}
#prokat td{border-left:0; border-bottom:0; border-right:1px solid #E5C9A2;  border-top:1px solid #E5C9A2;}
#prokat th{border-left:0; border-bottom:0; border-right:1px solid #E5C9A2;  border-top:1px solid #E5C9A2;}


#checkout table{background:#fff; border-right:0; border-top:0; border-left:1px solid #E5C9A2; border-bottom:1px solid #E5C9A2;}
#checkout td{border-left:0; border-bottom:0; border-right:1px solid #E5C9A2;  border-top:1px solid #E5C9A2;}
#checkout th{border-left:0; border-bottom:0; border-right:1px solid #E5C9A2;  border-top:1px solid #E5C9A2;}

/* Quickshop */
dl {padding:0; margin:0; margin-bottom:10px;}
dt{color:#777;}
dd {margin:0; padding:0;}
fieldset  {border:0; margin:0; padding:0; }
button{background: url(images/bg-com.gif) no-repeat; font:bold 12px Arial, sans-serif;  color: #fff; border: none; width: 80px;height: 28px;cursor: pointer; padding:6px;}
textarea.add-text{width: 80%;height: 100px;}
p.qs_message{color:#d1861d; font:1.2em Arial, sans-serif;}



/* Left SideBar Section */
#l-sidebar h2{ color:#333; font:bold 1.0em Arial, sans-serif;margin:0; padding:10px;}
#l-sidebar ul {list-style: none; margin:0 0 10px 20px; padding: 0;}
#l-sidebar ul li {margin: 0;display: block;padding: 3px 0; font:bold 14px Arial, sans-serif; color:#777;}
#l-sidebar ul li a{ color:#255c9e; padding-left: 14px; background:url(images/li.gif) no-repeat left;}
#l-sidebar ul li a:hover { color:#C58326;  padding-left: 14px; background:url(images/li-hover.gif) no-repeat left;}
#l-sidebar .widgettitle {font:bold 12px Arial, sans-serif; color:#fff; height:30px; padding:6px 14px; margin-top: 10px; background:url(images/widgettitle.gif) no-repeat left top;}
#l-sidebar img{border:0;}
.panel{background: #DCEEFC url(images/panel_top_left.gif) top left no-repeat;}
.panel div{background: url(images/panel_top_right.gif) top right no-repeat;}
.panel div div{background: url(images/panel_bottom_left.gif) bottom left no-repeat;}
.panel div div div{background: url(images/panel_bottom_right.gif) bottom right no-repeat; padding:10px;}
#l-sidebar a {text-decoration:none;}
.text12{color:#a36000; font-weight: bold; padding-bottom:10px;} 
#hot{padding:20px 0; text-align:center;}
#hot img{border:1px solid #E5C9A2;}
#hot-p{padding:20px 0; text-align:center;}

/* SideBar Section */
#sidebar ul {list-style: none; margin:0; padding: 0; margin-bottom:10px;}
#sidebar ul li {margin: 0;display: block;padding: 3px 0 3px 6px; font:bold 11px Arial, sans-serif; color:#777;}
#sidebar ul li a{ color:#255c9e; padding-left: 10px; background:url(images/li-m.gif) no-repeat left;}
#sidebar ul li a:hover { color:#C58326;}
#sidebar img{border:0;}

#sidebar a {text-decoration:none;}
#sidebar p {line-height:18px;}

#sidebar .widgettitle {font:bold 12px Arial, sans-serif; color:#fff; height:30px; padding:6px 14px; margin-top: 10px; background:url(images/widgettitle.gif) no-repeat left top;}
#sidebar .quickshopcart{margin:0; padding:0; font-size: 10px; color:#777;}



/* Footer Section */



/* Search */
#searchform {background: transparent; padding: 5px 0; margin:0;}

#searchform #s {border:1px solid #E5C9A2; height: 22 px; width: 136px; padding: 2px 5px; background: #fff; font: 12px Arial, sans-serif; color: #a1a1a1; vertical-align: middle;}
#searchsubmit {background: url(images/search.gif) no-repeat; border: none; width: 22px; height: 22px; vertical-align: middle; margin-left:6px; cursor: pointer;}

.contactform{color:#777; font:11px Arial, sans-serif; }

/* Comment Stuffs */

#comment {width:95%;}
cite {font-weight:bold; font-style:normal;}
.commentbody {color: #555; font-size: 12px Arial, sans-serif; margin: 0 0 5px 0;padding: 10px 15px 10px 15px;	
     background: #fff;	border: 1px solid #EEEAE2; position: relative;}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlink {	font-size: 10px;}
.commentlist {	list-style: none; margin:0; padding:0;}
.commentcount {	position: absolute; left:96%;	top: 5px;	font: bold 24px Arial, sans-serif;
	color: #EEEAE2;	float: left;}
	
#commentform {margin-top: 10px;font: Arial, sans-serif;}

#commentform input{width: 200px; padding: 3px;margin-top: 3px;}

#commentform textarea{width: 80%;height: 115px;background:#fff;border: 1px solid #E5C9A2; padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}#commentform #submit{background: url(images/bg-com.gif) no-repeat;font: 11px Arial, sans-serif;color: #f6f6f6;border: none;width: 80px;height: 28px;cursor: pointer; margin:0;}

#contactsubmit{background: url(images/bg-com.gif) no-repeat;font: 11px Arial, sans-serif; color: #f6f6f6;border: none; width: 80px;height: 28px;cursor: pointer; }

input.button{background: url(images/bg-com.gif) no-repeat;font: 11px Arial, sans-serif; color: #f6f6f6;border: none; width: 80px;height: 28px;cursor: pointer; }



/* Other Parts */
form input, .add-text, .text{background:#fff;border: 1px solid #E5C9A2;}
a img:hover {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7}
p {margin:0 ; padding:10px 0; text-indent: 3px; }
.navigation {font-size: 11px;	padding:15px 10px; }
.alignleft {float: left;text-align: left;}
.alignright {float: right;margin-top: -1px;	text-align: right;}
.postmetadata {font-size: 11px; background-color:#FCFCFC; color: #aeaeae; padding:10px 20px; margin:0; text-align: right;}
.postmetadata  a {border-bottom: 1px dashed #a36000;}
.postmetadata  a:hover {border-bottom: 1px dashed #222;}
small {color:#777;}
.wp-smiley  {border:none;}
