/*
Theme Name:   CSS Gallery
Theme URI:    http://www.osdesigner.net
Description:  Build this theme for webmasters who want to run a CSS or web showcase.
Version:    1.0
Author:     Shabu Anower
Author URI:   http://www.osdesigner.net/
*/

body {
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  color:#413d20;
  margin:0;
  padding:0;
}

img {
  border:0px;
}
a {
  color:#0066cb;
  text-decoration:underline;
  outline:none;
}
a:hover {
  color:#474848;
  text-decoration:none;
}
a img {
  border:0px;
}
#wrapper {
  width:860px;
  margin:15px auto 0 auto;
}
#header {
  padding:0;
  margin:0 auto;
  text-align:left;
}
#header h1 {
  margin: 0;
  padding:0;
}
#logo {
  background:url('/images/framework/websotaheader1.jpg') no-repeat;
  width:860px;
  height:150px;
  display: block;
}
#header_link {
  padding:0;
  margin:0;
  text-align:right;
        float:right;
}
#main_bar {
  padding:0;
  height:25px;
  background:#e43b05;
  color:#ffffff;
}
#main_bar h3 {
  margin:0;
  float:left;
  padding:3px 0 0 20px;
  font-size:1.0em;
  background:url('/images/framework/corner.gif') no-repeat;
  height:22px;
}
#main_bar p {
  margin:0;
  float:right;
  padding:3px 10px 0 0;
  background:url('/images/framework/corner.gif') no-repeat right -25px;
}
#main_bar a {
  color:#ffffff;
  text-decoration:none;
}
#main_bar a:hover {
  text-decoration:underline;
}
#footer {
  width:860px;
  height:70px;
  margin:0 auto;
  padding:9px 0 0 0;
  background:url('/images/framework/footer.gif') no-repeat top center;
}
#footer p {
  padding-top:20px;
  text-align:center;
  font-size:11px;
  margin:0;
}
#footer a {
  color:#474848;
  text-decoration:none;
}
#footer a:hover {
  color:#0066cb;
}
.page {
  width:860px;
  margin: 0 auto;
}
#content {
  width:530px;
  padding:0;
  overflow:hidden;
}
#homeContent {
  width:550px;
  padding:0;
  overflow:hidden;
}
#content h1 {
  color:#413d20;
  font-size: 24px;
}
#content h1 a {
  text-decoration: underline;
}
#content h1 a:hover {
  text-decoration: none;
}
#content .bc {
  margin:0 0 8px;
  font-size:10px;
  padding:0 11px;
}
#content .bc a {
  text-decoration: underline;
}
#content .bc a:hover {
  text-decoration: none;
}
#bgtop {
  height:20px;
  background:url('/images/framework/img07.gif');
}
.sidebar {
  width:300px;
  float:right;
}

