/*
Theme Name: Web Design
Theme URI: http://www.websitedesignhelp.orgfree.com
Description: Web Design is a simple, customizable, good looking and search engine optimized HTML5 / CSS3 theme. This is the first theme from the author Rakesh Daila.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: White, two-columns, right-sidebar, fixed-width, post-formats, sticky-post, theme-options, translation-ready
Text Domain: Web Design
Author: Rakesh Daila
Author URI: http://www.websitedesignhelp.orgfree.com/
*/

body {font: 12px/20px verdana, 'Trebuchet MS', Arial, sans-serif;text-align: center;background:#646464 url(images/body-bg2.jpg) repeat-y center;margin:0px;padding:0px;}

/* Main Divs and loose elements*/
a {text-decoration: none;}

blockquote{margin: 12px 0 20px 3%; padding: 8px 6px 4px 6px; font-size: 12px; border: 1px solid #80b0cf; background: #d8eaf6;width:90%;}      

#container{margin-left:auto;margin-right:auto;width:960px;text-align:left;margin-bottom:0px;padding:0px;}
  
#wrapper {float:left;margin-bottom: 10px;}

/* Header */
#banner {width: 949px;padding:35px 0px 0px 20px;font:normal 38px Impact, Arial Black, sans-serif;background:url(images/banner-top1.jpg) repeat-x;margin:0px 0px 0px -2px;height:113px;}
* html #banner {margin:0px 0 0 6px;}
input{border:1px solid #ccc;margin-bottom:3px;}
input.sub_but{background:#fff;color:#000;border:1px solid #aaa;}

#banner a{color: #fff;}
.desc {font:normal 13px verdana,Arial,sans-serif;color:#bbb;margin:5px 0 0 0;}

/* Main Body */
#main {width: 735px;padding:0px 15px 0px 15px;float:left;line-height:20px;}
#main h1 {color: #ff0000;font-size:20px;font-weight:normal;border-bottom:1px solid #ddd;margin:0px 0px 0px 0px;padding:0px 0px 6px 0px;}
#main h1 a{color: #ff0000;}
#main p.details{padding:3px 0px 0px 0px;margin:0px 0 13px 0;font-size:12px;border-bottom:1px solid #ddd;}	
#main p.detailsb{padding:3px 0px 0px 5px;margin:10px 0 20px 0;font-size:12px;border-bottom:1px solid #ddd;background:#f2f2f2;display:block;}	
#main h2 {color:#9F6984;font:16px serif;text-transform: uppercase;text-align: center;}
#main p {padding:0px 0px 10px 0px;margin:0px;color:#3f3f3f;}     
#main a{color:#0d73a7;}
#main ul, ol{margin:0px 0 10px 25px; padding:0px;}

/* Left Sidebar */
#inner {width: 180px; float: left;padding: 0px 0px 0px 10px;}
#inner h2 {color: #892f03;font-size: 16px;font-weight: normal;border-bottom:1px dashed #999;margin:0px 0px 5px 0px;padding:10px 0px 3px 0px;}     
#inner ul {list-style: none;margin: 0px;padding: 0px;}
#inner ul li {display: inline;padding: 0px;margin: 0px;font-size:11px;}
#inner ul li a {display: block;color: #0066cc;text-decoration: none;margin: 0px;padding: 5px 0px 5px 0px;border-bottom: 1px solid #C0C0C0;}
#inner ul li a:hover {background: #dcf3ff;color: #0356aa;}
#inner a.morre {background: #f6f6f0;color: #dd6600;padding:2px 2px 1px 2px;margin:0px 0px 5px 0px;font-weight:bold;border-bottom:none;width:60px;}	
#inner a.title {color: #fff;padding:0px;background:none;margin:0px;}	
#inner p{padding: 3px 0px 0px 0px;margin: 0px;line-height: 20px;color:#fff;}
#s{width:60%;}


/* Comments */
#commentblock {width: 693px;background: #f9fde2;color: #000000;float: left;padding: 20px 20px 10px 20px;margin: 10px 0px 0px 0px;border-top: 2px solid #d4dbb2;border-bottom: 1px solid #d4dbb2;}
#commentblock ol{list-style-type: square;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 0px;}
.commentdate {font-size: 12px;padding-left: 0px;}
#commentlist li p{margin-bottom: 8px;line-height: 20px;padding: 0px;}
.commentname {color: #333333;margin: 0px;padding: 5px 5px 5px 0px;}
.commentinfo{clear: both;}
.commenttext {clear: both;margin: 10px 0px 10px 0px;padding: 20px 10px 5px 10px;width: 670px;background: #f1f7d3;}
.commenttext-admin {clear: both;margin: 3px 0px 10px 0px;padding: 20px 10px 5px 10px;width: 380px;background: #f6f7d3;}
#commentsformheader{padding-left: 0px;}
#commentsform{text-align: center;margin: 0px;padding: 0px;}
#commentsform form{text-align: left;margin: 0px;}
#commentsform p{margin: 0px;}
#commentsform form textarea{width: 99%;}
p.comments_link  img{margin: 0px;padding: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}

/* Footer */
#footer {clear:both;background:#000;color: #fff;text-align:center;height: 45px;padding:10px 0 0 0;margin:0 0 0 -3px;width:970px;font-size:11px;}  
* html #footer {margin:0px 0 0 -3px;}
#footer a{color: #eee;}   

::selection {
	background: #ffb7b7; /* Safari */
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}


.commentlist .avatar {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    left: -102px;
    padding: 0;
    position: absolute;
    top: 0;
}


/* Mobile View */
@media only screen and (max-width: 768px) {
	
body {
  font: 14px/1.6 verdana, 'Trebuchet MS', Arial, sans-serif;
  text-align: center;
  background: #fff;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

blockquote {
  margin: 12px 0 20px 3%;
  padding: 8px 6px 4px 6px;
  font-size: 12px;
  border: 1px solid #80b0cf;
  background: #d8eaf6;
  width: 90%;
}

#container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0px;
  text-align: left;
  box-sizing: border-box;
}

#wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

#banner {
  width: 100%;
  padding: 35px 20px 0;
  font: normal 32px Impact, Arial Black, sans-serif;
  background: #fff;
  height: auto;
  box-sizing: border-box;
  text-align: center;
  color: #000;
  border-bottom: 2px solid #000;
}

#banner a{color: #000;}

input {
  border: 1px solid #ccc;
  margin-bottom: 3px;
}

input.sub_but {
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
}

.desc {
  font: normal 13px verdana, Arial, sans-serif;
  color: #bbb;
  margin-top: 5px;
}

#main {
  flex: 1;
  padding: 15px;
  box-sizing: border-box;
}

#main h1 {
  color: #ff0000;
  font-size: 20px;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  margin: 0 0 10px;
}

#main h1 a {
  color: #ff0000;
}

#main p {
  margin: 0 0 10px;
  color: #3f3f3f;
}

#main a {
  color: #0d73a7;
}

#main ul, ol {
  margin: 0 0 10px 25px;
  padding: 0;
}

#inner {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

#inner h2 {
  color: #892f03;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px dashed #999;
  margin: 0 0 10px;
}

#inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#inner ul li a {
  display: block;
  color: #0066cc;
  padding: 5px 0;
  border-bottom: 1px solid #C0C0C0;
}

#inner ul li a:hover {
  background: #dcf3ff;
  color: #0356aa;
}

#footer {
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 11px;
  position: relative;
  clear: both;
  box-sizing: border-box;
}

#footer a {
  color: #eee;
}

@media (max-width: 768px) {
  #main, #inner {
    width: 100%;
    padding: 10px;
  }

  #banner {
    font-size: 24px;
    padding: 20px;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 13px;
  }

  #banner {
    font-size: 20px;
    padding: 15px;
  }

  table {
    font-size: 12px;
    display: block;
    overflow-x: auto;
  }

  #main h1 {
    font-size: 18px;
  }
}

::selection {
  background: #ffb7b7;
}

::-moz-selection {
  background: #ffb7b7;
}

.commentlist .avatar {
  border-radius: 3px;
  box-shadow: 0 1px 2px #ccc;
  left: -102px;
  padding: 0;
  position: absolute;
  top: 0;
}


}