/*
Theme Name: cliche
Theme URI: http://somethingcliche.com
Description: first something cliche theme
Version: 1.0
Author: justin
Author URI: http://somethingcliche.com
Tags: cliche
*/

/* reset rules
--------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img, form, fieldset, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
*:active, *:focus {
	outline: 0;
	border: 0;
}

/* tags
--------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #0a2b45 url(images/body_bg.png) fixed no-repeat 50% 0px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
img.alignleft {
	float: left;
	margin: 0 20px 15px 0;
	border: solid 1px #0a2b45;
}
img.aligncenter {
	margin: 0 auto;
	display: block;
}
img.noborder {
	border: 0;
}
h2.section-header {
	padding: 12px 15px;
	margin: 20px 0 20px 20px;
	font-size: 16px;
	font-weight: normal;
	background-color: #0a2b45;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
h2.section-header span {
	color: #aac818;
}
a {
	color: #487690;
	text-decoration: underline;
}
a:hover {
	color: #5A9802;
}

/* page structure
--------------------------------------------------*/

#outerWrapper {
	width: 960px;
	margin: 0 auto;
}

#contentWrapper {
	border: solid 2px #487690;
	background-color: #104064;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	/*background: url(images/contentWrapper_bg.gif) repeat-y;*/
}

/* top bar (full width)
--------------------------------------------------*/

#topBar {
	background-color: #041d24;
	height: 36px;
	width: 100%;
	position: fixed;
	z-index: 999;
	display: none;
}

/* header
--------------------------------------------------*/

#header {
	height: 192px;
	padding: 0;
}
#header .logo {
	float: left;
	margin-left: 20px;
}
#header .social {
	float: right;
	color: #fff;
	width: 285px;
	margin-right: 18px;
	display: none;
}
#header .social .links {
	padding: 10px 0;
	margin: 68px auto 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 156px;
	padding-left: 20px;
	overflow: hidden;
}
#header .social .links img {
	margin-right: 20px;
	float: left;
}
.header-tips {
	border: solid 2px #487690;
	background-color: #104064;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: none;
}

/* ad space under header
--------------------------------------------------*/

#underHeader {
	height: 100px;
}

/* side bar
--------------------------------------------------*/

#sidebar {
	float: right;
	width: 300px;
	padding-bottom: 70px;
}
#sidebar h3 {
	color: #fff;	
	background-color: #0a2b45;
	padding: 10px;
	margin: 15px 15px 5px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#sidebar a {
	text-decoration: none;
}
#sidebar a:hover h3 {
	color: #aac818;
}

#sidebar .pod {
	overflow: hidden;
}
#sidebar .pod .col {
	float: left;
	width: 150px;
}

/* side bar follow
--------------------------------------------------*/

#sidebar .follow {
	overflow: hidden;
	padding: 0 0 0 10px;
	margin: 15px 15px 5px 0;
}
#sidebar .follow a {
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 32px;
	padding-left: 35px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
}
#sidebar .follow a span {
	color: #487690;
}
#sidebar .follow a:hover {
	color: #aac818;
}
#sidebar .follow a:hover span {
	color: #487690;
}
#sidebar .follow .rss {
	background-image: url(images/social-icons/rss-32x32.png);
	margin-right: 10px;
}
#sidebar .follow .twitter {
	background-image: url(images/social-icons/twitter-32x32.png);
}
#sidebar .follow .facebook {
	background-image: url(images/social-icons/facebook-32x32.png);
}

/* side bar search
--------------------------------------------------*/

.searchform {
	margin: 20px 0 0 0;
}
.searchform .s {
	padding: 10px;
	font-size: 16px;
	width: 260px;
	border: solid 2px #487690;
	background-color: #487690;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.searchform .s:focus {
	border-color: #a9c718;
}
.searchform .searchsubmit {
	position: absolute;
	margin: 8px 0 0 252px;
}

/* side bar ads
--------------------------------------------------*/

#sidebar #ads {
	padding: 0 0 0 1px;
	overflow: hidden;
}
#sidebar #ads .ad {
	overflow: hidden;
	margin-top: 8px;
}
#sidebar #ads .ad .ad-large {
	
}
#sidebar #ads .ad .ad-small {
	float: left;
	width: 135px;
	margin-right: 11px;
}

/* side bar categories
--------------------------------------------------*/

#sidebar ul {
	list-style: none;
	color: #487690;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
#sidebar ul.children {
	margin-left: 10px;
}
#sidebar li {
	padding-top: 5px;
}
#sidebar li a {
	color: #fff;
	text-decoration: none;
}
#sidebar li a:hover {
	color: #aac818;
}

/* last.fm
--------------------------------------------------*/