.sidebar h1 {
        letter-spacing:-1px;
  color:#bd461b;
  font-size:1.5em;
  margin:0 0 10px 0;
}
.sidebar h2 {
  letter-spacing:-1px;
  color:#7bd0ec;
  font-size:1.2em;
  margin:10px 0 10px 0;
}
#nav {
  background:url('/images/framework/navbg.gif') repeat-x top;
  height:37px;
  margin:0 0 0 0;
}
.rss {
  float:right;
  margin:10px 10px 0 0;
  padding:0;
}
.rss a {
  background:url('/images/framework/rss.gif') no-repeat;
  width:49px;
  height:22px;
  display:block;
}
#nav ul {
  margin:0;
  padding:0;
  list-style-type:none;
  background:url('/images/framework/navbg.gif') no-repeat top left;
  height:37px;
}
#nav li {
  padding:0;
  margin:0;
  height:37px;
  float:left;
  list-style-type:none;
}
#nav li a {
  display:block;
  height:27px;
  padding:10px 15px 0 15px;
  text-decoration:none;
  color:#413d20;
  font-size:14px;
  text-align:center;
  font-weight:bold;
  float: left;
}
#nav .main {
  background:url('/images/framework/navbg.gif') no-repeat;
  color:#006600;
}
#nav .main a {
  background:url('/images/framework/navbg.gif') no-repeat;
  font-weight:bold;
  color:#474848;
}
#nav .main a:hover {
  background:url('/images/framework/navbg.gif') no-repeat 0px -37px;
  font-weight:bold;
  color:#000000;
}
#nav .main #current {
  background:url('/images/framework/navbg.gif') no-repeat 0px -37px;
  color:#000000;
}
#nav .main #current a {
  background:url('/images/framework/navbg.gif') no-repeat 0px -37px;
  font-weight:bold;
  color:#474848;
}
#nav .main #current a:hover {
  background:url('/images/framework/navbg.gif') no-repeat 0px -37px;
  font-weight:bold;
  color: #000000;
}
#nav .normal {
  color:#006600;
  font-weight:bold;
}
#nav .normal a {
  background:url('/images/framework/navbg.gif') no-repeat;
  color:#474848;
}
#nav .normal a:hover {
  background:url('/images/framework/navbg.gif') no-repeat 0px -37px;
  color:#000000;
}
#nav .normal #current {
  background:url('/images/framework/navbg.gif') no-repeat center -37px;
  color:#000000;
}
#nav .normal #current a {
  background:url('/images/framework/navbg.gif') no-repeat center -37px;
  color:#474848;
}
#nav .normal #current a:hover {
  background:url('/images/framework/navbg.gif') no-repeat center -37px;
  color: #000000;
}
.break {
  clear:both;

  padding:0;
  margin:0 0 10px 0;
}
.clear {
  clear:both;
  padding:0;
  margin:0;
}
.item {
  padding:5px 10px 5px 10px;
  width:227px;
  float:left;
  margin:0 15px 15px 0;
  background:#ffffff;
  border:1px solid #f1eab7;
}
.item h2 {
  font-size:1.2em;
  margin:0 0 3px 0;
  padding:0;
}
.item h2 a {
  color:#bd461b;
  text-decoration:none;
}
.item h2 a:hover {
  color:#474848;
  text-decoration:none;
}
.item p {
  margin:0 0 4px 0;
  border:#f1eab7 1px solid;
}
.item2 {
  padding:5px 10px 5px 10px;
  width:227px;
  float:left;
  margin:0 15px 15px 0;
  background:#ebf3fb;
  border:1px solid #f1eab7;
}
.item2 h2 {
  font-size:1.2em;
  margin:0 0 3px 0;
  padding:0;
  color:#ffffff;
}
.item2 h2 a {
  color:#474848;
  text-decoration:none;
}
.item2 h2 a:hover {
  color:#0066cb;
  text-decoration:none;
}
.item2 p {
  margin:0 0 4px 0;
  border:#838383 1px solid;
}
.details {
  padding:8px;
  margin:0 30px 15px 0;
  background:#ffffff;
  border:1px solid #e5e5e5;
}
.details ul {
  margin:5px 0 5px 15px;
  list-style-type:none;
}
.details li {
  padding:3px 0 3px 0;
  list-style-type:square;
}
.details h2 {
  font-size:1.5em;
  color:#413d20;
  margin:0 0 3px 0;
}
.details p {
  margin:0 0 15px 0;
}
.details p img {
  padding:0;
  border:#e5e5e5 1px solid;
}
.details2 {
  padding:8px;
  margin:0 30px 15px 0;
  background:#ebf3fb;
  border:1px solid #cce0f5;
}
.details2 ul {
  margin:5px 0 5px 15px;
  list-style-type:none;
}
.details2 li {
  padding:3px 0 3px 0;
  list-style-type:square;
}
.details2 h2 {
  font-size:1.5em;
  color:#474848;
  margin:0 0 3px 0;
}
.details2 p {
  margin:0 0 15px 0;
}
.details2 p img {
  padding:0;
  border:#838383 1px solid;
}
.tags {
  margin:0;
  padding:15px 0 0 0;
  font-size:1.2em;
  font-weight:bold;
}
.post-ratings span {
  float:right;
  font-size:11px;
  padding:3px 0 0 0;
}
.navbottom {
  background:url('/images/framework/navbottom.gif') no-repeat;
  height:21px;
  margin:1px 0 0 0;
}
.Nav {
  margin:0 0 20px 0;
  padding:10px 0 0 0;
  color:#838383;
}


