/*
Theme Name: OMG That Rocks
Theme URI: http://omgthatrocks.com
Description: Minimial layout for OMGThatRocks.com
Version: 1.0
Author: Louis Ponder
Author URI: http://lponder.com
Tags: minimal, cyan, omg, grey, tumblr, tumblelog

Based on tumblelog by Safirul Alredha
*/

/* EXTRA STYLES */

body { background-color:#fff; }

.fix { clear:both; }

#main { width:960px; margin:0 auto; padding:0; }

#left { width:922px; float:left; }

#sidebar { width:313px; padding:0 12px 0 12px; float:left; position:fixed;}
#sidebar .logo { width:313px; height:313px; background:url(images/logo-lt.png) no-repeat 62px 132px; }
#sidebar .logo a { display:block; width:313px; height:313px;}

#content { width:561px; margin:0 0 0 337px; padding:0 12px 0 12px; float:left; }

#thatrocks { width:38px; margin:0 0 0 922px; padding:290px 0 0 0; float:left; background:url(images/thatrocks-lt.png) no-repeat; position:fixed; }

#footer { width:100%; }

img { border:0; }

/* BASE STYLES */

body {
	font: 13px/1.54em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #444;
	}

a:link, a:visited {
	color: #111;
	text-decoration:none;
	}

#header h1 {
	margin-top: 0;
	width: 500px;
	font-weight: normal;
	font-size: 40px;
	line-height: 1.0;
	letter-spacing: -1px
	}

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

#header #blog-description {
	margin-top: -20px;
	width: 500px;
	font-size: 12px;
	color: #777;
	}

h2.date {
	color: #e0e0e0;
	font-size: 24px;
	font-weight: normal;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-bottom: 1px solid #e0e0e0;
	}

abbr { border: 0; }

h2.entry-title {
	color: #e0e0e0;
	font-size: 24px;
	font-weight: normal;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase;
	border-bottom: 1px solid #e0e0e0;
	margin:0;
	padding-top:20px;
	}

h2.entry-title a {
	color: #6febec;
	text-decoration:none;
	}

h2, h3 { color: #c8ffff; }
h2 a, h3 a { color: #c8ffff; }				

div.hentry { margin-bottom: 50px; }

#sidebar h2 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
  margin: 10px 0 5px;
	}
	
#sidebar ul { list-style: none; padding: 0; margin: 0; }

#sidebar ul li li { margin-bottom: 5px; line-height: 1.0; }

#footer a {
	color: #eee;
	}

.home .author { display: none; }

.permalink {
	border-width: 0px !important;
    width: 23px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}
