/*  

Theme Name: TumbLrrific! 
Author: Eriq
Theme URI: http://antipatika.info/
Description: Just another Tumblr-Like theme made by me.
Version: 1.0

*/

/* Basics and Typography */

body {

	margin: 0;

	padding: 0;

        height: 100%;

	background: #efefef url(images/background.png);

        background-repeat: repeat;

        background-position: top center;

	font-family: Verdana, sans-serif;

        line-spacing: 17px;

	color: #808080;

	text-align: center;

	font-size: 11px;

}

html>body {

	font-size: 11px;

}

p {

	font-size: 11px;

	line-height: 1.5em;

	margin: 1.2em 0;

}

ol, ul {

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.2em 0 1.2em 2em;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	margin: 1.0em 0;

	font-family: Georgia, Times New Roman, Arial, sans-serif;

}

h1, h2 {

	font-size: 1.3em;

}

h3 {

	font-size: 1.5em;

        color: #AADB46;

        font-family: Verdana;

        text-transform: uppercase;

        border-bottom: 1px dotted #CBCCCA;

}

h4 {

	font-size: 1.3em;

}

h5 {

	font-size: 1.2em;

}

h6 {

	font-size: 1.1em;

}

blockquote {

	background-color: #FCEBF4;

	margin: 0 10px;

	padding: 0 10px;

	border-top: 1px solid #FCDEED;

	border-bottom: 1px solid #FCDEED;

}

code {

	font-family: Courier New;

	color: #666;

}

form, img {

	margin: 0;

	padding: 0;

	border: 0;

}



/* Layout */



#wrapper {

	width: 775px;

	margin: 0 auto;

	background: transparent url() repeat-y;

	font-size: 0.9em;

	text-align: left;

        margin-bottom: 0px;

}





/* Header */



#header {

	width: 320px;

	height: 90px;

	background: url(images/logo.png) no-repeat;

        padding-left: 10px;

        padding-right: 10px;

}



/* Header Styles */

#title {



	float: left;

	margin: 38px 0 0 9px;

	border-bottom: 0px dotted #9e2251;

	padding: 1px;

}



#title h1 {

	margin: 0;

	padding: 5px 15px;

	border: 0;

	background-color: #222;

	color: #ABB4BD;

	font-size: 0.92em;

	line-height: 32px;

	letter-spacing: 1px;

}

#title h1 a {



	color: #A1A1A1;

        border-bottom: 0px dotted #ABB4BD;

	text-decoration: none;

}





/* the Content */



#content {

	float: left;

	padding: 0px 13px 15px 15px;

	margin: 0 auto;

        background: #ffffff url(images/content.png) no-repeat;

	overflow: hidden;

	voice-family: "\"}\""; 

	voice-family: inherit;

	width: 495px;

        -moz-border-radius: 13px 13px 13px 13px;

        -webkit-border-radius: 13px 13px 13px 13px;

} 



html>body #content {

	width: 495px;

        margin-left:20px;

        margin-right:0px;

        padding-right: 16px;

}



/* Content Styles */



 #content a:link {

           color: #FFBDD5; 

           font-weight: normal;

           text-decoration: none; }

 #content a:active {

           color: #FFBDD5; 

           text-decoration: none;}

 #content a:hover {

           color: #FFBDD5;

           background-color: #F0FDFF; }

 #content a:visited {

           color: #FFBDD5;

           text-decoration: none; 

           font-weight: normal; }

.date {

        background: #ff77bb;

        border-bottom: 0px solid #CCECFC;

        margin-top: 3px;

        padding-left: 5px;

        color: #fff;

}

.post-footer {

padding-left: 360px;

}

.post-footer a, .post-footer a:visited, .post-footer strong {

background: #FCEBF2;

    padding: 10px;

    margin: 3px;

    color: #23AEE2;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

}

.post-footer strong, .post-footer a:hover {

color: #FAA5CF;

border-bottom:0px dotted #fff;

text-decoration:none;

font-style: normal;

}



/* the Sidebar */



#sidebar {

	float: left;

	width: 180px;

        margin-top: 5px;

        background-color: transparent;

	padding: 18px 15px 0 15px;

	color: #808080;

	font-size: 11px;

        text-align: left;

	width: 180px;

} 

html>body #sidebar {

	width: 180px;

        margin-bottom: 0px;

}

	

/* Sidebar Styles */

#sidebar h2 {

	margin: 0 0 0 0;

        color: #797A7A;

	border-bottom: 0px solid #FDD6E7;

	width: 180px;

	height: 15px;

        padding-top: 5px;

        padding-left: 3px;

        text-align:justify;

        font-variant: normal;

	background: transparent;

	font-family: Tahoma;

	font-size: 15px;

}



#sidebar a:link {

	color: #ff77bb;

        text-decoration: none;

}

#sidebar a:visited {

	color: #ff77bb;

        text-decoration: none;

}

#sidebar a:hover {



        color: #000; 

        border-bottom: 1px solid #000;

	text-decoration: none;

}

#sidebar ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#sidebar ul ul, #sidebar ol {

	margin: 1.2em 0 1.2em 1.3em;

}



#sidebar ul ul {

	list-style-type: disc;

}



#sidebar ul ul ul {

	margin-top: 0;

	margin-bottom: 0;

}



