/*

Theme Name: CSS Gallery

Theme URI: http://colorpixelz.com/

Description: A wordpress theme 

Version: 1.0

Author: Colorpixelz.com

Author URI: http://colorpixelz.com/

*/



body {background: url(images/bgr.png) repeat; font-family: Verdana, Arial, sans-serif; font-size: 13px; padding: 0 0 20px;}

.wrap {width: 950px; margin: auto;}



#logo {float: left; margin: 5px 0 0;}

#logo h1 a {display: inline-block; width: 285px; height: 1px; padding-top: 55px; overflow: hidden;}



body.home #header {background: url(images/bg.jpg) no-repeat 50% 0; height: 642px;}

body.gallery #header {background: url(images/bg-gal.jpg) no-repeat 50% 0; height: 276px;}



#header {background: url(images/bg-blog.jpg) no-repeat 50% 0; height: 276px;}



#mainsection {background: url(images/content-bg.png) repeat-y 50% 0; }

#footer {background: url(images/footer-bg.png) no-repeat 50% 0; height: 153px;}



#screenshot {

    background: #242228;

    color:#FFFFFF;

    display:none;

    font-size:0;

    position:absolute;

    width: 280px;

    height: 150px;

}



/*nav */



#topnav {float: right; margin: 20px 0 0;}

#topnav li {display: inline;}

#topnav a {background: #46413f; color: #a7a7a7; padding: 5px; display: inline-block; text-decoration: none; margin: 0 3px;}

#topnav a:hover {background: #656261; color: #FFFFFF;} 



#tweet {display:block;float:left;height:75px;margin:18px 0 0 75px;width:540px;}

#tweet p {font-family: Verdana, sans-serif; font-size: 12px; color: #eedac8; font-style: italic;}

#tweet a {font-weight: bold; color: #f2d400; display: block; height:50px; overflow:hidden;}



#social {float: right; margin: 18px 0 0;}

#social a {margin: 0 0 0 5px; display: inline-block; width: 50px; height: 1px; overflow: hidden; padding-top: 44px; }





#home {padding: 70px 0 0;}

.ie7 #home {padding: 50px 0 0;}



#gsubmit {width: 350px; padding: 16px 0 0 30px; color: #636160; float: left;}

#gsubmit div.fix {margin-bottom: 8px;}

#gsubmit .text { background: #000;

    border: 1px solid #000;

    color: #666666;

    font: 11px helvetica,arial;

    margin: 0;

    padding: 7px;

    width: 200px;

    opacity:0.4; filter:alpha(opacity=40)

}





#popgal {float: right; width: 410px; margin-right: 10px;}

#popgal a {margin: 5px 3px; display: inline-block;}





#content {float: left; width: 630px; margin-left: 10px; }



#htable {position: relative; top: -74px; width: 100%; font-weight: bold;}

#htable th {padding: 18px 15px 18px; text-align: center; font-weight: bold; cursor: pointer;}

#htable td {padding: 5px 10px 0; text-align: center;}

#htable td a.screenshot {color: #000; text-decoration: none;}

#htable td a.screenshot img {margin-right: 10px; vertical-align: middle;}

#htable td, #htable th {border-right: 1px solid #d9d9d9;}

#htable .ts {background: url(images/ta.jpg) no-repeat; display: inline-block; width: 87px; height: 23px; text-align: center; text-decoration: none; color: #fff; padding-top: 4px;}

#htable img {width: 100px; height: 30px; border: 2px solid #d5d5d5;}



.full {background: url(images/full.png) no-repeat; display: block; margin: -35px auto 10px; width: 624px; height: 1px; overflow: hidden; padding-top: 58px; }







/* post-nav */



.wp-pagenavi {float: right;}

#post-nav {background: #f8f1e6; padding: 5px; border: 1px solid #e0d8cd; text-align: right;  margin: 10px 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 5px 6px 5px 0;}

#post-nav a {background: #363636 ; display: inline-block; padding: 4px; color: #fff; float: left; margin: 0 2px 0;}

#post-nav a.num {background: transparent none; color: #363636; margin: 0;}

#post-nav span {background: #a02931; display: inline-block; color: #fff; padding: 4px; float: left; margin: 0 2px 0;}



/* blog */

.post {margin-bottom: 20px;}

.post .entry { font-size: 13px; font-family: verdana;}

.post .entry p { line-height: 1.5; margin-bottom: 10px;}

.blog {width: 570px; margin-top: -30px;}



.blog .entry h2 {font-size: 26px; font-family: Georgia, Times New Roman, sans-serif; }

