/*CSS Document*/
/*  
Theme Name: Slice and Stitch
Theme URI: http://sliceandstitch.com/
Description: The blog!
Version: 1.0
Author: Prasanth
*/
*{padding:0; margin:0; border:0;}

body{background-color:#fff; color:#666; font-family:Arial; font-size:12px; line-height:160%;}
a{outline:none;}
.wrapper{width:960px; margin:auto;}
.wrapper ol{margin:10px 0;margin-left:30px;}
.wrapper ol li{margin:5px 0;}
.wrapper p.something a{text-decoration:none; color:#4e88b7;padding:2px;}
.wrapper p.something a:hover{background-color:#4e88b7; color:#fff;}

/*-----------------------**Top most bar that holds the menu**--------------------*/
#navigation{background-color:#000; height:60px; color:#eee; width:100%;}
.logo{width:300px; height:40px; margin-top:10px; float:left;}

/*------------------------**Menu**-------------------*/
.menu{float:left; margin-top:15px; height:50px; width:650px; margin-left:0;}
.menu ul{display:inline;} 
.menu li{display:inline; float:left;margin-right:10px;}
.menu li a{height:32px; display:block; text-indent: -99999px; overflow:hidden}
.menu li.home a:hover, .menu li.home a.active, .menu li.contact a:hover, .menu li.contact a.active,.menu li.faq a:hover, .menu li.faq a.active, 
.menu li.order a:hover, .menu li.order a.active, .menu li.about a:hover, .menu li.about a.active, .menu li.blog a:hover, .menu li.blog a.active{background-position: 0 -33px;}

.menu li.home a{background:url(images/home.png) no-repeat; width:84px; }
.menu li.contact a{background:url(images/contact.png) no-repeat; width:110px;}
.menu li.faq a{background:url(images/faq.png) no-repeat; width:72px;}
.menu li.order a{background:url(images/order.png) no-repeat; width:114px;}
.menu li.about a{background:url(images/about.png) no-repeat; width:103px;}
.menu li.blog a{background:url(images/blog.png) no-repeat; width:107px;}

/*---------------------**Banner**--------------*/
#header{background:url(images/banner.jpg) repeat-x top left; height:250px; margin-bottom:5px;}
#headersmall{background:url(images/banner_small.jpg) repeat-x top left; height:140px; margin-bottom:15px}
.banner_textarea{float:left; width:650px; padding:20px 0 5px 0; text-align:justify;color:#444;}
.banner_textarea h1{font-family:"Palatino Linotype", Georgia;  padding:0; margin:0; font-style:italic; font-weight:normal; font-size:28px; margin-top:10px;}
.banner_textarea p{font-family:"Palatino Linotype"; line-height:180%; font-style:italic; font-size:17px; margin:10px 0 15px;}
.bubble{float:right;width:222px; margin-right:5px; margin-top:0; height:230px;}

/*---------------------**content styles**--------------------*/
#content, .featured, .testimonial, .chooseus{float:left; width:300px; margin:5px 7px; min-height:300px;padding-right:5px;}
#content h2,#contentothers h2,#contact h2,.featured h2, .testimonial h2, .chooseus h2{font-family:"Palatino Linotype", Georgia; font-size:20px; margin:0; padding:0; color:#4e88b7; font-style:italic; font-weight:normal;}
#contact{float:left;width:280px; margin-left:10px;}

.featured img{ margin-top:10px;}
.featured p{margin-left:20px;}
.featured p a{ color:#4e88b7;padding:2px;}
.featured p a:hover{background-color:#4e88b7; color:#fff;text-decoration:none;}

.testimonial p{margin:15px 0 0 0; padding:0 5px;}
.testimonial blockquote, #contact blockquote{font-style:italic; padding:0 10px 0 10px; line-height:160%; margin:10px 0; font-family:Georgia; text-align:justify;}
.testimonial p a{text-decoration:underline; color:#4e88b7;padding:2px;}
.testimonial p a:hover{background-color:#4e88b7; color:#fff;text-decoration:none;}

.chooseus p{padding:0 5px; margin-top:15px;}
.chooseus ul{margin-left:40px; margin-top:5px;}
.chooseus ul li{list-style-image: url(images/accept.png);padding:2px 0;height:18px;list-style-position:outside;}
.chooseus ul li.love{list-style-image: url(images/love.png);}
.chooseus ul li.xhtml{list-style-image: url(images/xhtml_valid.png);}
.chooseus ul li.search{list-style-image: url(images/magnifier.png);}
.chooseus ul li.firefox{list-style-image: url(images/firefox.png);}
.chooseus ul li.cut{list-style-image: url(images/cut.png);}
.chooseus ul li.css{list-style-image: url(images/css_valid.png);}
.chooseus ul li.secure{list-style-image:url(images/key.png);}

.clear{clear:both;}

#contentothers{float:left;width:600px; margin:0 7px 5px 7px;padding-right:10px;border-right:1px dashed #ccc;}
#contentothers h3{font-family:"Palatino Linotype", Georgia; font-size:20px; margin:0; padding:0; color:#4e88b7; font-style:italic; font-weight:normal;}
#contentothers p, #contact p{margin:10px 0;}
#contentothers p a{text-decoration:underline;color:#4e88b7;padding:2px;}
#contentothers dl a{text-decoration:none; color:#4e88b7;padding:2px;}
#contentothers p a:hover, #contentothers dl a:hover{background-color:#4e88b7; color:#fff;}
#contentothers ul{margin:0 10px;}
#contentothers ul li{list-style:none;margin:15px 0; padding-left:40px;}
#contentothers ul li.search{ background: url(images/xmag.png) no-repeat center left;}
#contentothers ul li.secure{ background: url(images/lock.png) no-repeat center left;}
#contentothers ul li.free{ background: url(images/freebsd.png) no-repeat center left;}
#contentothers ul li.clock{ background: url(images/xclock.png) no-repeat center left;}
#contentothers ul li.money{ background: url(images/money.png) no-repeat center left;}
#contentothers ul li.hand{ background: url(images/edit.png) no-repeat center left;}
#contentothers ul li.standard{ background: url(images/html.png) no-repeat center left;}

#contentothers dd{background:url(images/help.png) no-repeat top left; padding-left:20px; margin:5px 0;}
#contentothers dt{background:url(images/comment.png) no-repeat top left;padding-left:20px; margin:0 0 20px 0;} 

#contact ul{background-color:#f8f8f8; padding-left:5px; margin-top:15px;}
#contact ul li{padding:10px 5px; background-color:#f8f8f8; border-top:1px dotted #ccc; list-style:none; padding-left:25px}
#contact ul li.skype{background:url(images/skype.png) no-repeat center left;}
#contact ul li.phone{background:url(images/phone.png) no-repeat center left; border-bottom:1px dotted #ccc;}
#contact ul li.mail{background:url(images/email.png) no-repeat center left;}

.news{}
.news ul{margin:10px 0;border-bottom:1px dashed #ccc;}
.news ul li{list-style-image:none;list-style:none;height:auto;background:url(images/information.png) no-repeat left center; border-top:1px dashed #ccc;padding:5px 5px 5px 25px;}
.news p{color:#666; border-bottom:1px solid #ccc; padding:5px 0; width:250px; margin:5px 0;}

.offer{margin-top:20px; padding:5px; border:1px dotted #6c8433; color:#6c8433; background-color:#dfff90;}
.warning{margin-top:20px; padding:5px; border:1px dotted #6c8433; color:#000; background-color:#ff9f9f;}

/*---------------------**footer styles**--------------------*/
#footer{background:#000 url(images/footer.png) repeat-x top left; min-height:60px; margin-top:2px; color:#aaa; font-size:11px; padding-bottom:5px;}
#footer p{float:left; width:650px;margin-top:15px;}
#footer a, #footer a:visited{color:#aaa;}
#footer a:hover{color:#f4f4f4; text-decoration:none;}
.footlogo{margin-top:20px; float:left; width:auto; margin-right:15px;}

/*--------------------------**contact form**------------------------*/
fieldset{border:1px solid #eee;padding:5px 20px;background-color:#f8f8f8;font-weight:bold;}
legend{font-weight:bold;}
input,textarea{border:1px solid #ccc;padding:3px;width:550px;font-size:11px;display:block;margin-bottom:10px;}
input:focus,textarea:focus{border:1px solid #666;}
textarea{height:150px;overflow:auto;font-size:11px;font-family:Arial;}

form.order{}
form.order fieldset{background:#f4f4f4;margin:5px 0;font-weight:normal;}
form.order input{width:129px;float:left;margin-right:5px;}
form.order label{float:left;margin-right:5px;}
form.order label.details{float:left;margin-right:5px;}
form.order input.details{width:30px;float:left;color:#999;margin-left:40px;}
form.order input.details:focus{color:#333}
form.order input.radio1{margin-left:85px; width:15px;float:none;display:inline;}
form.order input.radio{width:15px;float:none;display:inline;margin-left:140px;}


.name{width:200px; margin-top:10px;color:#666;}
.name:focus{color:#333;}
/*
.submit{background:url(images/submit.jpg) no-repeat 0 -30px; width:110px; text-indent:-30000px; height:30px; border:none;margin:20px 0;}
.submit:hover{background:url(images/submit.jpg) no-repeat 0 1px; width:110px; text-indent:-30000px; height:30px; border:none;cursor:pointer;}
*/
.submit{background:url(images/submit.jpg) no-repeat;width:93px; text-indent:-30000px; height:25px; border:none;margin:20px 0 10px 20px;}
/*
.ask{background:url(images/ask.jpg) no-repeat 0 -30px; width:110px; text-indent:-30000px; height:30px; border:none;}
.ask:hover{background:url(images/ask.jpg) no-repeat 0 1px; width:110px; text-indent:-30000px; height:30px; border:none;cursor:pointer;}
*/
.ask{background:url(images/ask.jpg) no-repeat;width:92px; text-indent:-30000px; height:25px; border:none;margin:10px 0 20px 55px;}
form.order input.pay{background:url(images/calculate.jpg) no-repeat;width:290px; text-indent:-30000px; height:50px; border:none;margin:10px 0 10px 10px;}
#left{float:left;}

.paypal input{border:none;width:auto;margin:0;padding:0;}

/*blog*/
.post{margin:0 0 50px 0;}
.post a{color:#7aaeed;}
.post a:hover{color:#fff;background:#7aaeed; text-decoration:none;}
.post h2 a{color:#7AAEED; padding:2px 2px 0 0;}
.post h2 a:hover{color:#fff;background:#7aaeed; text-decoration:none;}

.sidebar p{padding:0 5px; margin-top:15px;}
.sidebar ul{list-style:none;}
.sidebar ul li{line-height:180%;}
.sidebar a{color:#7AAEED; padding:2px 2px 0 0;}
.sidebar a:hover{color:#fff;background:#7aaeed; text-decoration:none;}

#blog{float:left;width:600px; margin:0 7px 5px 7px;padding-right:10px;border-right:1px dashed #ccc;}
#blog h2{font-family:"Palatino Linotype", Georgia; font-size:20px; margin:0; padding:0; color:#4e88b7; font-style:italic; font-weight:normal;}
#blog p, #contact p{margin:10px 0;}
#blog p a, .commentlist a, .alignleft a, .alignright a{text-decoration:underline;color:#4e88b7;padding:2px;}
#blog p a:hover, .commentlist a:hover, .alignleft a:hover, .alignright a:hover{color:#fff;text-decoration:none;background:#4e88b7;}

#blog form{float:none;}
#blog form input {width:150px; float:none; display:inline;}
.submitcomment{width:125px;background:#2465a1;color:#fff;border:1px solid #104d85;}
.submitcomment:hover{background:#175690;}
.none{border:none;}