/* the Footer*/

#footer {

	clear: both;

	padding: 20px 0 0 20px;

        text-align: center;

        height: 25px;

        float: left;

}



/* Footer Styles */

#footer p {

	margin: 0;

	padding: 0.6em 0;

	border-top: 1px dotted #9e2251;

	font-size: 0.92em;

}



 #footer a:link {

           color: #ff77bb; 

           font-weight: normal;

           text-decoration: none; }

 #footer a:active {

           color: #ff77bb; 

           text-decoration: none;}

 #footer a:hover {

           color: #808080;

           background-color: #F0FDFF; }

 #footer a:visited {

           color: #ff77bb;

           text-decoration: none; 

           font-weight: normal; }





/* Blog Styles */



.posttitle {

	margin: 5px 0 0 0;

	padding: -5px 0 1px 0;

	border-bottom: 0px dotted #737373;

}



.posttitle a {

	text-decoration: none;

        font-weight: bold;

        color: #F97BAA;

}

.postmeta {

	margin: 0;

        padding: 0.2em 0 0 0;

}

.postmeta, .postfeedback {

	font-size: 0.92em;

	text-align: right;

}

.pagetitle {

	margin: 0.6em 0 1.2em 0;

}

.commentauthor {

	margin: 1.2em 0 0 0;

	border-bottom: 0px dotted #737373;

	font-size: 1.1em;

        color: #3ACFD8;

        font-family: Verdana;

        font-weight: strong;

}

.commentauthor a{

	text-decoration: none;

        color: #3ACFD8;

        font-weight: strong;

}

.commentauthor a:active {

	text-decoration: none;

        color: #3ACFD8;

        font-weight: strong;

}

.commentauthor a:visited {

	text-decoration: none;

        color: #3ACFD8;

        font-weight: strong;

}

.commentmeta {

	margin: 0;

	padding: 0.2em 0 0 0;

	font-size: 0.92em;

        background-color: #FCF0F6;

}

#comment {

	width: 98%;

        background-color: #fff;

}

.postnav {

	width: 100%;

 	padding: 1.2em 0 0 0;

	font-size: 11px;

	overflow: auto;

}

.prev a{

	float: left;

        text-decoration: none;

	font-size: 11px;

        color: #F97BAA;

}

.next a{

	float: right;

	font-size: 11px;

        text-decoration: none;

        color: #F97BAA;

}



/* Widgets and Etc */

.widget_calendar h2 {

	display: none;

}

.widget_search div {

	margin: 1.2em 0;

}

#sidebar #s {

	margin-bottom: 1px;

	width: 0px;

}





/* Image Borders */

div.image {

	margin: 1.2em 0;

}

div.imagecenter {

	margin: 1.2em 0;

	text-align: center;

}

div.imagecenter img {

	margin: 0 auto;

}

div.imageleft, img.imageleft {

	float: left;

	margin: 0 15px 0.2em 0;

	padding: 0;

}

div.imageright, img.imageright {

	float: right;

	margin: 0 0 0.2em 15px;

	padding: 0;

}

div.image img, img.image,

div.imagecenter img,

div.imageleft img, img.imageleft,

div.imageright img, img.imageright {

	padding: 5px;

	border: 1px solid #737373;

	background: #FFF;

}





/* Others*/



#content li {list-style-image: url();

font-size: 11px;

}

#sidebar li {

list-style-image: url(images/twirl-li.gif);

border-top: 1px dashed #efefef;

}

#sidebar li:hover {

list-style-image: url(images/twirl-li.gif);

border-top: 1px dashed #808080;

background-color: #efefef;

}

::-moz-selection{

	background:#fff;

	color:#000;

}

::selection {

	background:#fff;

	color:#000;

}

.blogimage 

{
	background:url(images/shadow.gif) no-repeat right bottom;

	padding:4px 10px 10px 4px;	

	border:0;

	border-top:#eee 1px solid;

	border-left:#eee 1px solid;	

}



input, textarea, select {

background-color: #fff;

border-top: 1px solid #CCCCCC;

border-left: 1px solid #CCCCCC;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

color: #777777;

font-size: 12px;

font-family: trebuchet ms;}





/* the Navigation */



#menu {

    position: absolute;

    margin: 30px 0 0 450px;

    vertical-align: top;

    padding: 3px;

    background-color: #FCF0F1;

    border: 2px dashed #FCC2C9;

}

#menu a:hover

{

    position: relative;

    top: 3px;

    color:#eee;

    border:0;

}

#nav {

    padding: 2px;

    margin: 0 0 0 10px;

    font: 11px Verdana;

    text-transform: lowercase;

    color: #ff86a1;

    float:right;

    font-weight:bold;

}

#nav li {

  float:left;

  margin:0;

  padding:0;

  list-style-type:none;

  list-style-type:image;

  white-space:nowrap;

}

#nav li a {

  display:block;

  padding:0 5px;

  text-transform:lowercase;

  text-decoration:none;

  color: #ff86a1;

}

#nav li a:hover {

  color: #808080;

  border-bottom: 0px dashed #99cc00;

}



#search-top {

    position: absolute;

    margin: 70px 0 0 545px;

    vertical-align: top;

    padding: 3px;

}