ul#ilastfm {
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
	overflow: hidden;
}
ul#ilastfm li {
	float: left;
	padding: 0 9px 5px 0;
	margin: 0;
}
#ilastfm a img {
	width: 83px;
	height: 83px;
}

/* flickr
--------------------------------------------------*/

.flickr-mini-gallery {
	margin: 10px 0 0 10px;
	padding: 0;
	overflow: hidden;
}
.flickr-mini-gallery img {
	float: left;
	margin: 0 9px 9px 0;
	padding: 0;
	width: 83px;
	height: 83px;
}

/* twitter
--------------------------------------------------*/

#twitter {
	background-color: #0a2b45;
	color: #fff;
	padding: 10px;
	margin: 11px 15px 0 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#twitter p.twitter-message {
	border-bottom: solid 1px #0a2b45;
	padding: 7px 0;
	margin: 0;
}
#twitter .twitter-timestamp {
	color: #487690;
	font-size: 11px;
}
#twitter .twitter-timestamp a {
	color: #487690;
	text-decoration: none;
}
#twitter a.twitter-link {
	color: #a9c718;
	text-decoration: none;
}
#twitter a.twitter-user {
	color: #a9c718;
	text-decoration: none;
}

#tweetbird {
	background: transparent url(images/sidebar_tweetbird.png) no-repeat 0 0;
	height: 110px;
	padding: 1px 0 0 10px;
}
#tweetbird a {
	color: #a9c718;
	text-decoration: none;
	font-size: 12px;
}

/* ul.twitter: the main ul (if list is activated)
* li.twitter-item: the ul items (if list is activated)
* p.twitter-message: each one of the paragraphs (if msgs > 1)
* .twitter-timestamp: the timestamp span class
* a.twitter-link: the tweet link class
* a.twitter-user: the @username reply link class
*/

/* side bar popuplar posts
--------------------------------------------------*/

#sidebar ul#popular-posts {
	margin-top: 10px;
}
#sidebar ul#popular-posts li {
	overflow: hidden;
	margin: 0 16px 10px 0;
	padding: 0;
}
#sidebar ul#popular-posts li img {
	float: left;
}
#sidebar ul#popular-posts li div {
	margin: 0 17px 0 95px;
	padding-top: 7px;
}
#sidebar ul#popular-posts li div h4 {
	font-weight: normal;
}
#sidebar ul#popular-posts li div p {
	margin: 0;
	padding: 3px 0 0 0;
	color: #487690;
}
#sidebar ul#popular-posts li:hover {
	background-color: #487690;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#sidebar ul#popular-posts li:hover div p {
	color: #0a2b45;
}
#sidebar ul#popular-posts a:hover {
	color: #fff;
}

/* content
--------------------------------------------------*/

#content {
	margin-right: 320px;
}
#content .post {
	/*background: url(images/post_bg.png) no-repeat;*/
	margin: 20px 0 0 20px;
	padding-top: 55px;
}
#content .post .title {
	height: 112px;
	position: absolute;
	margin: -55px 0 0 -43px;
	background: url(images/post_title_bg.png) no-repeat;
}
#content .post .title .date {
	float: left;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding-top: 17px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -1px;
}
#content .post .title h2 {
	margin-left: 165px;
	padding-top: 17px;
}
#content .post .title h2, #content .post .title h2 a {
	color: #fff;
	text-decoration: none;
	font-size: 26px;
	font-weight: normal;
}
#content .post .title h2 a:hover {
	color: #aac818;;
}
#content .post .entry {
	padding: 15px 20px 5px 20px;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 16px;
	overflow: hidden;
}
#content .post .entry h3 {
	color: #000;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}
#content .post .entry h4 {
	color: #000;
	margin: 10px 0;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}
#content .post .entry a {
	font-weight: bold;
}
#content .post .entry .metadata {
	z-index: 200;
	position: absolute;
	padding: 0 0 3px 100px;
	margin-top: -6px;
	font-size: 11px;
	overflow: hidden;
	border-bottom: solid 1px #487690;
	width: 476px;
}
#content .post .entry .metadata .categories {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	background-color: #326a9a;
	color: #fff;
	padding: 3px 6px;
}
#content .post .entry .metadata .categories a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#content .post .entry .metadata .categories a:hover {
	text-decoration: underline;
}
#content .post .entry .metadata .digg, #content .post .entry .metadata .retweet {
	float: right;
	padding-top: 3px;
}
#content .post .entry .metadata .digg {
	margin-right: 10px;
}
#content .post .entry .has-metadata {
	margin-top: 40px;
}
#content .post .entry .more-link {
	background-color: #326a9a;
	color: #fff;
	padding: 5px 8px;
	text-decoration: none;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 26px;
}
#content .post .entry .more-link:hover {
	background-color: #aac818;
}
#content .post .comment-count {
	background: url(images/comment_bg.png) no-repeat top right;
	height: 57px;
	top: 50px;
	text-align: right;
	margin: -41px -15px 0 550px;
}
#content .post .comment-count a {
	color: #a9c718;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 48px;
	padding-right: 2px;
	text-align: center;
	margin: 0 2px 0 27px;
	line-height: 57px;
}
#content .post .postmetadata {
	padding: 0 12px 0 32px;
}
#content .post .myadvice {
	padding: 7px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #ccc;
	background-color: #f3f3f3;
}

