/*
Theme Name: CMSTS-1123-WP
Theme URI: http://cmsthemestore.com/
Description: A business oriented type theme
Version: 0.1
Author: Thomas Vasquez
Author URI: http://www.cmsthemestore.com/
Tags: Valid XHTML, Valid CSS, dark, custom header, fixed width, two columns, widgets, API

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
Please leave link in footer back to CMSThemestore.com intact. Thanks. 
*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
* { margin:0; padding:0}
body {margin: 0;padding: 0; font-family:"Trebuchet MS"; font-size:14px;text-align:center; background-color:#222;}
#wrapper {width:900px; margin:0 auto; text-align:left;overflow:hidden; background-color:#c9c2b2;}
#header {margin: 0;padding:0;height:122px; width:900px;}
#logo { float:left; position:relative; width:497px;}
#header ul {margin:0; padding:0;}
#header ul li {list-style:none;position:relative;float:right;display:inline;margin:0;padding:0;}
#header li a {display:block;height:122px;background-repeat:no-repeat;background-position:top left;color:#fff;line-height:200px;font-size:16px;}
#header li.nav1 a {width:101px; background-image: url(images/headbut-1.jpg);text-indent:28px}
#header li.nav1 a:hover, #hd li.nav1.active a { background-image: url(images/headbut-A.jpg);color:#fff;}
#header li.nav2 a {width:106px; background-image: url(images/headbut-2.jpg);text-indent:22px}
#header li.nav2 a:hover, #hd li.nav2.active a { background-image: url(images/headbut-B.jpg);color:#fff;}
#header li.nav3 a {width:101px; background-image: url(images/headbut-3.jpg);text-indent:28px}
#header li.nav3 a:hover, #hd li.nav3.active a { background-image: url(images/headbut-C.jpg);color:#fff;}
#header li.nav4 a {width:95px; background-image: url(images/headbut-4.jpg);text-indent:17px}
#header li.nav4 a:hover, #hd li.nav4.active a { background-image: url(images/headbut-D.jpg);color:#fff;}
.link1 {}
#navbar {float:right; position:relative; width:403px;}
#info {margin: 0;padding:0;height:259px; width:900px;}
#info-pic {float:left; position:relative; width:497px; height:259px;}
#info-area {float:right;position:relative;height:259px;width:403px; background-image: url(images/info-area.jpg);background-repeat:no-repeat;}
#content2 {color:#fff;text-align:left;margin:10px}
#main {padding:2.025% 1.025% 1.025% 1.025%;overflow:hidden;display:block;background-image:url(images/main-back.jpg); background-repeat:repeat-x;}
#sidebar {float:right;width:250px;display:block; border-left:1px solid #bfb7a6; padding-left:5px}
#sidebar li {padding: 0 0 6px 0;margin: 0 0 6px 20px; list-style-image:url(images/bullet.png)}
#sidebar ul {padding: 3px 0 5px 5px;margin: 3px 0 5px 5px;}
#sidebar ul ul ul {margin-bottom: 0;}
#sidebar h2 {background-image:url(images/h2_back.jpg);width:244px;height:31px;color:#fff;text-indent:10px;list-style:none; margin-bottom:10px}
#content {margin: 0 285px 0 0;display:block;padding:5px; overflow:hidden}
#footer {clear:both;height:72px; background-image:url(images/fotter-back.jpg);background-repeat: repeat-x;font-weight:bold; line-height:72px; color:#fff;}
#footer a:link, #footer a:active,#footer a:visited,#footer a:hover {color:#fff;text-decoration:none;}
#bot-link-l {position:relative;float:left;margin-left:15px;width:auto; top:5px}
#bot-link-r {position:relative;float:right;margin-right:15px;width:auto; top:5px}
a:link, a:active,a:visited {color:#222;text-decoration:none;font-weight:bold;}
a:hover   {color:#5d0000;text-decoration:none;font-weight:bold;}
.post a:hover, .post a:visited, .post a:link {color: #5d0000;font-size:16px; font-weight:bold;}
p {text-align:justify;}
ul {padding: 3px 0 5px 5px;margin: 3px 0 5px 5px;}
li {padding: 0 0 6px 0;margin: 0 0 6px 20px; list-style-image:url(images/bullet.png)}
ol {margin-left:15px; margin-bottom:10px;text-indent:0;margin-top:10px;list-style: decimal;}
ol li {margin-top:10px;margin-left:15px;list-style:decimal;}
.pagetitle {color: #222;}
.submit {border:0;color:#fff;background-image:url(images/button.jpg);width:94px;height:31px; line-height:31px;text-align:center}
#searchform {margin-left:20px;text-align:left;width:225px; margin-top:10px;margin-bottom:10px}
#searchform input {background-color:#5d0000;color:#fff;font-weight:bold;}
#searchform #s {width:65%;background-color:#fff; color:#000; font-weight: bold;}
#wp-calendar {text-align:center;color:#222; font-weight:bold; width:100%; margin-bottom:10px;}
#wp-calendar th {background-color:#5d0000; color:#FFF;}
#wp-calendar a:link { text-decoration:underline}
#title {font-size:18px;font-weight:bold; color: #222;}
.entry {margin-top: 10px;margin-bottom: 16px;}
.postmetadata {padding:2px;border-top:1px; border-color:#222; border-top-style: dashed;}
.postmetadata a {color: #5d0000; text-decoration:none;}
.postmetadata a:hover {color: #5d0000; text-decoration:none;}
.post-meta { margin-bottom:25px; border-bottom:1px dashed #222; padding:7px;}
.post {margin-bottom:12px;color:#222;padding-left:5px;font-size:16px; text-align:justify;}
.post p {line-height: 1.4em;margin-bottom: 1em;color:#222}
.post li {margin-left: 20px; list-style:none}
.post ul { list-style:none;margin-bottom: 10px; color:#138f92}
/********************** color of quotes ****************************/
.navigation {display: block;margin:10px;}
.alignleft {float: left;text-align: left;width: auto;}
.alignright{float: right;text-align: right;width: auto;}
ol.commentlist {margin: 0 auto;}
ol.commentlist li {margin-bottom:1.5em;border:1px solid #000;padding:5px;background-color:#5d0000;color:#fff;list-style:decimal;}
ol.commentlist a:link{color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist a:visited {color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist a:active {color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist a:hover {color:#fff;text-decoration:none;font-size:16px;font-weight:bold;}
ol.commentlist li.alt {background-color:#222;color:#fff;}
ol.commentlist li.alt a:link{color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist li.alt a:visited {color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist li.alt a:active {color:#fff;font-size:16px;font-weight:bold;}
ol.commentlist li.alt a:hover {color:#fff;text-decoration:none;font-size:16px;font-weight:bold;}
ol.commentlist a {color:#fff;font-size:16px;font-weight:bold;}
small.commentmetadata {font-size: 0.8em;margin-bottom: 1em;display: block;}
/*********************** form styles ************************/
.navtitle {font-size: 1em;border-bottom: 2px solid #384a4b; text-decoration:none;}
input{background-color:#fff;text-indent:3px;border:1px solid #222;width:auto;color:#222; margin-bottom:5px;font-size:16px; font-weight:bold; font-family:"Trebuchet MS";}
option {font-size:16px;text-indent:2px;color: #fff;border:1px solid #58574b; color:#222; font-weight:bold; font-family:"Trebuchet MS"; font-size:12px}
select    {background-color:#fff;border:1px solid #222; width:auto; color:#222;}
textarea  {background-color:#fff;text-indent:3px;border:1px solid #222;color:#222; width:100%; margin-bottom:10px; font-size:16px; font-weight:bold; font-family:"Trebuchet MS";}
small {color:#000;font-weight:bold}
/******************* image styles *****************************/
img {border:0;}
p img { padding: 0; max-width: 100%; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding:0 0 10px 0; margin: 0 7px 2px 0; display: inline; }
.right { float: right; }
.left { float: left; }
.post-back {background-color:#c4bdad;}
/******************************** widget styles *******************************/
.widgettitle {background-image:url(images/h2_back.jpg);width:244px;height:31px;color:#fff;text-indent:10px;list-style:none; margin-bottom:10px}
blockquote {border: 1px solid #5c5656;margin: 1em 0;padding: 10px;background: #f8f7f6 url(images/blq.gif);}
code {font-family: "Courier New", Courier, monospace;font-size: 12px;color: #5d0000;font-weight:bold; margin-top:15px}
/************************* styles for calendar in post ******************************/
.postit .post_cal {border: 1px solid #222;text-align: center;width: 75px;float: left;margin-right:10px;margin-top:10px;}
.post_cal .dayname {background-color:#5d0000;border-bottom:1px solid #222;color:#fff;font-size:smaller;font-weight:bolder;width:100%;}
.post_cal .daynum {border-bottom: 1px solid #222;font-size: xx-large;font-weight: bold;width: 100%;}
.post_cal .month, .post_cal .year {font-size: smaller;font-weight:bold;width: 100%;}
.postit {border-top: 1px #222 dashed;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}