/*
Theme Name: C Gorgeous
Author: Brave Whale
Author URI: http://bravewhale.com
version: 1.0
*/

/* basics */
* { margin: 0; padding: 0; }
.clear:after { content:"."; height: 0; display: block; clear: both; visibility: hidden; }
body { background: #131313; font: normal 14px arial, sans-serif; line-height: 18px; color: #999; margin: 20px 0; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h1, h2, h3, h4 { margin-bottom: 12px; color: #47b3d2; font-weight: normal; }
a { text-decoration: none; color: #47b3d2; }
a:hover { text-decoration: underline; }
a img { border: none; }

/*container*/
#container { width: 900px; margin: 0 auto; }

/*header*/
#header { height: auto; width: 100%; margin-bottom: 40px; text-align: center; }
#header a img { margin-bottom: 10px; }
#header h2 { font: 18px "times new roman", serif; color: #eee; }
#header #menu { font-size: 12px; text-transform: uppercase; color: #eee; border-top: 1px solid #ccc; }
#header #menu ul { float: left; }
#header #menu ul li { display: inline; margin-right: 20px; }
#header #menu ul li a { color: #eee; }
#header #menu ul li a:hover { color: #999; text-decoration: none; }
#header #menu ul.cats { float: right; }
#header #menu ul.cats select { background: #131313; border: none; color: #eee; font-size: 12px; }

/*content*/
#content { width: 615px; margin: 0 auto 40px auto; padding-left: 20px; }
#content .box { background: #fff; width: 165px; height: 165px; float: left; padding: 10px; margin: 0 20px 20px 0; }
#content .box span { position: absolute; width: 165px; height: 165px; overflow: hidden; }
#content .box span div.push, #content .box span div.push { height: 150px; overflow: hidden; }
#content .box span p, #content .box span div.push p { font-size: 12px; color: #666; }
#content .box h2, #content .box h2 a { font-size: 18px; color: #000; text-transform: uppercase; }
#content .box h2 a:hover { text-decoration: none; color: #999; }
#content .box5 { background: url(images/centerbox.png) no-repeat; width: 149px; height: 149px; padding: 25px; position: relative; left: -7px; top: -7px; margin: 0; }
#content .box6 { margin-left: 6px; }
#content .box div.center div.push { height: 135px; overflow: hidden; }
#content .box div.center { position: absolute; width: 150px; height: 150px; overflow: hidden; }
#content .box div.center h2, #content .box div.center h2 a { font-size: 18px; color: #000; text-transform: uppercase; }

/*single post page*/
#content-single { float: left; width: 480px; margin-right: 20px; }
#content-single h2 { color: #999; }
#content-single h3 { font-size: 24px; }
#side-comments { float: right; width: 400px; }

/*blog posts*/
.post { color: #eee; border-bottom: 1px dotted #999; margin-bottom: 20px; padding-bottom: 10px; }
.post h2 { font-size: 24px; color: #eee; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post ul { margin-left: 30px; }
.post li { }
.entry p { margin: 12px 0; }
.postmetadata { clear: both; background: #F7F7F7; padding: 6px; margin: 20px 0; }
.navigation { font-size: 12px; width: 100%; float: left; margin: 0 0 20px 0; padding: 0; }

/* sidebar */
#sidebar-1 { float: left; font-size: 12px; width: 192px; }
#sidebar-2 { float: left; font-size: 12px; width: 236px; border-left: 1px solid #ccc; }
#sidebar-1 h3, #sidebar-2 h3 { font-size: 14px; color: #333; }
#sidebar img { padding: 0; margin: 0; }
#sidebar-1 ul, #sidebar-2 ul { margin: 0 20px; padding: 0; }
#sidebar-1 ul li, #sidebar-2 ul li { margin: 0; padding: 0; line-height: 22px; list-style-type: none; }
#sidebar-1 ul ul, #sidebar-2 ul ul { margin: 10px 0; padding: 0; }
#sidebar-1 ul ul li, #sidebar-2 ul ul li { list-style-type: none; }
#sidebar-1 ul ul ul,#sidebar-2 ul ul ul { margin: 0; padding: 0; }
#sidebar-1 ul ul ul li,#sidebar-2 ul ul ul li { padding: 0 0 0 15px; list-style-type: none; color: #898989; }

/* comments */
#commentform { background: transparent; margin-bottom: 40px; }
#commentform p { color: #eee; }
#commentform a { color: #eee; text-decoration: none; }
#commentform h3 { font-size: 12px; font-weight: bold; color: #eee; margin: 0; padding: 0; }
#comment { width: 80%; }
#author, #email, #url, #comment, #submit { background: #1a1a1a; font: 12px arial, sans-serif; margin: 5px 0; padding: 3px 5px; border: 1px solid #101010; color: #eee; }
#author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus { border: 1px solid #000; }
#submit { margin: 5px 5px 0 0; cursor: pointer; }
#comments { margin: 0; padding: 0 }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
ol.commentlist li { background: #1a1a1a; margin: 10px 0; padding: 10px; list-style-type: none; border:1px solid #101010; }
ol.commentlist li.alt { background: #1a1a1a; }
ol.commentlist li p { margin: 6px 0; padding: 0 12px 0 0; }
ol.commentlist a { color: #000; }
cite { font-size: 12px; font-weight: bold; font-style: normal; }
cite a { color: #eee; text-decoration: none;  }
.comment-meta { font-size: 10px; }

/*search field*/
#searchform { margin-top: 10px; float: right; }
#searchform input.field { border: 1px solid #222; background: #111; color: #999; padding: 6px 10px; width: 205px; }
#searchform input.btn { border: 1px solid #222; background: #111; color: #999; padding: 5px 10px; width: 70px; cursor: pointer; }

/*contact form*/
.wpcf7 input, .wpcf7 textarea { font-family: arial; sans-serif; border: 1px solid #222; background: #111; color: #999; padding: 6px 10px; }
.wpcf7 textarea  { font-size: 13px; width: 400px; }
.wpcf7 input[type="submit"] { cursor: pointer; }

/* misc */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px 0 12px; }
code { font-family: "Courier New", Courier, monospace; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding: 10px 5px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 5px 0px; margin: 0; }

/* footer */
#footer { width: 900px; margin: 0 auto; border-top: 1px solid #eee; }
#footer p { padding: 14px 0; margin: 0; color: #eee; text-align:center; }
#footer a { color: #BCBCBC; text-decoration: none; }
#footer a:hover { color: #5D5D5D; text-decoration: underline; }