/* page navigation
--------------------------------------------------*/

#page-navigation {
	text-align: center;
	padding: 14px 0 30px 0;
}

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {
	padding: 0;
	margin: 0;
}
.wp-paginate li {
	display: inline;
	list-style: none;
}
.wp-paginate a, .wp-paginate .current {
	background: #3a6f8d;
	color: #fff;
	margin-right: 4px;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wp-paginate a:hover, .wp-paginate a:active {
	background: #0a2b45;
}
.wp-paginate .title {
	color: #555;
	margin-right: 4px;
}
.wp-paginate .gap {
	margin-right: 6px;
}
.wp-paginate .current {
	background: #aac818;
	color: #0a2b45;
}
.wp-paginate .page {
	
}
.wp-paginate .prev, .wp-paginate .next {
	
}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

/* comments
--------------------------------------------------*/

#commentWrapper {
	margin: 0 0 0px 20px;
	/*padding: 20px 20px 1px 20px;*/
	background-color: #3a6f8d;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 16px;
}
#commentWrapper .commentlist, #commentWrapper .commentlist .children {
	list-style: none;
	margin: 70px 0 0 0;
	padding: 0;
	overflow: hidden;
}
#commentWrapper .commentlist .children {
	/*margin: 20px;*/
	margin: 0;
	padding: 0;
}
#commentWrapper .commentlist li {
	padding: 10px 10px 0px 10px;
	margin: 10px;
	/*margin: 0 0 20px 0;*/
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
#commentWrapper .commentlist .children li {
	margin-left: 10px;
}
#commentWrapper .commentlist li.title {
	height: 112px;
	position: absolute;
	margin: -55px 0 0 -43px;
	background: url(images/comments_bg.png) no-repeat;
	padding: 0;
	border: 0;
}
#commentWrapper .commentlist li.title .count {
	float: left;
	width: 350px;
	text-align: left;
	color: #fff;
	font-size: 26px;
	padding: 24px 0 0 28px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -1px;
}
#commentWrapper .commentlist li.comment-depth-1 {
	/*border-bottom: solid 1px #104064;*/
	background-color: #fff;
}
#commentWrapper .commentlist li.comment-depth-2 {
	/*border-top: solid 1px #ccc;*/
	background-color: #e6e6e6;
	padding-bottom: 0;
	margin: 0 0 10px 0;
}
#commentWrapper .commentlist li.first-comment {
	
}
#commentWrapper .commentlist li.author-comment {
	background-color: #104064;
	color: #fff;
	/*background-color: #3a6f8d;
	border: 0;
	color: #fff;
	*/
}
#commentWrapper .commentlist li.author-comment li {
	background-color: #fff;
	color: #000;
}
#commentWrapper .commentlist li.author-comment li.author-comment {
	background-color: #3a6f8d;
	color: #fff;
}
#commentWrapper .commentlist li .avatar {
	float: left;
	width: 80px;
	margin-bottom: 5px;
}
#commentWrapper .commentlist li .avatar img {
	border: solid 5px #ccc;
}
#commentWrapper .commentlist li.author-comment .avatar img {
	border-color: #0a2b45;
}
#commentWrapper .commentlist li.author-comment li .avatar img {
	border-color: #ccc;
}
#commentWrapper .commentlist li .comment {
	margin-left: 100px;
	overflow: hidden;
	width: 475px;
}
#commentWrapper .commentlist li .comment cite {
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}
#commentWrapper .commentlist li .comment cite a {
	color: #326a9a;
	text-decoration: none;
	font-style: normal;
}
#commentWrapper .commentlist li .comment .date {
	padding-top: 3px;
}
#commentWrapper .commentlist li .comment .date a {
	font-size: 12px;
	color: #999;
	text-decoration: none;
}
#commentWrapper .commentlist li .comment .date a:hover {
	color: #000;
}
#commentWrapper .commentlist li.author-comment li.author-comment .date a {
	color: #ccc;
}
#commentWrapper .commentlist li .comment-top {
	overflow: hidden;
}
#commentWrapper .commentlist li .comment-top .reply {
	float: right;
	text-align: right;
}
#commentWrapper .commentlist li .comment-top .reply a {
	background-color: #326a9a;
	color: #fff;
	padding: 5px 8px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 26px;
}
#commentWrapper .commentlist li .comment-top .reply a:hover {
	background-color: #aac818;
}
#commentWrapper .commentlist li .comment-top .title-stuff {
	margin-right: 150px;
}
#commentWrapper .commentlist li .comment-text {
	padding: 0;
	margin: 0;
}
#commentWrapper .commentlist li .comment-content {
	overflow: hidden;
}

