/*
Theme Name: Ecommerce theme for shoes store.
Theme URI: http://www.motiontheme.com
Description: Theme is designed and coded by Oleg Mikheles. at <a href="http://motiontheme.com/">Motiontheme.com</a>.
Version: 1.0
Author: Oleg M.
*/

/* RESET CSS */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

* {margin: 0; padding: 0;}

body {font: 75%/170% Arial, Helvetica, sans-serif; color: #000; background: #222222 url(img/bg.gif); margin: 0; padding: 0;}

a {color:#0099FF; text-decoration: none; outline: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#000;}

p {padding: 0 0 0.5em; text-align:justify;}

/* ### TITLES ### */
h1, h2, h3 {margin-bottom:15px; font-family: "Trebuchet MS";}

img {border: none;}

/* ### WRAPERS, CONTAINERS
--------------------------- ### */
#wrap {width:970px; margin:0 auto; repeat-x top; padding:5px 5px 10px 5px;}



/* ### HEADER
----------------------- ### */
.bgfix { background:url(img/bgfix.gif) repeat-x top;}
.bgfix-single { background:url(img/bgfix-single.gif) repeat-x top;}

.headerbg {background:url(img/headerbg.jpg) no-repeat center top;}
.headerbg-single {background:url(img/headerbg-single.jpg) no-repeat center top;}

.link {position:absolute; z-index:20; margin-left:65px; margin-top:0px;}

#header {height:335px; width:970px; margin:0 auto;}
#header.header-single {height:150px;}
#header .intro {position:absolute; width:343px; z-index:10; margin-left:515px; margin-top:100px; width:460px; height:140px; color:#fff;}

#header h2 {margin-bottom:10px; font-size:2.5em; background:url(img/logo.png) no-repeat 0 0px; color:#fff;}

#logo {position:absolute; margin-top:0; height:64px; font-weight:bold; cursor:pointer;}
#logo .left { background:url(img/logoleft.gif) no-repeat; width:24px; height:64px; float:left;}
#logo .right { background:url(img/logoright.gif) no-repeat; width:24px; height:64px; float:left;}
#logo .title { background:url(img/logobg.gif) repeat-x top; float:left; height:56px; padding:8px 0 0 0; font-family:"Trebuchet MS";}
#logo .title span {font-size:2em; }
#logo .slogan { font-size:1.3em; padding:5px 0 0 5px;}
#logo a {color:#004a7c;}
#logo a:hover { text-decoration:none;}

/* SEARCH */
#search {width:203px; background:url(img/searchbg.gif) no-repeat 0 2px; padding:0 0 3px 0; position:absolute; margin-left:750px; margin-top:295px;}
#search.search-single {margin-top:110px;}
#search .itext {margin:0 15px 0 5px; width:150px; font-size:14px; border:0px; background: none; color:#000;}
#search .ibut {cursor:pointer; margin:0; width:28px; height:26px; border:0px; background: none; font-size:12px; color:#b57489; font-weight: bold;}

.searchtxt {background:url(img/searchtxt.gif) no-repeat; width:84px; height:17px; position:absolute; z-index:100; margin-left:658px; margin-top:303px;}
.searchtxt-single {margin-top:118px;}

#header .subscribe { position:absolute; margin-top:295px; margin-left:437px;}
#header .subscribe-single {margin-top:110px;}

/* Top navigation */
#topnav {padding:0; width:444px; height:35px; position:absolute; margin-left:522px; margin-top:8px; font-size:1.2em; font-weight:bold; overflow:hidden;}
#topnav .spacer { padding:8px 0 0 0;}
#topnav a {text-decoration:none; color:#fff;}
#topnav a:hover {color:#FFD200;}
#topnav ul {list-style:none; text-align:right;}
#topnav ul li {display:inline; padding:0 8px 0 8px;}

/* Featured */
#featured {position:absolute; margin-top:110px; margin-left:10px; }
#featured .pic {position:absolute; width:390px; height:200px;}
#featured .price {position:absolute; width:104px; height:33px; padding:8px 0 0 0; z-index:1000; margin-top:0px; margin-left:288px; background:url(img/price.gif) no-repeat; text-align:center;}
#featured .price em {font-size:2.3em; color:#fff; font-family:"Trebuchet MS";}
#featured .info {position:absolute; margin-left:425px; width:500px; color:#fff;  padding:5px 0 0 0; z-index:500;}
#featured .info h2 {border-bottom:1px solid #fff; padding:0 0 8px 23px; background:url(img/star.png) no-repeat;}
#featured .info h2 a {color:#fff;}
#featured .info h2 a:hover {text-decoration:none;}

#featured .text {line-height:16px; font-size:0.9em; font-weight:bold; height:65px; margin-bottom:5px; overflow:hidden;}
#featured .buttons img { margin-right:5px;}

/* ### MIDLE, SIDEBARS
----------------------- ### */

/* Midle */
#midle {/*WIDTH*/ width:754px; padding:0;}
#midle .spacer {}
#midle.wide { width:auto; background:url(img/midlewidebg.jpg) repeat-y center;}

#midle .more-link {padding:0 0 15px 0; display:block; float:right;}

/* Post style */

#midle .post {background:url(img/postbg.gif) repeat-y; margin-bottom:15px;}
#midle .postbottom {background:url(img/postbgbottom.gif) no-repeat bottom;}
#midle .posttop {background:url(img/postbgtop.gif) no-repeat top; padding:20px;}
#midle .postfirst {background:url(img/postbgtopfirst.gif) no-repeat top !important;}

#midle .post-single {background:url(img/postbg-single.gif) repeat-y; margin-bottom:15px;}
#midle .postbottom-single {background:url(img/postbgbottom-single.gif) no-repeat bottom;}
#midle .posttop-single {background:url(img/postbgtop-single.gif) no-repeat top; padding:20px;}
#midle .postfirst-single {background:url(img/postbgtopfirst-single.gif) no-repeat top !important;}


#midle .post h1 {margin-bottom:20px; font-size:2.8em; color:#777; line-height:25px; font-weight:normal; padding:4px 0 0 0;}
#midle .post h2 {margin-bottom:10px; font-size:1.9em; padding:0; font-family: "Trebuchet MS"; line-height:25px;}
#midle .post h2 a {position:relative;}
#midle .post h2 a:hover {text-decoration:none; color:#000;}

#midle .post-single h2 {font-size:2.5em !important; padding-top:10px;  margin-bottom:20px;}

#midle .post h3 {margin-bottom:5px !important; padding:0 0 0 0; margin-left:0px; font-size:1.6em;}


#midle .product-text {width:420px;}
#midle .product-text-single {width:auto;}
#midle .product-text h2 {}
#midle .product-text h2 a {color:#000;}
#midle .product-text h2 a:hover {color:#0099FF;}
#midle .product-text p { font-size:1.2em; line-height:25px;}

#midle .product-tools {width:250px;}
#midle .product-tools-single {float:left; margin-right:10px; margin-bottom:10px;}

#midle .photo {text-align:center; margin-bottom:10px;}
#midle .photo img {border:2px solid #b5b5b5; padding:3px; width:220px; height:200px;}

#midle .buy { padding:0 0 0 10px;}
#midle .price {font-size:2.5em; color:#fff; font-family:"Trebuchet MS"; padding:10px 10px 0 0;}
#midle .price-single {color:#000; padding:10px 35px 0 0;}



#midle .ratings {padding:0 0 0 0; float:left; width:200px; margin-bottom:-10px;}
#midle .ratings-single {float:right; width:150px;}
#midle .rmore {padding:0 0 0 0; float:right;}


/*
 * Product item
 */
#midle .product {border:1px solid #BBCCD9; padding:10px; background:#ecf1f5; margin:10px 0 10px 0;}
#midle .product img.ppic {width:120px; padding:3px; border:1px solid #ccc; float:left; margin-right:10px;}

#midle .callus {font-size:2em; text-align:center; background:url(img/bodybg.gif) repeat-x 0 -270px; padding:10px 0 10px 0; border:1px solid #ccc; font-style:italic; margin:10px 0 10px 0;}

#midle ul {list-style:none; margin-bottom:20px; overflow:hidden;}
#midle ul li {background:url(img/bullet2.gif) no-repeat 0 8px; padding:0 0 0 15px;}

#midle ul.catlist {display:inline; margin:0 0 10px 0;}
#midle ul.catlist li {display:inline; margin:0 0 0 0; background:url(img/bullet2.gif) no-repeat 0 5px !important;}

#midle .pic {}
#midle .pic img {width:70px; height:70px;}

#midle table td {padding:5px; border:1px solid #ccc;}

/*
 * Localizador
 */
.breadcrumb {margin-bottom:5px; border-bottom:1px solid #dddddd; padding:0 0 5px 0;}

/* post data */
#midle .postdata {font-size:12px; margin-bottom:5px; border-bottom:1px solid #a5a5a5; padding:0 0 5px 0;}
#midle .postdata-single { margin-bottom:15px;}
#midle .postdata ul {margin:0; padding:0;}
#midle .postdata ul li {display:inline; background:none; padding:0 10px 0 0; float:left;}
#midle .postdata ul li.comments {background:url(img/comments.gif) no-repeat; padding:0 10px 0 25px;}
#midle .postdata ul li.posted {background:url(img/label.gif) no-repeat; padding:0 10px 0 25px;}

#midle .postdata b {color:#0b99e4;}

/* Img aligns */
#midle img.alignleft {float:left; margin:0 10px 10px 0; border:1px solid #b5b5b5; padding:3px; font-size:11px; line-height:normal;}
#midle img.alignright {float:right; margin:0 0 10px 10px; border:1px solid #b5b5b5; padding:3px; font-size:11px; line-height:normal;}
#midle img.aligncenter {text-align:center; border:1px solid #b5b5b5; padding:3px; font-size:11px; line-height:normal;}

div.wp-caption.alignleft {text-align:center; font-size:11px; line-height:normal; float:left; margin:0 10px 10px 0; clear:both;}
div.wp-caption.alignright {text-align:center; font-size:11px; line-height:normal; float:right; margin:0 0 10px 10px;}
div.wp-caption.aligncenter {margin:0 auto; text-align:center; font-size:11px; line-height:normal;}
div.wp-caption img {border:1px solid #b5b5b5; padding:3px; margin-bottom:5px;}

#midle .thumb {float:left; padding:0 10px 0 0;}
#midle .thumb img {border:1px solid #999; padding:3px;}

/* Comments */
.even {margin-bottom:10px; background:#eee; padding:10px; height:1%;}
.odd {margin-bottom:10px; background:#f8f4f8; padding:10px; height:1%;}
h3.ctitle {margin:0; padding:0;}
ol {margin:0; padding:0;}

.commentlist {list-style:none;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite {margin:0; padding:0;}
.comment-author, .vcard { margin:0; padding:0;}
.comment-author img {float:left; margin-right:10px; margin-top:5px;}

.comment-meta, .commentmetadata { margin:0; padding:0;}
.commentmetadata {margin-bottom:10px; font-size:10px; clear:right;}

#midle .box {width:432px; height:96px; background:url(img/boxbg.gif) no-repeat; border:none; font-family:arial; font-size:12px; color:#000; padding:5px; overflow:hidden;}
#midle .field { background:url(img/fieldbg.gif) no-repeat !important; font-family:arial; border:none; width:157px; height:19px; font-size:12px; color:#000; padding:7px 10px 7px 10px; }

#midle .submit { background:url(img/submit.gif) no-repeat; width:105px; height:36px; border:none; cursor:pointer;}

/* Navigation */
#navigation {}
#navigation .alignleft {float:left;}
#navigation .alignright {float:right;}


/* SIDEBARS */
#sidebar01 {/* WIDTH */ width:200px; background: url(img/sidebarbg.gif) repeat-y; border-bottom:3px solid #696969; color:#fff;}

#sidebar01 h2 {font-family:"Trebuchet MS"; color:#fff; margin:0; background:url(img/sidebarh2.gif) no-repeat; height:45px; font-size:1.8em; padding:15px 10px 0 10px;}
#sidebar01 h2.first {background:url(img/sidebarh2first.gif) no-repeat !important;}

#sidebar01 ul {margin:0; padding:0;}
#sidebar01 ul li {list-style:none; height:1%;}

#sidebar01 ul ul {margin:0 10px 10px 10px;	}
#sidebar01 ul ul li {font-family:"Trebuchet MS"; padding:3px 0 3px 15px; font-size:1.2em; background: url(img/bullet.gif) no-repeat 0 7px; line-height:18px; border-bottom:1px solid #323232;}

#sidebar01 ul ul ul {margin:10px 0 0 10px;}
#sidebar01 ul ul ul ul { margin:10px 0 0 0;}

#sidebar01 ul ul ul ul li {border:none; line-height:15px; background:url(img/bullet.gif) no-repeat 0 5px; margin: 0 0 0 0; padding:0 0 10px 15px;}

#sidebar01 ul li a {color:#fff;}
#sidebar01 ul li a:hover {color:#ffc918;}



.widget_tag_cloud a {position:relative; padding:10px;}
.textwidget {font-size:12px; padding:10px; text-align:justify;}



/* ### FOOTER
----------------------- ### */

#footer {background:#0381a9 url(img/footerbg.jpg) repeat-x top; color:#fff;}
#footer .spacer {width:960px; margin:0 auto; padding:20px 0 20px 0;}
#footer .copyrighted {font-size:11px; text-align:center;}
#footer .bot-menu {padding:10px 0 0 0; border-top:1px solid #2ab2dd; text-align:center;}
#footer a {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration: underline; color:#efc000;}


#footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold; font-family:"Trebuchet MS";}
#footer .bot-menu ul li {display:inline; padding:0 10px 0 0;}

#fbar {margin-bottom:30px;}
#fbar h2 {font-size:1.4em; color:#fff; margin:0; font-family: "Trebuchet MS"; font-weight:normal; overflow:hidden; position:relative;}
#fbar ul {margin:0; padding:0;}
#fbar ul li {list-style:none;  margin:0 10px 0px 0px; float:left; display:inline; border-right:1px solid #2ab2dd;}
#fbar ul ul {padding:0 20px 0 10px; width:180px; overflow:hidden;}
#fbar ul ul li {margin:0; padding: 2px 0 2px 10px; background:url(img/bullet.gif) no-repeat 0 10px; border:none; border-bottom:1px dotted #fff; font-size:11px; float:none; display:block;}
#fbar ul li.barbot {padding:0 0 0 0; background:none; text-align:left; background:url(img/sidebarbot.jpg) no-repeat; height:30px;}
#fbar ul ul li.bodd {background:url(img/bulletodd.gif) no-repeat 0 7px !important;}
#fbar ul ul ul {margin: 0 0 0 0px;}
#fbar ul ul ul li {border:none; line-height:15px; background:url(img/bullet.gif) no-repeat 0 5px; }




/* Floating options */
.fl {float:left;}
.fr {float:right;}

.mgright {margin-right:10px;}
.mgtop {margin-top:10px;}
.mgbottom {margin-bottom:10px;}


/* Clearing */
.clr {clear:both;}

.tmp {display:none;}
.tmpl {display:none;}