.Nav a {
  padding:4px 8px 4px 8px;
  background:#fff;
  border:1px solid #e5e5e5;
  color:#838383;
  font-size:10px;
  margin:0 5px 0 0;
}
.Nav a:hover {
  padding:4px 8px 4px 8px;
  border:1px solid #0066cb;
  color:#0066cb;
  text-decoration:none;
  font-size:10px;
  margin:0 5px 0 0;
}
.Nav .on {
  padding:4px 8px 4px 8px;
  border:1px solid #0066cb;
  color:#0066cb;
  font-size:10px;
  margin:0 5px 0 0;
}
.Nav span {
  padding:4px 8px 4px 8px;
  border:1px solid #e5e5e5;
  font-size:10px;
  margin:0 5px 0 0;
}
#ads {
  border:1px solid #cdcdcd;
  text-align: center;
  clear:both;
  width:280px;
  padding:20px 9px 9px 9px;
}
#ads ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#ads li {
  float:left;
  margin:0;
  padding:3px 8px 3px 7px;
  list-style-type:none;
}
.singleads {
  background:#fdf9eb;
  padding:9px;
  margin:0 30px 15px 0;
  border:1px solid #f8ecbd;
}
.singleads h2 {
  margin:0 0 10px 0;
  font-size:1.2em;
  color:#474848;
}
.tabberlive .tabbertabhide {
  display:none;
}
.tabber {
  padding:0;
}
.tabberlive {
  margin:10px 0 10px 0;
}
ul.tabbernav {
  margin:0;
  padding:3px 0;
  border-bottom:1px solid #f8ecbd;
}
ul.tabbernav li {
  list-style:none;
  margin:0;
  display:inline;
}
ul.tabbernav li a {
  padding:3px 0.5em;
  border-bottom:none;
  text-decoration:none;
}
ul.tabbernav li a:link {
  color:#313062;
}
ul.tabbernav li a:hover {
  color:#CC0000;
}
ul.tabbernav li.tabberactive a {
  background:#fdf9eb;
  color:#474848;
  border:1px solid #f8ecbd;
  border-bottom:1px solid #fdf9eb;
  text-decoration:none;
  font-weight:bold;
}
ul.tabbernav li.tabberactive a:hover {
  color:#474848;
  background:#fdf9eb;
  border-left:1px solid #f8ecbd;
  border-right:1px solid #f8ecbd;
  border-top:1px solid #f8ecbd;
}
.tabberlive .tabbertab {
  background:#fdf9eb;
  padding:5px 10px 10px 10px;
  border-top:0px;
  border-left:1px solid #f8ecbd;
  border-right:1px solid #f8ecbd;
  border-bottom:1px solid #f8ecbd;
}
.tabberlive .tabbertab h2 {
  display:none;
  color:#313062;
}
.tabberlive .tabbertab h3 {
  display:none;
}
.tabbertab {
  margin:0px;
  padding:0px;
}
.tabbertab ul {
  margin:5px 0 5px 15px;
  padding:0;
  list-style-type:none;
}
.tabbertab li {
  margin:0;
  padding:3px 0 3px 0;
  list-style-type:square;
}
.wp-smiley {
  border:none !important;
  padding:0 !important;
  margin:0 !important;
}
#comment_form .text_input {
  width:191px;
  padding:3px;
  color:#444;
  border:1px solid #696969;
  border-left:2px solid #0066cb;
}
#comment_form .text_area {
  width:321px !important;
  border:1px solid #696969;
  border-left:2px solid #0066cb;
}
ul#comment_list {
  list-style-type:none;
  margin:0;
  padding:0;
}
ul#comment_list li.comment {
  margin:0 0 10px 0;
}
ul#comment_list li.trackback {
  padding:1.2em 15px 0 15px;
}
.comment_meta {
  margin:0 30px 15px 0;
  font-size:11px;
}
.comment_num {
  padding:0 8px 0 0;
  font-weight:bold;
  font-size:1.3em;
  float:right;
}
.trackback .comment_num {
  padding:0 0 0 20px;
}
.comment_num a,.comment_num a:visited {
  color:#888;
  text-decoration:none;
}
.comment_num a:hover {
  color:#303030;
  text-decoration:none;
}
.comment_meta strong {
  font-size:1.2em;
}
.comment_time {
  font-size:1em;
  color:#888;
}
blockquote {
  font-style:italic;
  font-size:11px;
  color:#888888;
  margin:0 0 5px 20px;
  padding:0 0 0 10px;
  border-left:4px solid #0066cb;
}
abbr,acronym {
  border-bottom:1px dotted #0066cb;
  text-transform:uppercase;
}
code {
  color:#474848;
  font-family:Courier,monospace;
  margin:0 0 5px 5px;
}
pre {
  margin:0 0 1.5em 0;
  overflow:auto;
  font-size:1.3em;
  clear:both;
}
form {
  margin:0;
  padding:0;
}
.searchbox {
  margin:0 0 20px 0;
  width:300px;
}
.search {
  background:url('/images/framework/input.gif') no-repeat;
  height:19px;
  padding:8px 5px 5px 8px;
  width:255px;
  color:#444;
  border:none;
  margin:0;
  float:left;
}
.find {
  background:url('/images/framework/find.gif') no-repeat;
  border:none;
  height:32px;
  width:32px;
  margin:0;
  float:right;
}
.os {
  color:#3d4c53;
  font-weight:bold;
}
.os a {
  color:#3d4c53;
  font-size:11px;
  text-decoration:none;
}
.os a:hover {
  text-decoration:underline;
}
.designer {
  color:#982a05;
  font-weight:bold;
}
.design a {
  color:#982a05;
  font-size:11px;
  text-decoration: none;
}