.blog .entry h2 a { color: #000; border-bottom: 0; padding: 0; margin-bottom: 10px; text-decoration: none; font-size: 26px;}



.blog .post .meta { font-size: 12px; background: #e6e6e6; padding: 0 0px; margin: 6px 0; border: 1px solid #d4d4d4;}

.blog .meta .author {color: #9e0b0e; text-decoration: underline;}

.blog .meta a {color: #0072bc; font-weight: bold; text-decoration: none;}

.blog .meta .author {color: #598527; text-decoration: none;}

.blog .more {display: block; padding: 10px 0; font-size: 11px; text-align: right;}

.blog .more a {text-decoration: none;}

.blog .cmnt {float: left; padding: 7px 10px; background: #f5f5f5; border-right: 1px solid #d4d4d4;}

.blog .cmnt span {font-weight: bold; color: #ff5c56;}

.blog .metainfo {padding: 7px 7px 7px 15px; float: left;}



.blog a {color: #9e0b0e; font-weight: bold; font-size: 12px;}





/* post-nav pagenavi */

.wp-pagenavi {background: #f2f2f2; padding: 5px; border: 1px solid #d7d7d7; text-align: right;  margin: 10px 0; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

.wp-pagenavi .pages {background: #212121; color: #FFF;}

.wp-pagenavi span {display: inline-block; color: #000; padding: 4px; margin-left: 5px;}

.wp-pagenavi a {background: #E6E6E6 ; display: inline-block; padding: 4px; color: #a3a3a3; border: 1px solid #a3a3a3; margin-left: 5px; text-decoration: none;}

.wp-pagenavi a.num {background: transparent none; color: #363636; margin: 0;}



/* comments */



#comments { margin: 30px auto 10px; }

#comments-count, #comment-form-title {margin: 0 auto 10px; padding-bottom: 5px; background: url(images/dash.gif) no-repeat 0 35px ; font-size: 27px; font-family: Georgia, 'Times New Roman', serif;}



#comments h3 {color: #790000; border-bottom: 1px solid #e6e6e6;}



img.avatar {

  display: none;

}



.commentlist li {

  padding: 10px 10px;

  margin-bottom: 10px;

  clear: both;

  background: #f0f0f0;

  border: 1px solid #E6E6E6 !important;

}







div.comment-text {

  padding: 5px 0px 0px;

}



#comments .head {margin-bottom: 10px;}



span.comment-author {

  text-transform: capitalize;

  font-weight: bold;

  color: #603913;

  font-size: 20px;

  text-decoration: underline;

  font-family: Georgia, 'Times New Roman', serif;

  padding: 5px;

}

span.comment-author a {color: #603913; font-size: 20px;}



.commentmetadata {font-size: 14px !important; font-family: Georgia, 'Times New Roman', serif; color: #000; padding: 0 !important;}

.commentmetadata a {color: #000;}





#comments p {

  padding-bottom: 10px;

}



#comments small {

  font-size: 11px;

  padding-left: 10px;

}



#comments textarea { padding: 5px; border: 3px solid #dcdcdc; }

input#author, input#email, input#url {

  padding: 5px 5px 5px 5px;

  border: 3px solid #dcdcdc;

}





input#submit {

  background: url(images/c-btn.gif) no-repeat;

  width: 65px;

  height: 25px;

  text-indent: -9999px;

  display: block;

  border: 0 none;

  overflow: hidden;

  font-size: 0px;

  line-height: 0px;

}



#comments label small {

    font-size: 12px;

    font-family: verdana;

}









/* sidebar */



#sidebar .ads {margin-bottom: 15px;}

.sbads125 img { padding: 0; }

.sbads125 a {height: 125px; width: 125px; display: block; float: left; margin: 3px; }







/* sidebar */



#sidebar {

    width: 263px;

    float: right;

    position: relative;

    margin-right: 12px;

    top: -100px;

}



#search {margin-bottom: 20px; margin-left: 5px;}

#search input.txt {

    width: 210px;

    height: 25px;

    border: 0 none;

    background: none transparent;

}





.gal-recent { background: #eeeeee url(images/sb-gal.jpg) no-repeat 0 0; border: 1px solid #dcdcdc; padding: 0px 10px; margin: 10px 0 20px; }

.gal-recent .go1  {display:block; float:right; height:1px; left:11px; margin:10px 7px 5px 0; outline:0 none; padding-top:24px; position:relative; text-indent:-9999px; width:73px;}



.gal-recent li { padding: 10px 0; border-bottom: 1px solid #dcdcdc; font-size: 13px; font-family: arial; line-height: 1;}

.gal-recent h3 a { font-family: georgia; font-size: 19px; margin: 5px 0; color: #000; display: block;}

.gal-recent a {text-decoration: none;}

.gal-recent a.more {color: #b21418; font-size: 11px; font-weight: bold; display: block; margin-top: 5px;}







.widget {margin-bottom: 20px; background: #eeeeee; border: 1px solid #d7d1c6;}

.widget h3 {background: url(images/widget-h3.png) repeat-x; font-family: Georgia, arial, sans-serif; font-size: 18px; font-weight: bold; padding: 14px;}

.widget ul {margin: 15px;}

.widget ul li a {color: #000000; background: url(images/widget-a.png) no-repeat 100% 50%; display: block; border-bottom: 1px solid #d6d6d6;text-decoration: none; padding: 6px 0;}



.widget_links {background: #dae4e7; border: 1px solid #bcd4d9;}

.widget_links h3 {text-indent: -9999px; background: url(images/blogroll-h2.jpg) no-repeat;}

.widget_links ul li a {border-bottom: 1px solid #bcd4d9; color: #005c97; background: url(images/blogroll-a.png) no-repeat 100% 50%; }



/* footer */





#footer #copy{

    float: right;

    margin: 65px 25px 0;

    text-align: right;

    color: #fff;

    line-height: 2;

}



#footer a { color: #f7941d; }

#footer a.des {color: #fdc689;  text-decoration: none;}