/* @override http://localhost:8888/wp-content/themes/minimalist/style.css */

/*
Theme Name: Minimalist
Description: Fast loading minimalist theme, utilising mootools, with 5 different colour schemes and no images.
Version: 1
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Latest updated: 7th October 2009
Tags: two-columns, white, black, blue, green, silver, fixed-width, left-sidebar
*/
html, body{ padding:0px 0px 20px 0px; margin:0; text-align:center; font-family: Georgia, Tahoma, sans-serif; font-size: 13px;}


.rot0 {
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg);
    rotation: 0deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  }
  .rot90 {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    rotation: 90deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  }
  .rot180 {
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    rotation: 180deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  }
  .rot270 {
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }
 
 .rotate-me {
      -moz-transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
}

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

#header { position: relative; margin: 0 0px 0px 250px;
	float: left;
	width: 650px;
} 
#header h1{ position:relative; float:left; margin:0px 0px 0px 0px; width: 650px; padding:0px; font-family:arial; font-weight:bold; font-size:20px; text-transform:uppercase;} 
#header h1 a{ text-decoration:none;}
#header h1 a:hover{ text-decoration:none;}

#header a{ position:relative; float: left; margin:30px 0px 0px 0px; width: 650px; padding:0px;} 
#header a{ text-decoration:none;
	border-style: none;
}
#header a:hover{ text-decoration:none;
	border-style: none;
}

#header img {
	border-style: none;
}


#header h2{ position:relative; float:left; clear:left; margin: 0px 0px 50px 0px; width: 650px; padding:0px; font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase;}

#tweet_wrapper {
	width: 650px;
	height: 25px;
	padding: 5px;
	margin-right: 230px auto;
	margin-left: auto;
}




#just_in {
	position: relative;
	top: 13px;
	height: 15px;
	margin-left: 0px;
	float: left;
}



#tweets {
	color: #999999;
	height: 15px;
	margin-left: 0px;
	text-align: left;
	font: italic 14px/15px sans-serif, Arial, "Helvetica Neue", Helvetica, Geneva;
	width: 550px;
	overflow: visible;
} 

 /*rotator css*/ 

div#tweets ul {
}

 
div#tweets ul li {
	float:left;
	list-style: none;
	display: none;
}
 /*rotator image style 	
	div#tweets ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}*/
div#tweets ul li.show {
	z-index:500;
	position: relative;
	
	display: inline;
	width: 500px;
	height: 15px;
	overflow: visible;
	margin-left: 80px;
}

#tweets a{
	text-decoration: none;
	color: #999999;
}

#tweets a:hover{
	color: #f6f6f6;
	text-decoration: none;
}





.aktt_tweet_time {
	color: #999999;
	font: 14px sans-serif, Arial, "Helvetica Neue", Helvetica, Geneva;
	text-decoration: none;
}


.aktt_tweet_time:hover{
	color: #c0c0c0;
	text-decoration: none;
}

.twitter_icon {
	border: none;
	position: relative;
	float: right;
	top: -20px;
}

.twitter_icon img{
	display: inline;
}



#leftcol{ width:180px; float:left; position:relative; padding: 0px 20px 0px 0px; text-align:right; overflow-x:hidden;}

#leftcol2{ width:  300px; float: left; position: fixed; text-align: right;

	font: italic small-caps bold 100px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #f3f3f3;
	top:400px; /*450*/
	margin-right: 0 auto;
	margin-left: 0 auto;
	padding-right: 50px;
}

.date {
	font: bold 90px Helvetica;
	text-align: right;
	top: 410px;
}

 
#menu { margin:0px; text-align:right; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; }
#menu a {font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; text-decoration:none;}
#menu a:hover {font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; text-decoration:none;}

h2.menuheader {cursor: pointer;font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase;margin:0px; padding:0px;}

#panel-container {
	position: relative;
	display: table;
	z-index: 999;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}

#panelwrapper {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 2px;
	overflow: visible;
	}


#panel {
	overflow: hidden;
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 250px;
	z-index: 999;
	width: 650px;
	height: 200px;
	background: #e4e4e4;
	text-align: left;
	padding-top: 20px;
}

#panel2 {
	overflow: hidden;
	display: none;
	position: relative;
	margin-left: 40px;
	z-index: 999;
	width: 200px;
	height: 400px;
	background: #e4e4e4;
	
}

#welcome {
	color: #666666;
	font-size: 36px;
	margin-bottom: 20px;
	margin-left: 35px;
}



#aboutblog {
	width: 240px;
	text-align: left;
	direction: ltr;
	text-transform: none;
	position: relative;
	float: left;
	height: 120px;
	color: #666666;
	font-family: Georgia, Tahoma, sans-serif;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#aboutme {
	position: relative;
	width: 240px;
	float: left;
	padding: 30px 40px 0;
	color: #666666;
	font-family: Georgia, Tahoma, sans-serif;
	margin-right: -40px;
	margin-top: -60px;
	height: 150px;
	border-left: 3px solid #999999;
}

.me img{
	float: right;
	height: 75px;
	border: 2px solid #999999;
	padding: 5px;
	margin: -30px 0 10px 10px;
}