/* Trav Added */

#webd h3 { 
  font-size: 16px;
  margin: 0 0 0 125px;
  padding: 0px;
  color: #bd461b;
}

#webd p {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  margin: 5px 10px 10px 125px;
  padding: 0px;
}

#webd {
  clear:both;
  width:545px;
  padding:0px;
}
#webd ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#webd li {
  float:left;
  margin:0;
  padding:0px;
  list-style-type:none;
}

#webd img {
  float: left;
  margin-top: 20px;
}

.webd_services {
  color: #666666;
  font-size: 12px;
}

.sidebar_article {
  margin: 50px 0 0 0;
}

.sidebar_article p {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.sidebar_article h2 {
  color: #bd461b;
  font-size: 20px;
}


#topbar {
  background-color: #7bd1ea;
  height: 5px;
}

.header_links {
  float: right;
  font-size: 14px;
  color: #7bd1ea;
}

.header_links a {
  color: #7bd1ea;
  font-size: 14px;
}


/***************/
/* Star Rating */
/***************/

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
  display:block;
  padding-bottom:8px;
  margin-bottom:8px;
  margin-top: 5px;
  }


.loading {
  height: 30px;
  background: url('/images/rating/working.gif') 50% 50% no-repeat;
  }
  
.unit-rating { /* the UL */
  list-style:none;
  margin: 0 0 0 10px;
  padding:0px;
  height: 30px;
  position: relative;
  background: url('/images/rating/starrating.gif') top left repeat-x;   
  }

.unit-rating li{
    text-indent: -90000px;
  padding:0px;
  margin:0px;
  /*\*/
  float: left;
  /* */
  }
  
