/*
Theme Name: JayGrandin.com
Theme URI: http://www.bravenewcode.com/jaygrandin
Description: Jay Grandin's wicked ass cool site
Version: 1.0
Author: Duane Storey & Dale Mugford, BraveNewCode
Author URI: http://www.bravenewcode.com

*/

body {
   text-align: center;
   margin: 0px;
   padding: 0px;
   font-family: arial;
   font-size: 8pt;
   color: #777;
}

.navigation {
	padding-top: 10px;	
}

img {
   border: 0px;
}

a {
   text-decoration: none;
   color: #555;
   font-weight: bold;
}

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

#footer {
   margin-top: 40px;
   text-align: center;
   margin-bottom: 50px;
   border-top: 1px solid #ddd;
   padding-top: 5px;
}

#header {
   margin-top: 45px;
   padding-bottom: 2px;
   border-bottom: 1px solid #ddd;
}

#header img {
   margin-left: -4px;
}

#header h1 {
   text-transform: uppercase;
   margin: 0px;
   padding: 0px;
   font-size: 32px;
   font-family: Lucida Grande, 'Helvetica neue', Lucida Grande;
}

#header .header-part {
   color: #070;
   font-size: 24px;
}

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

#header h1 a .header-part:hover {
   color: #080;
}

#header h1 a {
   color: #888;
}


#main-content {
   margin-top: 60px;
}

#main-content #left-content {
   float: left;
   width: 470px;
   padding-right: 20px;
}

#main-content #right-content {
   float: right;
   width: 400px;
}

#main-content #right-content #video-area {
   margin-top: 10px;
}

#main-content #right-content #social-networks {
   margin-top: 10px;
}

#main-content #right-content #social-networks ul {
   list-style: none;
   padding: 0px;
   margin: 0px;
}

#main-content #right-content #social-networks li {
   display: inline;
   padding-right: 6px;
   height: 30px;
}

#main-content #right-content #social-networks li a img {
   border: 1px solid #fff;
}

#main-content #right-content #social-networks li img:hover {
   border: 1px solid #ddd;
}

#main-content #right-content #social-networks li img { 
   height: 30px;
   width: auto;
   padding: 2px;
}

#main-content #right-content #recent-design {
   margin-top: 10px;
   text-align: justify;
}

#main-content #right-content #recent-design img {
   max-width: 400px;
}

#main-content .sidebar-section {
   border-bottom: 1px solid #ddd;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

#main-content .one-post {
   margin-top: 30px;
}

#main-content .one-post h1 {
   font-size: 17px;
   margin: 0px;
   padding: 0px;
   padding-bottom: 2px;
}

#main-content .one-post .post-meta {
   margin-bottom: 20px;   
}

#main-content .one-post .post-content {
   font-size: 12px;
   color: #555;
   padding-bottom: 20px;
   border-bottom: 1px solid #ddd;
   line-height: 1.5;
   text-align: justify;
}

#main-content .one-post .comment-popup {
   margin-top: 10px;
   float: right;
   font-size: 12px;
}

#main-content #commentform textarea {
   width: 480px;
   border: 1px solid #ddd;
}

#main-content .one-post .post-content p {
   margin-top: 10px; 
}

#main-content .one-post .post-content img {
   max-width: 470px;
   overflow: hidden;
}

.prefix {
   text-transform: uppercase;
   font-size: 10px;
}

#menu {
   border-bottom: 1px solid #ddd;
}

#menu h2 {
   font-weight: normal;
   text-transform: uppercase;
   color: #555;
   margin: 0px;   
   padding: 0px;
   font-size: 10px;
   padding-top: 6px;
   padding-bottom: 5px;
}

#menu #menu-area ul {
   list-style: none; 
   padding: 0px;
   margin: 0px;
   padding-top: 1px;
}

#menu #menu-area ul li {
   display: inline;
   padding-left: 10px;
}

#menu #menu-area ul li img {
   position: relative;
   top: 3px;
}

#menu #menu-area ul li a {
   color: #555;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 1px;
   padding-bottom: 1px;
}

#menu #menu-area ul li a:hover {
   color: #000;
   text-decoration: underline;
}

#menu #menu-area ul li a img:hover {
   background: #fff;
}

ul.video-portfolio {
   padding-left: 15px;
}

ul.video-portfolio li {
   font-size: 12px;
}

.left {
   float: left;
}

.right {
   float: right;
}

.clearer {
   clear: both;
}

#s {
   float: right;
   position: relative;
   top: 15px;
   width: 208px;
   border: 1px solid #e6e6e6;
   color: #ccc;
   font-size: 12px;
}

#s:hover {
   color: #888;
   border: 1px solid #888;
}

#page {
   margin: auto;
   width: 980px;
   text-align: left;
}

ul.commentlist {
   padding: 0px;
   list-style: none;
}

ul.commentlist li {
   padding: 0px;
   border-bottom: 1px solid #ddd;
   padding-top: 15px;
}

ul.commentlist li .comment-image {
   float: left;
   padding: 3px;  
   border: 1px solid #888;
   background: #ccc;
}

ul.commentlist li .comment-content {
   float: right;
   width: 420px;
}

small.commentmetadata a {
   color: #aaa;
   padding-top: 1px;
}

ul.commentlist li cite {
   text-transform: capitalize;
   font-size: 12px;
}