/* social
--------------------------------------------------*/

#socialLinks {
	background-color: #3a6f8d;
	padding: 15px 0 15px 15px;
	margin: 20px 0 0 20px;
	overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#socialLinks img {
	float: left;
	margin-right: 10px;
}

/* categories, tags
--------------------------------------------------*/

#cat-tags {
	background-color: #3a6f8d;
	padding: 15px 0 15px 15px;
	margin: 20px 0 0 20px;
	overflow: hidden;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;¢
}
#cat-tags p {
	margin: 0;
	padding: 0;
}

/* comment form
--------------------------------------------------*/

#respond {
	padding: 20px;
	margin: 70px 0 20px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	background-color: #3a6f8d;
}
#respond .title {
	height: 112px;
	position: absolute;
	margin: -75px 0 0 -63px;
	background: url(images/post_title_bg.png) no-repeat;
}
#respond .title .date {
	float: left;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding-top: 17px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -1px;
}
#respond .title h2 {
	margin-left: 165px;
	padding-top: 14px;
}
#respond .title h2, #respond .title h2 a {
	color: #fff;
	text-decoration: none;
	font-size: 26px;
	font-weight: normal;
}
#respond .title h2 a#cancel-comment-reply-link {
	font-size: 14px;
	font-style: italic;
	padding-left: 7px;
	color: #ccc;
}
#respond input[type=text], #respond textarea {
	padding: 5px 8px;
	border: 2px solid #fff;
	background-color: #fff;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 300px;
}
#respond textarea {
	width: 563px;
	padding: 7px;
	font-size: 15px;
}
#respond input:focus[type=text], #respond textarea:focus {
	background-color: #104064;
	color: #fff;
}
#respond label {
	color: #fff;
	padding-left: 5px;
}
#respond label span {
	font-style: italic;
	font-size: 11px;
	color: #bbb;
}
#respond a.button {
	background-color: #104064;
	color: #fff;
	padding: 7px 10px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 26px;
}
#respond a.button:hover {
	background-color: #aac818;
}
#respond .instructions {
	color: #fff;
	font-size: 14px;
	margin-top: 2px;
}
#respond .instructions a {
	color: #aac818;
	text-decoration: none;
	font-weight: bold;
}

/* generic box
--------------------------------------------------*/

.box {
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 16px;
	margin: 20px 0 0 20px;
}

/* 404 box
--------------------------------------------------*/

.box-404 {
	padding-top: 30px;
}
.box-404 h2 {
	color: #487690;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.box-404 p {
	margin: 5px 0 30px 0;
	color: #999;
	font-size: 12px;
}
.box-404 .searchform {
	margin: 0 0 30px 150px;
}
.box-404 .image-404 {
	margin-left: 170px;
}

/* footer
--------------------------------------------------*/

#footerCreeper {
	background: url(images/footer_creeper.png) no-repeat;
	height: 371px;
	width: 234px;
	position: absolute;
	z-index: 100;
	margin: -71px 0 0 680px;
}
#footerWrapper {
	background-color: #041d24;
}
#footer {
	background-color: #041d24;
	margin: 0 auto;
	width: 936px;
	height: 300px;
	padding-left: 20px;
	/*
	height: 298px;
	border: solid 2px #487690;
	*/
	border-bottom: 0;
	color: #fff;
	border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
}
#footer .col {
	float: left;
	width: 180px;
	margin-right: 40px;
}
#footer .col h3 {
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-bottom: 20px;
	border-bottom: solid 1px #0a2b45;
	color: #16476e;
	margin-top: 20px;
}
#footer .col a {
	display: block;
	border-bottom: solid 1px #0a2b45;
	color: #16476e;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 11px;
	padding: 4px 0;
}
#footer .col a span {
	color: #0a2b45;
}
#footer .col a:hover {
	color: #eee;
}
#footer .col a:hover span {
	color: #aac818;
}
#footer .col p {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #0a2b45;
	color: #16476e;
	letter-spacing: 1px;
	font-size: 11px;
	padding: 4px 0;
}

/* download button
--------------------------------------------------*/

a.download {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 13px 13px 13px 40px;
	margin: 10px 0;
	color: #fff;	
	background: #326a9a url(images/icon_download.png) no-repeat 10px 50%;
	text-decoration: none;
}
a.download:hover {
	background-color: #0a2b45;
}