/*   
Theme Name: Silicone Stop
Theme URI: http://incedia.com
Description: Developed by Incedia Creatives - <a href="http://incedia.com">www.incedia.com</a>. You can reach us at <a href="mailto:info@incedia.com">info@incedia.com</a>.
Author: Rahul Verma
Author URI: http://incedia.com
Version: 1.0
*/

/*
Pink: #ec008c
*/

/* ======================================== css reset ========================================  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; text-decoration:none; outline:none;}
:focus {outline:0;}
a:active {outline:none;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}



/* ======================================== clearfix ======================================== */

#page-wrap:before, #header:before, #middle:before, #footer:before, .shell:before, .main:before, .sidebar:before, .group:before, .post:before, .entry:before {display:table; content:"";}

#page-wrap:after, #header:after, #middle:after, #footer:after, .shell:after, .main:after, .sidebar:after, .group:after, .post:after, .entry:after {display:table; content:""; clear:both;}

#page-wrap, #header, #middle, #footer, .shell, .main, .sidebar, .group, .post, .entry {zoom:1; /* For IE 6/7 (trigger has layout) */}



/* ======================================== custom fonts ======================================== */

@import url('http://fonts.googleapis.com/css?family=Lato:400,700');



/* ======================================== element styles ========================================  */

body {background:#fff url('images/bg-cross.gif') repeat 0 0; color:#222; font-family:'Lato',sans-serif; font-size:14px;}

h1 {font-size:24px; margin:0 0 15px; padding:0 5px 12px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; font-style:italic; background:url('images/heading-border.gif') repeat-x 0 100%;}
h2 {font-size:22px; margin:0 0 10px;}
h3 {font-size:18px; margin:20px 0 10px;}
h4 {font-size:16px; margin:20px 0 10px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

h2 span {color:#ec008c;}

p {line-height:24px; margin:0 0 20px;}
a {color:#ec008c;
	-webkit-transition:color .3s ease-in-out;
	-moz-transition:color .3s ease-in-out;
	-o-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
}
a:hover {color:#000;}

hr {height:2px; margin:30px 0; border:none; background:#e2e2e2; color:#e2e2e2; line-height:2px}

blockquote {padding:0 30px;}

img {display:block;}

sup {font-size:0.8em; vertical-align:super !important;}



/* ======================================== generic styles ========================================  */

.col-left {float:left}
.col-right {float:right}

p.alignleft {text-align:left;}
p.alignright {text-align:right;}
p.aligncenter {text-align:center;}

img.alignleft {display:inline; float:left; margin-right:10px}
img.alignright {display:inline; float:right; margin-left:10px}
img.aligncenter {clear:both; display:block; margin:10px auto;}

.post img {margin-top:5px; margin-bottom:5px; border:3px solid #e5e5e5; box-shadow:0 0 10px #333;
	-webkit-transition:border .3s ease-in-out;
	-moz-transition:border .3s ease-in-out;
	-o-transition:border .3s ease-in-out;
	transition:border .3s ease-in-out;
}

.post a:hover img {border:3px solid #f799d1;}

.list,
.main ul {margin:0 0 20px;}
.list li,
.main ul li {padding:0 0 0 20px; margin:5px 0; background:url('images/arrow-right.gif') no-repeat 0 8px; line-height:24px;}

img[src$="PDF.png"] {margin:0px; display:inline; border:none; box-shadow:none;}
a:hover img[src$="PDF.png"] {display:inline; border:none; box-shadow:none;}

/* ---------------------- buttons ---------------------- */

.buttons a {float:right;}

.button-right {padding:0 15px 0 0; background:url('images/arrow-right.gif') no-repeat 100% 5px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.button-right:hover {background:url('images/arrow-right.gif') no-repeat 100% -95px;}

.button-left {padding:0 0 0 15px; background:url('images/arrow-left.gif') no-repeat 0 5px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.button-left:hover {background:url('images/arrow-left.gif') no-repeat 0 -95px;}

/* ---------------------- form ---------------------- */

.form {width:auto; padding:30px; border:1px solid #e2e2e2; background:#f5f5f5;}
.form p {width:100%;}
.form p label {width:150px; margin:0 15px 0 0; float:left; line-height:27px; font-size:17px; text-align:right;}
.form p input {width:250px; float:left; border:1px solid #e2e2e2 !important; }
.form p textarea {width:320px; height:100px; border:1px solid #e2e2e2 !important;}

/* ---------------------- gallery ---------------------- */

.gallery {display: block; clear: both; overflow: hidden; margin: 0 auto;}

.gallery .gallery-row {display: block; clear: both; overflow: hidden; margin: 0 0 35px;}

.gallery .gallery-item {overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0;}

.gallery .gallery-item .gallery-icon img {width: auto; max-width: 89%; height: auto; margin: 0 auto 20px !important; border:3px solid #e0e0e0 !important; border-radius:7px !important; box-shadow:0 1px 5px #999 !important;}

.gallery-caption {margin-left: 0;}

/* Image sizes depending on the number of columns */
.gallery .col-0 {width: 100%;}
.gallery .col-1 {width: 100%;}
.gallery .col-2 {width: 50%;}
.gallery .col-3 {width: 33.33%;}
.gallery .col-4 {width: 25%;}
.gallery .col-5 {width: 20%;}
.gallery .col-6 {width: 16.66%;}
.gallery .col-7 {width: 14.28%;}
.gallery .col-8 {width: 12.5%;}
.gallery .col-9 {width: 11.11%;}
.gallery .col-10 {width: 10%;}
.gallery .col-11 {width: 9.09%;}
.gallery .col-12 {width: 8.33%;}
.gallery .col-13 {width: 7.69%;}
.gallery .col-14 {width: 7.14%;}
.gallery .col-15 {width: 6.66%;}
.gallery .col-16 {width: 6.25%;}
.gallery .col-17 {width: 5.88%;}
.gallery .col-18 {width: 5.55%;}
.gallery .col-19 {width: 5.26%;}
.gallery .col-20 {width: 5%;}
.gallery .col-21 {width: 4.76%;}
.gallery .col-22 {width: 4.54%;}
.gallery .col-23 {width: 4.34%;}
.gallery .col-24 {width: 4.16%;}
.gallery .col-25 {width: 4%;}
.gallery .col-26 {width: 3.84%;}
.gallery .col-27 {width: 3.7%;}
.gallery .col-28 {width: 3.57%;}
.gallery .col-29 {width: 3.44%;}
.gallery .col-30 {width: 3.33%;}


/* ======================================== page-wrap ========================================  */

#page-wrap {width:100%; margin:0 auto}
.shell {width:960px; margin:0 auto; position:relative;}



/* ======================================== header ========================================  */

#header {width:100%; height:140px; ; position:relative; z-index:11; border-bottom:4px solid #000; background:#fff;}

.logo {width:250px; height:250px; display:block; position:absolute; top:16px; left:0; z-index:20; background:url('images/logo-silicone-stop.png') no-repeat 0 0; text-indent:-9999px;}

.logo-text {width:361px; height:64px; display:block; position:absolute; top:40px; left:285px; background:url('images/logo-silicone-stop-text.gif') no-repeat 0 0; text-indent:-9999px;}

/* ---------------------- contact details ---------------------- */

.contact-details {width:250px; margin:50px 0 0; float:right;}

.contact-details .icon-phone {width:200; padding:0 0 0 30px; margin:0 0 10px; display:block; background:url('images/icon-phone.gif') no-repeat 0 0; cursor:pointer;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}
.contact-details .icon-phone:hover {background-position:0 -46px; color:#ec008c;}

.contact-details .icon-email {width:200; padding:0 0 0 30px; margin:0 0 10px; display:block; background:url('images/icon-email.gif') no-repeat 0 4px; color:#222;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.contact-details .icon-email:hover {background-position:0 -37px; color:#ec008c;}



/* ======================================== navigation ========================================  */

.main-nav {width:100%; height:75px; position:relative; z-index:10; box-shadow:0 20px 20px -20px #333; background:#ec008c;}

.main-nav-logo-bg {width:372px; height:183px; display:block; position:absolute; top:0px; left:-61px; z-index:11; background:url('images/main-nav-logo-bg.png') no-repeat 0 0; text-indent:-9999px;}

.main-nav ul {width:650px; float:right; text-align:right;}
.main-nav ul li {margin:0 2px; float:left;}
.main-nav ul li.first-child {margin-left:0;} /* for browsers that have no support for HTML5 */
.main-nav ul li:first-child {margin-left:0;}

.main-nav ul li a {height:75px; padding:0 26px; display:block; color:#fff; font-size:18px; line-height:75px; text-shadow:1px 1px 0 #666;
	background:url('images/main-nav-hover.gif') no-repeat;
	background-position: 0 -75px;
	-webkit-transition:background-position .3s ease-in-out;
	-moz-transition:background-position .3s ease-in-out;
	-o-transition:background-position .3s ease-in-out;
	transition:background-position .3s ease-in-out;
}

.main-nav ul li a:hover,
.main-nav ul li.selected a {background-position:0 0 !important;}

.main-nav ul li.current-menu-item a,
.main-nav ul li.current_page_item a,
.main-nav ul li.current_page_parent a,
.main-nav ul li.current-page-ancestor a {background-position:0 0 !important;}




/* ======================================== middle ========================================  */

#middle {width:100%; padding:0 0 60px; box-shadow:0 20px 20px -20px #333; background:#000; color:#000;}
.main {width:620px /* Total: 680px */; padding:15px 30px 0; float:right; border-bottom:4px solid #ec008c; background:#fff;}
.sidebar {width:182px /* Total: 250px */; padding:105px 30px 0; float:left; border:4px solid #ec008c; border-top:0; border-bottom:34px solid #ec008c; background:#fff url('images/bg-cross.gif') repeat 0 0;}

.page-template-template-home-php .main {width:600px; padding:0; margin-right:70px; border-bottom:0; background:#000; color:#fff;}
.page-template-template-home-php .main .post p {margin-bottom:5px; font-size:13px;}

.page-template-template-products-php .post {height:755px;}




/* ======================================== main ========================================  */

/* ---------------------- slideshow ---------------------- */

.slideshow {width:700px; height:363px; margin:0 0 30px; float:right; position:relative;}

.slideshow-frame {width:700px; height:363px; position:absolute; top:0; right:0; z-index:10; background:url('images/slideshow-frame.png') no-repeat 0 0;}

#slider {width:700px; height:363px; list-style:none; overflow-y:auto; overflow-x:hidden;}
#slider li {position:relative;}
#slider li .slide {width:700px; height:363px; position:relative; z-index:9;}
#slider li .caption {width:271px; height:271px; position:absolute; bottom:0px; right:0px; z-index:11;}


/* ---------------------- product thumbnails ---------------------- */

.product-thumbnails {width:100%; margin:20px auto 5px;}
.product-thumbnails tr {padding:0; margin:0;}
.product-thumbnails tr td {margin:0; padding:0 0 15px; vertical-align:top;}
.product-thumbnails tr td img {width:180px; margin:0 auto 12px;}
.product-thumbnails tr td a {color:#222;}
.product-thumbnails tr td a:hover {color:#ec008c;}

/* ---------------------- wordpress ---------------------- */

.page .post {background:none;}
.search h1 {padding-top:5px}

.post {padding:5px 0 4px; margin:0 0 10px; background:url('images/heading-border.gif') repeat-x 0 100%;}
.post h3 {margin:5px 0 8px; line-height:24px;}
.post .meta {margin-bottom:7px; font-size:12px;}
.post .meta span {padding:0 5px; color:#666;}
.post h3 a {color:#222;}
.post h3 a:hover {color:#ec008c;}

.post .buttons {margin:0 0 20px;}

.navigation {margin:15px 0 20px;}
.prev-posts {float:left; text-align:left;}
.next-posts {float:right; text-align:right;}


#respond {margin-top:18px;}
#respond h3 {margin-bottom:5px;}
#respond .logged-in-as {margin-bottom:12px;}
#respond input[type=text], #respond textarea {padding:4px 7px; margin:5px 5px 5px 0; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#respond textarea:focus, #respond input[type=text]:focus {border:1px solid #aaa}

#commentform {margin-bottom:35px;}

.commentlist {list-style:none; margin:0 !important; padding:0;}
.commentlist a {color:#015496;}
.commentlist a:hover {color:#bc8d00;}
.commentlist li.comment {margin:20px 0 !important; padding:25px !important; list-style:none; background:#f5f5f5;}

.commentlist .avatar {height:20px; width:20px; margin-right:5px; display:inline;}
.commentlist li.comment .fn {font-size:15px; font-weight:bold; font-style:normal}
.commentlist li.comment .comment-meta {font-size:11px; color:#777; margin:7px 0; line-height:16px}
.commentlist li.comment .children {margin:20px 0 0 !important; background:#eee!important; border:1px solid #e2e2e2;}
.commentlist li.comment .children li {background:none !important; margin:0 !important;}

#commentform .title {margin-bottom:5px;}
#commentform #submit {margin:10px 0 0; font-size:15px;}



/* ======================================== sidebar ========================================  */

/* ---------------------- search form ---------------------- */

#searchform {padding:10px 0 5px;}
.search-input,
.search-input:focus {width:126px; height:18px; padding:5px 10px; float:left; border:1px solid #ccc; border-right:0 !important; background:#fff; color:#555; font-family:Arial, Helvetica, sans-serif;}
.search-button,
.search-button:focus {width:35px; height:30px; float:right; display:block; background:url('images/search-button.png') no-repeat 0 0; border:0 !important; line-height:26px; cursor:pointer;}

/* ---------------------- dropdown menu ---------------------- */

ul.products {width:250px; margin:10px 0 0; position:relative; z-index:100; left:-34px;}
ul.products li {width:250px; display:block; text-align:center; position:relative; z-index:250 !important;
	background:url('images/sub-menu-hover.gif') no-repeat -287px 0;
	-webkit-transition:background-position .5s ease-in-out;
	-moz-transition:background-position .5s ease-in-out;
	-o-transition:background-position .5s ease-in-out;
	transition:background-position .5s ease-in-out;
}

ul.products li div {padding:0; margin:0; display:block; background:url('images/sub-nav-division.png') no-repeat 50% 0;}

ul.products li a {width:250px; display:block; color:#222; font-size:15px; line-height:40px; cursor:pointer !important;}
ul.products li:hover {background:url('images/sub-menu-hover.gif') no-repeat 0 0;}

ul.products li:hover a {color:#fff;}


ul.products li.current-menu-item,
ul.products li.current_page_item,
ul.products li.current-menu-parent,
ul.products li.current-page-parent,
ul.products li.current-menu-ancestor,
ul.products li.current-page-ancestor {background:url('images/sub-menu-hover.gif') no-repeat 0 0 ;}

ul.products li.current-menu-item a,
ul.products li.current_page_item a,
ul.products li.current-menu-parent a,
ul.products li.current-page-parent a,
ul.products li.current-menu-ancestor a,
ul.products li.current-page-ancestor a {color:#fff;}

/* --------- level 2 --------- */

ul.products ul {width:220px; visibility:hidden; position:absolute; top:0; left:246px; z-index:245 !important; border:4px solid #ec008c; box-shadow:0 0 15px #666; background:#fff url('images/bg-cross.gif') repeat 0 0;}

ul.products ul li {width:auto;}
ul.products ul li.first-child div {background:none;} /* for browsers that have no support for HTML5 */
ul.products ul li:first-child div {background:none;}

ul.products ul li a {width:210px; display:inline-block /* IE 6 & 7 Needs Inline Block */; position:static; background:none; color:#222 !important; line-height:36px;
	-webkit-transition:color .5s ease-in-out;
	-moz-transition:color .5s ease-in-out;
	-o-transition:color .5s ease-in-out;
	transition:color .5s ease-in-out;
}
ul.products ul li a:hover {color:#fff !important;}

ul.products ul li.current-menu-item a,
ul.products ul li.current_page_item a,
ul.products ul li.current-menu-parent a,
ul.products ul li.current-page-parent a,
ul.products ul li.current-menu-ancestor a,
ul.products ul li.current-page-ancestor a {background:url('images/sub-menu-hover.gif') no-repeat 0 0 !important /* For IE 7 */; color:#fff !important;}



/* ======================================== footer ========================================  */

#footer {width:100%}

#footer .artwork-specs {position:absolute; top:-32px; left:355px; z-index:10;}
#footer .how-to-order {position:absolute; top:-32px; left:710px; z-index:10;}

.button,
.button span {height:37px; float:left; display:block; color:#fff; font-size:14px; line-height:37px; cursor:pointer;}

.button {padding:0 0 0 12px; background:url('images/button-folded-left.png') no-repeat 0 0;}
.button span {padding:0 34px 0 22px; background:url('images/button-folded-right.png') no-repeat 100% 0;
	-webkit-transition:color .3s ease-in-out;
	-moz-transition:color .3s ease-in-out;
	-o-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
}

.button:hover span {color:#000;}

/* ---------------------- footer columns ---------------------- */

.footer-columns {padding:30px 0 20px;}
.footer-columns .column {width:250px; margin:0 105px 0 0; float:left;}
.footer-columns .column.last-child {margin-right:0;} /* for browsers that have no support for HTML5 */
.footer-columns .column:last-child {margin-right:0;}

.footer-columns a {color:#222;}
.footer-columns a:hover {color:#ec008c;}

.footer-columns h2 {margin:0 0 12px; padding:0 5px 10px; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-weight:normal; font-style:italic; background:url('images/heading-border.gif') repeat-x 0 100%;}
.footer-columns .list {margin:0;}

.icon-facebook {padding-left:30px !important; background:url('images/icon-facebook.png') no-repeat 0 1px !important;}
.icon-twitter {padding-left:30px !important; background:url('images/icon-twitter.png') no-repeat 0 1px !important;}
.icon-linkedin {padding-left:30px !important; background:url('images/icon-linkedin.png') no-repeat 0 1px !important;}
.icon-rss {padding-left:30px !important; background:url('images/icon-rss.png') no-repeat 0 1px !important;}

/* ---------------------- footer bottom ---------------------- */

.footer-bottom {padding:30px 0; box-shadow:0 0 20px 0 #333; background:#000; color:#ccc; font-size:12px;}
.footer-bottom a {color:#ccc;}
.footer-bottom a:hover {color:#ec008c;}

.footer-links {width:650px; float:left;}
.footer-links li {padding:0 10px 0 0; margin:0 10px 0 0; display:inline; border-right:1px solid #666;}
.footer-links li.last-child {border:none;} /* for browsers that have no support for HTML5 */
.footer-links li:last-child {border:none;}

#copyright {width:300px; float:right; text-align:right;}

div.scroll {
width: 620px;
overflow: auto;
padding: 8px;
}