/*  
Theme Name: statement
Theme URI: http://www.blogohblog.com
Description: The "Statement" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

html { height: 100%; }

body {
	min-height: 100%;
	position: relative;
	padding-bottom: 185px;
	box-sizing: border-box;
}

#footer {
	position: absolute;
	bottom: 0;
}


/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: Arial; font-size: 12px; color: #4d4b4c; background: #fff url(images/bkg.gif) repeat-x; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a:link {  text-decoration: none; color: #006666; border: 0px;}
a:active {color : #006666; border: 0px;}
a:visited { color :#006666 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }

hr { display: block; height: 1px; border: solid #fdfdfd; border-width: 20px 0; background: #222; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 975px; margin:auto; }

/*+++++++ TOP +++++++*/
#header { height: 106px; width: 1000px; }
#logo { float: left; width: 310px; padding-top:30px; padding-left:10px; }
#logo h1 a { display:block; outline:none; margin-top: -15px; }
#topleft { float: right; height: 106px; width: 630px; }
#searchbox { float:right; width: 233px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }

/*+++++++ NAVIGATION +++++++*/
#nav { float: right; padding-right: 10px; margin-top: 10px; }
#nav ul { }
#nav ul li { display: inline; height: 35px; line-height: 35px; }
#nav ul li.current_page_item a { background: url(images/navbg-acho.gif) repeat-x; color: #fff; }
#nav ul li.current_page_item a:hover { background: transparent; color: #fff;}
#nav ul li a { color: #fff; float: left; text-transform: uppercase; padding: 0 5px; margin: 0 5px; }
#nav ul li a:hover { color: #aaa; text-decoration: none; }

/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:15px; }
#browse { float: left; width: 570px; background:url(images/folder.gif) no-repeat 0 6px; padding-left:22px; }
#rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:22px; text-align:right;}

/*+++++++ ENTRY +++++++*/
#left { float: left; width: 570px; }
.entry { width: 540px; padding:10px; background:#fff; border:1px solid #dadada; margin-bottom:10px; line-height:140%; }
.entry h2 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}
.entry h2 a {  color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos { font-size:11px; height:20px; padding-bottom:10px;}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 400px; }
#right { float:left; width: 400px;  }
#topsidebar { width: 380px; padding:0 10px 0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:160px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:195px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:8px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}

/*+++++++ COMMENTS +++++++*/
.postmetadata { padding:5px; background:#feffe5; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/*+++++++ FOOTER +++++++*/
#footer { background: #222222 url(images/footer.gif) repeat-x; width: 100%; margin:15px auto 0px; height:80px; font-size:10px; }
#foo { background:url(images/foobg.gif) no-repeat right; width: 955px; margin:auto; padding:10px; height:80px; color:#fff; }
#foo a:link { color : #FF9900; border: 0px;}
#foo a:active { text-decoration: underline; color : #FF9900; border: 0px;}
#foo a:visited { color : #FF9900; border: 0px;}
#foo a:hover	{color: #FFFFFF; border: 0px;} 
#foo ul { float:left; margin-top:10px; }
#foo ul li {display:inline; height:35px; line-height:35px; font-weight:700;}
#foo ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#fff; }
#foo ul li.current_page_item a:hover{background:transparent;color:#fff;}
#foo ul li a { color:#fff;float:left; padding:0 20px 0 0;}
#foo ul li a:hover{background:none;color:#dadada; text-decoration:none;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}


/*****************AVATAR***********************/
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}









body { font-size: 13px; }

#content p { padding: 5px 0; }

h1 { font-size: 20px !important; margin-bottom: 10px; }
h2 { font-size: 16px !important; margin-top: 15px !important; margin-bottom: 5px !important; }
h2 + p { padding-top: 0 !important; }
h2:first-child { margin-top: 0px !important; }
table { border-collapse: collapse !important; border: 1px solid black; }
th, td { padding: 4px; border: 1px solid black; }
fieldset { border: 0; }

form { width: 50%; }
fieldset { margin: 10px 0; }
label { display: block; margin-top: 5px; text-align: right; }
label.c { text-align: center; }
label.l { text-align: left; }
input, textarea, select { width: 50%; }
textarea { height: 70px; }
input[type="submit"] { width: 30%; }

#right .halfleft { float: left; width: 49%; }
#right .halfright { float: right; width: 49%; }

#left { float: left; width: 150px; margin-right: 20px; }
#left li { margin: 2px 0; }
#right { float: right; width: 300px; }
#middlebig { float: right; width: 780px; padding-left: 13px; }
#middlesmall { width: 490px; margin-left: 170px; padding-left: 13px; border-left: 2px solid black; }

.whitebox { padding: 3px; border: 1px solid #dadada; background: #fff; border-radius: 5px; }

#middlesmall.products div { width: 400px; }
.products div { overflow: auto; margin-bottom: 20px; }
.products div h2 { margin-top: 0 !important; }
.products div img { float: left; margin-right: 5px; }
.products div a { float: right; }

.cart { width: auto !important; overflow: auto; }
.cart fieldset { width: 40%; overflow: auto; }
.cart fieldset div { float: left; width: 100%; }
.cart fieldset div h3 { text-align: center; padding-bottom: 0; }
.cart fieldset div h3 + p { padding: 5px 0; }
.cart fieldset div p { text-align: center; }
.cart fieldset div table { margin: 0 auto; }

fieldset#clients table {width: 100%;table-layout: fixed;word-wrap: break-word;}

/*.cart fieldset:not(:target) > div { margin-left: 0; }
.cart fieldset:not(:target) > div + div { margin-left: -2000px; }
.cart fieldset:target > div { margin-left: -2000px; }
.cart fieldset:target > div + div { margin-left: 0; }*/

.cart fieldset:not(:target) > div { display: block; }
.cart fieldset:not(:target) > div + div { display: none;  }
.cart fieldset:target > div { display: none;  }
.cart fieldset:target > div + div { display: block;  }

.product .details { overflow: auto; }
.product .details a { float: right; margin-left: 5px; }


.error { color: red; }
.correct { color: green; }

#footer { padding: 15px 0 10px 0; font-size: 14px; margin-top: 80px; }
#footer p { width: 1000px; margin: 0 auto; }
#footer p.center { text-align: center; }
#footer p.x a { float: right; }

#content .availability-mark {margin: 0 0 2px; padding: 0; padding-left: 3px; font-weight: bold;}
#content table .availability-mark {font-size: 12px;}
.availability-mark.red {border-left: 16px solid red;}
.availability-mark.yellow {border-left: 16px solid yellow;}
.availability-mark.green {border-left: 16px solid limegreen;}

.legend  {font-size: 11px; text-align: right;}

#footer a.logo {
	margin: 10px 0;
	display: block;
}

#newUserForm{ border: 1px solid gray; padding: 8px; display: none; margin-right: 0; margin-left: auto; width: 258px; }
#newUserForm input { width: 180px; }
#newUserForm p { font-size: 10px; color: gray; }



div.message {
	border: 1px solid red;
	padding: 8px;
	background: #FFB8B8;
	color: red;
	margin: 6px;
}
div.message.success {
	border: 1px solid green;
	background: #C2FFC2;
	color: green;
}