/*
Theme Name: Gadget Story
Description: Gadget Story theme 2 Columns is a white, blue and grey, clean and simple, fixed width, widget ready theme, gadget theme, electronic theme, tv theme, computer theme
Version: 1.1
Author: WPThemes4You
Author URI: http://wpthemes4you.wordpress.com
Tags: simple, blue, white, grey, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, gadget theme, electronic theme, tv theme, computer theme
*/

body
{
    background: #eeeeee url(images/body-bg.gif) top center repeat-y;
    color: #000000;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font: 13px/18px Verdana, Tahoma, sans-serif;
}

a
{
    color: #393939;
}

#container {
    background: #ffffff;
    width: 800px;
    text-align: left;
    margin: 0 auto;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    }

/*** Header ***/
#header {
    background: #ffffff url(images/header-bg.jpg) top center no-repeat;
    height: 178px;
    padding: 5px 0px 0px 10px;
    text-align: left;
    width: 790px;
    }

#header h2 {
    color: #336699;
    font-size: 30px;
    font-family: Arial, Tahoma, Verdana, Georgia, Times New Roman, Sans-Serif;
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-top: 25px;
    margin-bottom: 0px;
    }

#header h2 a {
    color: #336699;
    text-decoration: none;
    }

#header h2 a:hover {
    color: #0099FF;
    text-decoration: none;
    }

#header h3 {
    color: #336699;
    font-size: 13px;
    font-family: Georgia, Times New Roman, Sans-Serif;
    font-weight: bold;
    /*text-transform: uppercase;*/
    /*text-indent: 10px; */
    margin-top: 10px;
    }


/*** Menu ***/
#menu {
    /*background: url(images/bg.png) top center repeat;*/
    background: #333333;
    width: 800px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    }

#menu h2 {
    color: #ffffff;
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }
#menu li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

#menu ul {
    margin: 0px;
    padding: 4px;
    }

#menu ul li a {
    font-family: Arial, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #ffffff;
    padding: 6px 6px 6px 6px;
    margin: 0px 3px 0px 3px;
    text-decoration: none;
    }

#menu ul li a:hover {
    color: #ffffff;
    padding: 6px 6px 6px 6px;
    text-decoration: underline;
    }

#logotitle #logo
{
    float: left;
    width: 34px;
    height: 40px;
}

#logotitle #title
{
    position: relative;
    top: 10px;
    left: 24px;
}

/*** Main ***/
#main
{
    width: 800px;
    margin: 0 auto;
}

#main #content
{
    float: left;
    width: 550px;
    margin-top: 10px;
    margin-left: 5px;
}

.post
{
    margin-bottom: 70px;
    line-height: 20px;
}

.post .postheader h2
{
    font-size: 17px;
    margin-bottom: 3px;
}

.post .postheader h2 a
{
    text-decoration: none;
    color: #273647;
}

.post .postheader h2 a:hover
{
    text-decoration: underline;
}

.post .postheader .postmeta
{
    width: 550px;
    font-size: 11px;
    border-bottom: solid 1px #ababab;
    padding-bottom: 5px;
}

.post img
{
    padding: 5px;
    border: solid 1px #ababab;
}

/*** Sidebar ***/
#sidebar
{
    float: right;
    width: 220px;
    line-height: 23px;
    margin-top: 5px;
    padding: 5px 0 0 10px;
    border-left: dotted 1px #ababab;
}

#sidebar img
{
    border: none;
}

#sidebar ul
{
    list-style: none;
    margin-top: 0;
    /*white-space: nowrap;*/
    margin-left: 0;
    padding-left: 10px;
    text-indent: -10px;

}

#sidebar ul li a:hover {
    /*color: #3399cc;*/
    text-decoration: none;
}

#sidebar .sidebarbox
{
    margin-bottom: 30px;
}

#sidebar .sidebarbox h3
{
    /* color: #273647; */
    color: #336699;
    font-size: 15px;
    margin-bottom: 2px;
}

/***  Search form ***/
.searchform form
{
    margin-top: 4px;
}
.searchform #search
{
    width: 160px;
}

/*** Comments ***/
.allcomments h3
{
    font-size: 15px;
}

.commentbox
{
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #ababab;
    background: #f6f6f6;
}

.commentbox .avatar
{
    float: left;
    margin-right: 5px;
}

.commentbox small
{
    font-size: 11px;
}

.commentbox p {
    margin-bottom: 0px;
}

.commentbox .commentmeta
{
    width: 300px;
}

#commentform label
{
    display:block;
    margin: 0;
}

#commentform .text {
    width: 300px;
    margin: 0 0 15px 0;
}

#commentform strong
{
    font-size: 11px;
}

#commentform textarea
{
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}

/*** Footer ***/
#footer
{

        width: 800px;
    color: #ffffff;
    background: #ffffff url(images/footer.gif) center center repeat-x;
    font-size: 11px;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #ffffff;
    clear: both;
    padding: 40px 0px 30px 0px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
    }

#footer a:hover {
    color: #FFFF00;
    /*text-decoration: underline;*/
    }

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   border: 1px solid #ccc;
   text-align: center;
   background-color: #f3f4f0;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}
