/* CSS Document */



* { padding:0; margin:0; }



body { background:#FFFFFF url(images/body-bg.gif) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:9pt; }



h1, h2, h3, h4, h5, h6, p { margin:0; padding:0 0 10px 0; }



h1 { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }

h2 { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }

h3 { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }

h4 { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }

h5, h6 { font-family:Arial, Helvetica, sans-serif; text-decoration:none; }



h1 { font-size:100%; font-weight:bold; color:#666; padding:0; margin: 0 0 5px 0; text-decoration:underline;}

h3 { font-size:140%; font-weight:bold; color:#666; padding:0; margin: 0 0 5px 0; text-decoration:underline;}



p { font-size:100%; line-height:140%; }



a { color:#000; text-decoration:none; }

a:hover { color:#444; text-decoration:underline; }

a img { border:none; }



pre { height:auto; overflow-x:scroll; }



fieldset { border:1px solid #666; margin:0; padding:0; }



blockquote { border:1px solid #CCC; color:#333; margin:0px 0px 10px 0px; padding:5px 15px; }



code { color:#668899; text-transform:lowercase; font-style:italic; }



input, textarea { border:1px solid #666; padding:2px; }





/* !!!!!!!! COMMON CLASSES !!!!!!!! */

/* ................................ */



.float-left { float:left; }

.float-right { float:right; }

.float-clear { clear:both; font-size:0; line-height:0; margin:0; padding:0; }

br.float-clear { clear:both; font-size:1px; }





/* !!!!!!!! STRUCTURE CLASSES !!!!!!!! */

/* ................................... */



#wrapper { width:850px; margin:0 auto; }



#header { padding:0 7px; height:80px; position:relative; }







/* !!!!!!!! HEADER CLASSES !!!!!!!! */

/* ................................ */



#logo { float:left; margin-top:20px; background:transparent url(images/logo-projectgadget.gif) no-repeat 0 0; height:57px; width:383px;  }



#searchbar { float:right; padding:20px 25px 0 0; }

#searchbar input.search-txtfld { border:none; font-size:100%; padding:2px; width:240px; height:18px; float:left; margin-right:5px; }

#searchbar input.search-btngo { background:#666666 url(images/btn-go.gif) no-repeat 0 0; border:0; height:22px; width:28px; float:left; }



#nav-main-sections { position:absolute; top:50px; right:0; }

#nav-main-sections ul { }

#nav-main-sections ul li { list-style:none; background-color:#000; border-left:2px solid #444; border-top:2px solid #444; color:#FFF; text-transform:uppercase; font-weight:bold; padding:4px 15px 4px 5px; margin-right:2px; float:left; font-size:120%; }

#nav-main-sections ul li a { padding-left:5px; color:#FFF;}

#nav-main-sections ul li a.ico-portable { background:#000000 url(images/ico-portable.gif) no-repeat 0 0; }

#nav-main-sections ul li a.ico-plugins { background:#000000 url(images/ico-plugins.gif) no-repeat 0 0; }

#nav-main-sections ul li a.ico-style { background:#000000 url(images/ico-style.gif) no-repeat 0 0; }

#nav-main-sections ul li a.ico-leisure { background:#000000 url(images/ico-leisure.gif) no-repeat 0 0; }







/* !!!!!!!! LEFT CONTENT CLASSES !!!!!!!! */

/* ...................................... */



#content-area { padding:10px 5px 10px 20px;}



#left-column { width: 495px; margin-right:5px; float:left; }

#left-column h2 { font-size:170%; margin-bottom:8px; padding:0; font-weight:normal; color:#000; }

#left-column p {  font-size:100%; margin-bottom:4px; padding:0; color:#000; }



.post { padding-bottom:30px; }

.post a { color:#003399; }

.post h2 a { color:#033; text-decoration:underline; }



	a.post-readmore { font-weight:bold; color:#003399; text-decoration:underline; }

	span.post-text-highlight { color:#003399; }

	

	ul#nav { padding:0 ; margin:0;}

	ul#nav li { position:relative; background-color:#FFF; height:20px; }

	ul#nav li ul { display:none; border:1px solid #003399; padding: 5px 10px; background-color:#FFF; width:200px; position:absolute; top:20px; left:0; z-index:2; }

	ul#nav li:hover ul, ul#nav li.over ul { display: block; background:#fff; }



.post-main { margin-bottom:30px; }

.post-main img { display:block; margin: 0 auto 10px auto; }



	img.post-img-lft { float:left; margin-right:10px; }

	img.post-img-rgt { float:right; margin-left:10px;  }



.post ul{ padding:0 ; margin:0 0 10px 0;}

.post li { list-style-image:url(images/bull-sqr-blue.gif); margin-left:25px; }



.post ol{ padding:0 ; margin:0 0 10px 0;}

.post ol li { margin-left:20px; list-style:decimal; }



.post-prdct-nav { clear:both; font-weight:bold; font-size:90%; margin-top:5px; }

.post-prdct-nav a { color:#003399; margin:0 3px; text-transform:uppercase; }

.post-prdct-nav a:hover { color:#648599;}

.post-prdct-nav img { display:inline; float:none; padding:0; margin: 0 0 -5px 0; }

.post-prdct-nav .post-prdct-price { color:#000; margin:0; }

.post-prdct-nav .post-prdct-more { color:#000; }

.post-prdct-nav p.page-nav-right-links { display:inline; text-align:right; margin-left:55px; }



.post-nav { clear:both; background-color:#666; padding:7px 10px; font-weight:bold; color:#FFF; }

.post-nav a { color:#FFF; text-decoration:underline; padding:0; }

.post-nav a:hover { color:#CCC; text-decoration:none; }



.post-prdct-nav ul li { float:left; list-style:none; margin:0 5px 0 0; }



.pagging { margin:0 0 20px 0;}





/* CATEGORY PAGE STRUCTURE */

.cat-description { margin-bottom:5px;}

.cat-prdct-thumb { float:left; width:100px; height:100px; padding:5px; border:1px solid #CCC; margin:0 10px 10px 0; }

.cat-prdct-details { width:350px; display:inline; padding:0; margin:0; }

.cat-prdct-details h2 { padding:0; margin:0; }





/* RELETED PRODUCT THUMBS */

.related-prod-thumb { }

.related-prod-thumb h3 { color:#003399; font-size:140%; }





/* COMMENTS TEMPLATE */

.discussion { background-color:#FCFCFC; border:1px solid #DDD; padding:10px; margin-bottom:10px; }

.comment-details { }

.comment-author { font-weight:bold; }

.comment-othr-details  { color:#666; font-size:80%; }

.btn-submit { background-color:#666; border:1px solid #CCC; padding: 3px 5px; *padding:0; color:#FFF; cursor:pointer; }





/* SUBSCRIBE FORM */

.entry h2 { font-size:16px !important; color:#666 !important; font-weight:bold !important; }

.entry h3 { font-size:14px; color:#666; }





/* SEARCH RESULTS PAGE */

.post #searchbar { padding:20px 0 0 0; float:none; }

.post #searchbar input.search-txtfld { border:1px solid #666; font-size:100%; padding:2px; width:240px; height:18px; float:left; margin-right:5px; }

.post #searchbar input.search-btngo { background:#666666 url(images/btn-go.gif) no-repeat 0 0; border:0; height:22px; width:28px; float:left; cursor:pointer; }







/* !!!!!!!! RIGHT CONTENT CLASSES !!!!!!!! */

/* ....................................... */



#sidebar { width: 320px; float:right; }



#box-socialize { border:1px solid #CCC; padding:10px; margin-bottom:10px;  }

#box-socialize h4 { font-size:120%; }



	.subscribe-text { margin-left:75px;}

#subscribe { padding:5px 0 0 0; }



	



#subscribe h2 {  font-size:120%;  }

#subscribe p { float:left;  }

#subscribe img { float:left; }

#subscribe form { display:block; }



#subscribe form p { }



#subscribe form input.input { border:1px solid #444; font-size:100%; padding:2px; width:236px; height:18px; float:left; margin:0 5px 0 0; color:#666; display:block; }

#subscribe form input.subscribe { background:#666666 url(images/btn-go.gif) no-repeat 0 0; border:0; height:22px; width:28px; float:left; padding:0; margin:0; display:block; }





#box-socialize .social-banners { text-align:center; }

#box-socialize .social-banners h4 { text-align:left;  }

#box-socialize .social-banners a{ padding:5px; }



.hr-bordered { border-bottom: 1px dashed #A2B6C2; clear:both; display:block; height:1px; line-height:1px; font-size:1px; margin:8px 0 15px 0; padding:0; }



#box-testimonial { border:1px solid #CCC; padding:10px; margin-bottom:10px; }

#box-testimonial img { float:left; margin:0 5px 0 0; padding:0; }

#box-testimonial p {  margin: 0; padding:0; }

#box-testimonial p a.testtimonial-author { font-size:90%; color:#666; }



#box-video-corner { border:1px solid #CCC; padding:0 8px 8px 8px; margin-bottom:10px; }

#box-video-corner h4 { background-color:#666; color:#FFF; font-weight:bold; text-transform:uppercase; font-size:110%; padding:3px 3px 3px 10px; margin:0 -8px 8px -8px; }

#box-video-corner img { padding:0; margin:0;  }

#box-video-corner li { list-style:none; padding:0; margin:0; }



#box-recent-posts { border:1px solid #CCC; padding:10px; margin-bottom:10px; text-decoration:underline; }

#box-recent-posts h5 { color:#003399; font-weight:bold; text-transform:uppercase; font-size:110%;  margin:0 0 8px 0; text-decoration:underline; }

#box-recent-posts h5 span { text-transform:lowercase; font-size:100%; text-decoration:underline; }

#box-recent-posts ul {}

#box-recent-posts ul li { list-style-image:url(images/bull-sqr-blue.gif); margin-bottom:5px; margin-left:15px; text-decoration:underline; }



#box-recent-comments { border:1px solid #CCC; padding:10px; margin-bottom:10px; }

#box-recent-comments h4 { color:#333; font-weight:bold; text-transform:uppercase; font-size:110%;  margin:0 0 8px 0; text-decoration:underline;  }

#box-recent-comments h4 span { text-transform:lowercase; font-size:100%; text-decoration:underline; }

#box-recent-comments ul li { margin-bottom:5px; text-decoration:underline; }

#box-recent-comments ul li { border-bottom: 1px dashed #A2B6C2; list-style:none; padding-bottom:3px; margin-bottom:10px;}

#box-recent-comments ul li a { font-weight:normal; text-decoration:underline; color:#648599; text-decoration:underline; }



#tags { font-size:120%;}







/* !!!!!!!! FOOTER CONTENT CLASSES !!!!!!!! */

/* ........................................ */



#footer { border:1px solid #CCC; padding:10px 5px; margin-bottom:10px; width:99%;}

#footer h4 { color:#648599; font-weight:bold; text-transform:uppercase; font-size:110%;  margin:0 0 8px 0; padding:0;  }

.footer-category-list { width:125px; padding-right:5px; }

.footer-columns { padding-right:35px; }
.cat_list{margin:15px 0; padding:0; width:18px; width:164px; _width:155px; }
.cat_list ul{margin:0; padding:0;}
.cat_list li{list-style:none; margin:0 0 0 5px; padding:3px;}
.cat_list li a{color:#999; text-decoration:underline; background:url(images/bull-sqr-blue.gif) no-repeat left 5px;  margin-bottom:3px;/* margin-left:15px;*/ font-weight:bold; padding:0 0 0 10px; }
.cat_list li a:hover{text-decoration:none;}

.footer-columns-right { /* padding-right:35px;*/ width:180px; }
.footer-category-list{margin:0; padding:5px;}

.footer-category-list ul {margin:0; padding:0;}

.footer-category-list ul li { list-style-image:url(images/bull-sqr-blue.gif); margin-bottom:3px; margin-left:15px; color:#999; font-weight:bold; }

.footer-category-list ul li a { color:#999; text-decoration:underline; }

.footer-category-list ul li a:hover { color:#777; text-decoration:none; }



#footer-gadget-tip { width:155px; }

#footer-gadget-tip h4 { color:#666; font-weight:bold; text-transform:uppercase; font-size:110%;  margin:0; padding:0; text-decoration:none;}


#footer-gadget-tip p { color:#666; margin:0 0 8px 0; padding:0; }



#footer-nav-projectgadget { width:225px; padding-top:15px; }

#footer-nav-projectgadget h4 { color:#666; font-weight:bold; text-transform:uppercase; font-size:110%;  margin:0 ; padding:0;  }

#footer-nav-projectgadget h4 span{ text-transform:lowercase; }

#footer-nav-projectgadget p { color:#666; margin:0 0 8px 0; padding:0; }

#footer-nav-projectgadget p a { color:#888; text-decoration:underline; font-weight:bold; font-size:90%; }

#footer-nav-projectgadget p a:hover { color:#888; text-decoration:none; }
#footer-nav-projectgadget .p_gadget{color:#666; font-weight:bold; font-size:110%;  margin:0 ; padding:0; text-decoration:none; font-weight:bold;}


#footer-nav-projectgadget ul { margin-top:10px; }

#footer-nav-projectgadget ul li { background:none; padding:0; margin:0 10px 0 0; list-style:none; float:left; }

#footer-nav-projectgadget ul li a { color:#888; text-decoration:underline; font-weight:bold; font-size:90%; }
#footer-nav-projectgadget ul li a:hover{text-decoration:none;}