.btn-slide {
	float: left;
	position: relative;
	width: 22px;
	height: 140px;
	overflow: hidden;
	top: -1px;
	left: 120px;
	margin: 0;
	padding: 0;
	background-image: url(/wp-content/themes/minimalist/images/bulb-both.png);
	z-index: 10;
}

a.btn-slide {
	text-decoration: none;
	margin: 0 auto;
	cursor: pointer;
}

.active {
	font-style: bold;
	background-position: 0 140px;
}


.bqstart {
     float: left;
     font-size: 700%;
     color: #999999;
	height: 20px;
	margin-top: -50px;
	padding-top: 20px;
	margin-bottom: 0;
	margin-left: -30px;
}

.bqend {
     float: right;
     font-size: 700%;
     color: #999999;
	height: 40px;
	padding-top: 0;
	margin: -38px -20px -20px 0;
}


#menu ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
#menu ul li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
#menu ul li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li a:hover{ text-decoration:none; }
#menu ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li a{ width: 205px; display: block; padding: 5px 20px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li a{ width: 185px; padding: 5px 40px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li ul li a{ width: 165px; padding: 5px 60px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li ul li a:hover{ text-decoration:none; }

ul#recentcomments {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
ul#recentcomments li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ text-decoration:none; }
#recentcomments a{ text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
#recentcomments a:hover{ text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; }

#maincol{ float: right; display:inline; position: relative; width:650px; font-family: Georgia, Tahoma, sans-serif; font-size: 13px;/*overflow-x:hidden;*/ text-align:left;}
#maincol h1 {margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:22px; text-transform:uppercase; clear:both;} 
#maincol h2 { /*margin:0px 0px 0px 0px;*/ padding:0px; font-family:arial; font-weight:bold; font-size:20px;text-transform:uppercase; clear:both;} 
#maincol h2 a{ text-decoration:none;} 

#maincol h3 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:18px; text-transform:uppercase; clear:both;} 
#maincol h4 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold;font-size:16px; text-transform:uppercase; clear:both;} 
#maincol h5 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase; clear:both;} 
#maincol h6 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;} 
#maincol p{ /*font-size: 13px;*/ line-height:1.7em; clear:left;}
#maincol p a:hover{ text-decoration:none;}
#maincol ul{ font-size: 13px; line-height:1.7em; clear:left;}
#maincol ol{ font-size: 13px; line-height:1.7em; clear:left;}

h2.contentheader{ cursor: pointer; position:relative; /*float:left;*/ margin:0px 0px 50px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:20px; text-transform:uppercase; clear:left;} 
h2.contentheader:hover{ }
h2.contentheader:active{ }

.content{clear:both;
	font-family: Georgia, Tahoma, sans-serif;
}

.permalink{ margin:0px 0px 0px 0px; padding:0px; font-family: Georgia, Tahoma, sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;} 
.permalink a{ text-decoration:none;} 
.permalink a:hover{ text-decoration:none;} 

table#calendar_wrap {width:230px; overflow:hidden;clear:both; }

#wp-calendar{font-family: verdana; font-size: 13px; text-decoration:none; clear:both;width:210px; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;}
#wp-calendar a{font-family: verdana; font-size: 13px; text-decoration:none; }
#wp-calendar a:hover{font-family: verdana; font-size: 13px; text-decoration:none; }

/*blockquote { margin:20px; padding:8px 8px 8px 15px;}*/
blockquote p {background-color:inherit;
	margin: 0;
	float: left;
}
label {background-color:inherit; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}


#respond{font-weight:normal;}
#s,#submit { font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



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;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 5px auto;}
.left { float:left; margin:10px 15px 10px 0;}
.right { float:right; margin:10px 0 5px 10px;}
.center { margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}

#postinfotext{font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 40px 0px;}
#postinfotext a { text-decoration:none;}
#postinfotext a:hover{ }


.commentheader {font-family:arial; font-size: 16px; line-height:1.7em; font-weight:bold; text-transform:uppercase; }
.comment { margin:0 0 10px; padding:2px 5px 0px 8px;}

.commenticon {font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;}
.commenticon a{ text-decoration:none;}
.commenticon a:hover{ }

.commenttext { font-size: 13px; line-height:1.7em; }
.commenttext p{ font-size: 13px; line-height:1.7em; }

.comment p {line-height:1.7em; margin:0px; padding-bottom:2px;}
.gravatarside {float:right; width:48px; height:48px; margin:0px 5px 5px 5px;}
.wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear:both;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


.navigation {font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;}
.navigation a { text-decoration:none;}
.navigation a:hover{ }
.prevlink{margin: 0px 6px 0px 0px;}
.nextlink{margin: 0px 0px 0px 6px;}

.awppost img{
border-style:none;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}







/* Category based styling here */

.tweets {
	font: italic 16px Georgia, "Trebuchet MS", Tahoma, sans-serif !important;
	text-decoration: none;
	text-align: right;
	background-color: #F6F6F6;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.tweets p{
	clear: none;
	margin-right: 20px;
	margin-left: 27px;
}

.sym{
	float: left;
}