.unit-rating li a {
  outline: none;
  display:block;
  width:30px;
  height: 30px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  }
  
.unit-rating li a:hover{
  background: url('/images/rating/starrating.gif') left center;
  z-index: 2;
  left: 0px;
  }

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;} 
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
  background: url('/images/rating/starrating.gif') left bottom;
  position: absolute;
  height: 30px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
  }

.voted {color:#999;}
.thanks {color:#36AA3D; font-size: 10px;}
.static {color:#5D3126;}    
.ratingText {margin: 0 0 0 11px;}
/***********************/
/*   Gallery Preview   */
/***********************/

#gallery {
  font-size: 14px;
}

#gallery h3 {
  font-size: 16px;
  text-align: center;
  margin: 0 0 10px 0;
}
.galleryContent {
  border: 2px solid #E4DFA8;
  width: 250px;
  margin: 0px 14px 10px 0px;
  float: left;
}

.galleryCenterImg {
  text-align:center;
  margin: 0 0 10px 0;
  padding:0px;
  width: 245px;
  height: 150px;
}

.galleryRating {
  margin: 0 0 10px 0;
  padding: 0px;
}

#gallery p {
  clear: left;
} 

/***********************/
/*   Gallery Details   */
/***********************/

#galleryDetailsContent {
  font-size: 14px;
  color: #000;
  font-family: Helvetica, Arial;
  width: 524px;
}

#galleryDetailsContent h3 {
  font-size: 24px;
  text-align: left;
  margin: 0 0 20px 10px;
}
#galleryDescription {
  margin: 120px 0 0 0;
  clear: both;
}
.galleryDetailsImg {
  border: 2px solid #E4DFA8;
  text-align:center;
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
}

.galleryDetailsRating {
  width: 230px;
  height: 50px;  
  margin: 5px 0 10px 12px;
  float: left;
}

.galleryDetailsDivider {
  width: 1px;
  height: 90px;               
  margin: 5px 10px 10px 10px;
  background-color: #E4DFA8;
  float: left;
}

.galleryDetailsCategories {
  width: 230px;   
  height: 50px;                
  margin: 10px 0 10px 18px;
  float: left;
}
.categoryValue {
  color: #666666;
  margin-bottom: 12px;
}

/***********************/
/*    Web Designers    */
/***********************/

#webDesigners {
  margin: 20px 0 20px 0;
  width: 545px;
}
#webDesigners img {
  float: left;
  margin: 25px 0 0 0;
}
#webDesigners h3 {
  margin: 0 0 0 0;
  color: #413D20;
  font-size: 22px;
  text-decoration: underline;
}
#webDesigners a {
  text-decoration: underline;
}

.webDesignersContent {
  float: right;
  width: 410px;
}
.webDesignersContent p {
  margin: 0 0 0 0;
  color: #000;
  font-size: 14px;
  padding: 0 30px 0 0;
}

.webDesignerServices p {
  font-size: 12px;
  color: #666;
  margin: 10px 0 10px 0;
}

/***********************/
/*    PB Style         */
/***********************/
.editDesigner {
  margin: 150px 0 0 0;
  width: 100px;
}
/***********************/
/*    Blog Plugin      */

/***********************/
#blogContent {
  margin: 0 0 15px 0;
  padding: 0;
}
#blogContent h3 {
  padding: 0 0 0 16px;
  margin: 0;
  background: url('/images/framework/blog.gif') no-repeat 0 2px;
}
#blogContent p {
  padding: 0;
  margin: 0;
}

/***********************/
/*    Functions        */
/***********************/

.clear {
  clear: both;
}
.breadCrumb {
  text-size: 10px;
}
.breadCrumb a {
  text-decoration: underline;
}
.breadCrumb a:hover {
  text-decoration: none;
} 
#pageLinks {
  width: 132px;
  clear: both;
  margin: 0 auto;
}