/*  
Theme Name: gridblog
Theme URI: http://www.blogohblog.com
Description: The "Grid Blog" is a minimalistic WordPress theme built by Jai Nischal Verma of <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and falls under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/


/*++++++ BODY ++++++++*/
body {font-family: "Century Gothic"; color:#000000;}

/*++++++ HEADER ++++++++*/
#header {width:400px;}
#header h1 {margin:0;padding:0;}
#header h1 a {display:block; text-decoration:none; padding-bottom:10px;}

/*++++++ LINKS ++++++++*/
a, a:link, a:visited {color: #C00000; text-decoration:none; font-weight:bold;}
a:hover {color:#333333; text-decoration:underline;}

/*++++++ FEATURED CONTENT ++++++++*/
.fcontent {margin-top:5px;}
.fcontent li {padding-top:3px;font-size:12px; color:#999999;}

/*++++++ NAVIGATION ++++++++*/
#menu{float:right; padding-right:10px; font-size:14px;}
#menu li{display:inline;list-style:none; padding:3px 14px 1px 15px; margin-right:5px; }
.page_item a:link, .page_item a:visited{color: #c00000; font-weight:normal; }
.page_item a:hover {color: #000000;}
.current_page_item a:link, .current_page_item a:visited{color: #999999; font-weight:normal;}

/*++++++ ENTRY ++++++++*/
.allinfos {margin:0 0 15px 0;}
.post {margin-bottom:10px; text-align:justify;}
.post h2 {font-size:18px;}
.left {float:left; min-height:240px;}
.right {float:right; min-height:240px;}
.category {background-color: #F4F4F4; padding:5px 0 5px 10px; margin-bottom:5px;}

/*++++++ SIDEBARS ++++++++*/
#sidebar1 h2{font-size:1.5em;line-height:1;margin-bottom:1em;font-weight:normal;}
#sidebar1 ul{list-style-type:none; margin-bottom:20px;}
#sidebar1 ul li ul{font-style:normal;margin-top:5px;padding:0px;}
#sidebar1 ul li ul li{border:0; list-style: url(images/bullet.gif); margin:0 0px 5px;padding:0 0 5px 0px;}

#sidebar2 h2{font-size:1.5em;line-height:1;margin-bottom:1em;font-weight:normal;}
#sidebar2 ul{list-style-type:none; margin-bottom:20px;}
#sidebar2 ul li ul{font-style:normal;margin-top:5px;padding:0px;}
#sidebar2 ul li ul li{border:0; list-style: url(images/bullet.gif); margin:0 0px 5px;padding:0 0 5px 0px;}

.sidebars {margin-top:20px;}

/*++++++ COMMENTS ++++++++*/
#comments {font-size:13px; font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
.commentlist p{padding-top:5px;}
#author, #email, #url {width:12em;font-size:12px; color:#666666;padding:3px; margin-right:5px; border:1px solid #cccccc;float:left;}
#submit{font:bold 1em Arial;margin-bottom:15px;margin-top:5px;padding:2px; color:#FFFFFF; background-color:#c00000; border:none;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:100%;border:1px solid #CCCCCC;font:12px Arial;color:#666666;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/*++++++ SEARCHBAR ++++++++*/
#topsearch{float:right}
#ls{ border:1px solid #E1E1E1; width:10em; color: #333333;font-family:"Century Gothic";padding:2px 5px 2px 5px;}

/*++++++ MISCELLANEOUS ++++++++*/
.alignright{float:right; padding-bottom:20px; font-size:14px;}
.alignleft{float:left; padding-bottom:20px; font-size:14px;}
img.wp-smiley{border:0;padding:0;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}

/*++++++ GALLERY ++++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;height:200px;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center; display:block;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*++++++ GRAVATARS ++++++++*/
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}