.edit { display:none; position: absolute; top: -1px; right: 550px; }
.edit a { color:#6febec; }

.source {
	border-width: 0px !important;
    width: 39px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 40px;
    display: none;
}

.post { position:relative; padding:20px 0 0 0; }
.post:hover .permalink { display: block; }
.post:hover .edit { display: block; }
.post:hover .source { display:block; }

div.text { text-align:center; }

div.photo { text-align:center; }
div.photo img { /*border: 10px solid #eee;*/ }
div.hentry .description { margin-top: -10px; }
				
div.link {}

	div.link span.raquo {
		font-size: 24px;
		line-height: 1.2;
		color: #c8ffff;
		}
	
	div.link a.taggedlink {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -1px;
		color: #c8ffff;
		text-decoration: none;
		border-bottom: 1px dotted #c8ffff;
		}
	
	div.link div.description {
	margin-top: -10px;
		}
	
	body.search div.link span.raquo,
	body.search div.link a.taggedlink {
		font-size: 20px;
		}
		
div.quote {  background:url(images/quote.png) no-repeat 25px 35px; }

div.quote blockquote {  margin:20px 20px 0 80px; font-size: 40px; line-height:40px; font-style:italic; }
div.quote blockquote cite {	font-size: 12px; display:block; text-align:right;}

div.chat {}
	
	div.chat ol {
		clear: both;
		list-style-type: none;
		border-left: 5px solid #6febec;
		margin: 0 0 20px;
		padding: 0;
		}

	div.chat ol li {
		padding: 5px 10px;
		border-bottom: 1px solid #fff;
		}
	
	div.chat ol li cite {
		font-weight: bold;
		}
	
	div.chat ol li.odd {
		background-color: #6febec;
		}
	
	div.chat ol li.even {
		background-color: #e1fefe;
		}
	
	div.chat ol li blockquote {
		margin: 0;
		display: inline;
		}

div.wp-caption {
	margin: 10px 0 0;
	border: 5px solid #eee;
	text-align: center;
	background-color: #eee;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	margin: 0;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
		
div.navigation {
	text-align: center;
	}	
div.navigation a { color:#6febec; text-transform:uppercase; text-decoration:none; }
div.navigation a:hover { border-bottom:1px dotted; }

/* COMMENTS */

#commentform { display:none; height:200px; margin-bottom:60px; }

.comment-info { margin-bottom:20px; }
.comment-box { width:519px; height:108px; margin:0 16px 20px 16px; background:url(images/comment-bg.png) no-repeat; padding:4px 6px 0 4px; }
.comment-box #comment { width:518px; height:75px; border:1px solid #6febec !important; background-color:#c0ffff !important; text-align:left; color:#1eadae; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; }
.comment-name, .comment-email, .comment-website { margin:0 0 0 0px; width:187px; float:left; text-align:center; }
.comment-info .info { width:157px; border:5px solid #6febec !important; background-color:#c0ffff !important; text-align:left; color:#1eadae; font-weight:bold; text-transform:lowercase;}
#commentform #submitline { text-align:right; display:block; padding:0 10px 0 0;}
#commentform #submit { border:5px solid #6febec; background-color:#6febec; text-transform:uppercase; color:#FFF; font-weight:bold; }

#content #respond, #content #comments { color:#6febec; display:block; text-align:right; }
#respond a, #comments a { color:#6febec; }

#comments { clear:both; list-style-type:none; margin:0 0 20px; padding:0; color:#444;}
#comments a { color:#1eadae; }
#comments li { padding: 5px 10px; border-bottom: 1px solid #fff;}
#comments .even { background-color: #e1fefe;}
#comments .odd { background-color: #bcffff; }

.comment-text { color:#444; text-align:left;}
.comment-text p { display:inline; }
.comment-text .comment-author { color:#1eadae; text-transform:lowercase; font-weight:bold; display:inline;}

/* ABOUT */
#about a { background-color:#6febec; padding:0 2px 0 2px; font-weight:bold; color:#fff; text-transform:uppercase; }
#about a:hover { background-color:#fff; color:#6febec; }
#about strong { color:#6febec; font-weight:bold; }

#abouticon { width:30px; height:30px; position:fixed; bottom:0; left:0; background-color:#6febec; text-align:center;}
#abouticon:hover { background-color:#1eadae; }
#abouticon a { color:#fff; font-weight:bold; font-size:20px; display:block; width:30px; height:25px; padding-top:5px; }

/* NAVIGATION */
#navigate { width:98px; height:74px; margin:0; padding:0; background:url(images/navigate.png) no-repeat; position:fixed; bottom:0; right:0; }

#navigate a { width:25px; height:26px; display:block; z-index:100; position:absolute;}
.navtop { height:26px; margin:3px 0 0 0; display:block;}
.navbot { height:26px; display:block;}

.nav_up { width:26px; height:26px; margin-left:35px; background:url(images/nav/navup.png); }
.nav_up:hover { background:url(images/nav/navup-over.png);}
.nav_up-press { opacity:0; width:26px; height:26px; background:url(images/nav/navup-press.png);  }

.nav_left { width:26px; height:26px; margin-left:9px; float:left; background:url(images/nav/navleft.png);}
.nav_left:hover { background:url(images/nav/navleft-over.png);}
.nav_left-press { opacity:0; width:26px; height:26px; background:url(images/nav/navleft-press.png);  }

.nav_down { width:26px; height:26px; float:left; background:url(images/nav/navdown.png);}
.nav_down:hover { background:url(images/nav/navdown-over.png);}
.nav_down-press { opacity:0; width:26px; height:26px; background:url(images/nav/navdown-press.png);  }

.nav_right { width:26px; height:26px; float:left; background:url(images/nav/navright.png);}
.nav_right:hover { background:url(images/nav/navright-over.png);}
.nav_right-press { opacity:0; width:26px; height:26px; background:url(images/nav/navright-press.png);  }

.number { opacity: 0; position: fixed; top: 40%; left: 45%; font-family: "Helvetica Neue",   Arial, sans-serif; font-size: 32px; font-weight: bold; padding: 30px; background: #6febec; color: white; -moz-border-radius:10px; -khtml-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; }


/* EXTRAS */
.omgdiv { padding:0px 0 0 0;}
#wpstats { display:none; }