@charset "utf-8";

img{border:none;}
a{text-decoration:none;}
html{font-family:"calibri";background:url("images/bg4.jpg") repeat-x #001a2b;
background:url(images/bg.png) no-repeat #002132;
}
#options{float:right;}
.options a{background:#EAEAEA;padding:0 10px;margin-right:5px;border:1px solid #00F;border-radius:5px;}
.options a:hover{}
.rounded{border-radius:10px;}
.top{border-top-left-radius:10px; border-top-right-radius:10px;}
#menu{float:right;}
#menu {list-style:none;padding:0;margin:0}
#menu li{display:inline-block;padding:10px 0;margin:0;}
#menu a{color:white;padding:12px 10px;}
#menu a:hover{background:#FFF;color:#000;}
#menu a:hover,#menu a{transition:ease-out 200ms;-moz-transition:ease-out 0s;-webkit-transition:ease-out 200ms;}
#menu #tags ul{display:none;margin-top:10px;}
#menu #tags ul li{display:block;}
#menu #tags:hover ul{display:block}
.bottom{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#main{background: #EEE; width:1050px;margin:0 auto;margin-top:60px; min-height:600px;}
.content{width:1050px;margin:0 auto;}
#mid{width:1050px;float:left;min-height:300px;border-radius:10px;background:#FCFCFC;border:#333 1px solid;}
#left{width:189px;margin-top:80px;float:left;min-height:360px;border:1px solid #666;border-right:0;background:#FFF;font-family:Tahoma, Geneva, sans-serif;padding-bottom:10px}
#fbgroup{}
#logo{float:left;padding:5px;color:#FFF;font-size:1.2em}
#logo:hover{}
#left a{font-family:"Comic sans-serif";color:#000;border-bottom:1px dotted #000;transition:ease-in; transition-duration:100ms; -webkit-transition-duration:500ms;}
#left a:hover{padding-left:25px;transition:ease-in; transition-duration:100ms; -webkit-transition-duration:500ms;}
#header{font-weight:bold;font-size:1em;padding:0;background:#03F;color:white;position:fixed;top:0;left:0;z-index:1000;width:100%}
#picleft{width:820px;float:left}
#picbox{margin:0;margin-bottom:10px;text-align:center;}
#tagcloud{}
#search1{border: 1px solid black;-moz-border-radius: 4px;-webkit-border-radius: 4px;font: 13px Arial,sans-serif;width: 180px;padding:4px;color: #333;background: #EEE;-webkit-box-shadow: 0 1px 0 #444;-moz-box-shadow: 0 1px 0 #444;box-shadow: 0 1px 0 #444;margin:6px 5px;margin-right:-8px;}
#search1:focus{outline: none;background: #FFF;color: #111;text-shadow: 0 1px 0 white;border: 1px solid #EEE;-webkit-box-shadow: 0 0 3px #000;-moz-box-shadow: 0 0 3px #000;box-shadow: 0 0 3px #000;}
#searchbar{display:inline-block;margin-left:10px;}
#searchbar input[type=submit]{height:24px;vertical-align:100%;margin-left:-27px;vertical-align:-30%;width:30px;background:url(images/search.png) transparent center no-repeat;border-radius:5px;}
#content{min-height:400px;padding:10px;}
#ad{min-height:90px;margin-bottom:10px;}
.ad-box{width:47%;float:left;border:1px solid #666;}
#sidebar-list{list-style-type:none;margin:5px 0;padding:0;}
#sidebar-list li{margin:0;}
#sidebar-list a{padding:0 10px;display:block;text-decoration:none;}
#sidebar-list a:hover{background:#E6EEFF}
#footer{background:#06F;padding:15px;color:#FFF;text-align:center}
#footer a{color:#FFF;margin-bottom:5px;border-bottom:1px solid #fff}
#footer a:hover{}
table#tags a{display:block;padding:5px;border:1px dotted black;}
table#tags a:hover{background:#E6EEFF;}
.clear{clear:both}
/*.leftborder{ border-top-left-radius:20px; border-bottom-left-radius:20px;}*/
.container{min-height:150px;margin:10px 0;border:1px solid #999;border-radius:10px;box-shadow:2px 2px 10px #777}
.heading{border-top-left-radius:10px; border-top-right-radius:10px;background:#000;padding:5px 10px;font-size:1.2em;color:#FFF;}
div.error{background:#FB9684;border:1px solid red;border-radius:5px;margin:0;width:170px;padding:5px;}
div.success{background:#DBFBAC;border:1px solid #25B915;border-radius:5px;margin:0;width:170px;padding:5px}
div.loading{background:#C6F0F9;border:1px solid #2B3DE3;border-radius:5px;margin:0;width:170px;padding:5px;}
.main.container{width:380px;float:left;}
.main.container .box{padding:10px;}
.pad{padding:10px;}
#reg input{width:100%;padding:2px;}
input[type=submit]{padding:5px}
.link-box{display:block; text-decoration:none;}

.box{float:left;padding:10px;width:135px;height:185px;margin:4px;border-radius:5px;background:#FFF;border:1px solid #AAA;text-align:center;font-size:0.9em;}
.box img{width:135px;height:135px;}
img.featured{padding:2%;width:96%;height:300px;}
.box:hover{background:#E6EFFF;border:1px solid #06F;}
.box,.box:hover{transition:ease-in 200ms;-moz-transition:ease-in 0s;-webkit-transition:ease-in 200ms;}
div.featured a.desc{padding:5px;text-align:center}
div.featured a.desc:hover{text-decoration:underline	}
.main.container .box:hover{padding:9px;}
.img-list{padding:10px;}
h3.space{margin:10px 0;padding:0;}
#content h1{margin-bottom:5px}
.box:hover span.picdesc{text-decoration:underline}
.login{font-size:1.2em;width:172px;padding:2px 2px;}
/* page listing*/
#page{margin:15px;text-align:center}
#options a,#page a{background:#ECEEF5;color:#3B5998;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #CAD4E7;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;position:relative.;margin:0 10px 0 0;padding:2px 20px}
#options a:hover,#page a:hover{border-color:#3B5998}
#page a{font-size:16px;padding:10px 15px;border-radius:10px;}
#page a.active{background-color:#3B5998;color:#FFF}
#options .active{background:#3B5998;color:#ECEEF5;border-color:#3B5998}
.more{margin-top:10px;}
a.tags:hover{text-decoration:underline;}
/****SEARCH*********/
div#search input{padding:10px;}
div#search input[type=text]{width:700px;font-size:1.5em;font-weight:bold;}
div#search input[type=submit]{width:120px;}
#qsearch input{padding:5px;margin:2px 10px;width:160px;}
#qsearch input[type=submit]{width:172px;}
div#results{width:650px;float:left;}
.bar{padding:10px;border:1px solid #CCC;border-radius:10px}
.bar img{float:left;margin-right;10px;}
.bar .picdesc:hover{text-decoration:underline}
.bar .data{float:left;margin:0 10px;}
#skyscraper{float:left;width:160px;padding:10px;}
#form input,#form textarea{width:100%}
/*	ADMIN PAGE	*/
#adminpage{padding:20px;}
#tags-col div{float:left;overflow:scroll}
#scrolldiv{height:200px;width:100%;overflow-x:none;overflow-y:scroll;}
#adminpage .button{padding:5px;}
#adminpage input[type=text]{width:100%;padding:3px;}
#preview{border:1px solid blue;min-height:300px;}
#adminpage img{border-radius:10px;}
#social{text-align:center;padding:5px;background:#FCF9BC;border:1px solid orange;border-radius:5px;width:500px;margin:10px auto;}
.likes{width:60px;}
.share{width:120px;vertical-align:5px;}
.tweet{width:90px;}
.gplus{width:50px;}
#social div{display:inline-block;}
h1#title{margin:10px 0;text-align:center;}
h1#heading{font-size:35px;margin:0;padding:0;}
h2#subtitle{font-size:20px;margin:0;font-weight:normal;padding:0;}
#rate{}
#vote{padding:10px;width:100px;}
#rate:hover{cursor:pointer}
a.controls{padding:1px 5px;text-decoration:underline;color:#000}
a.controls:hover{border-radius:5px;background:#06F;text-decoration:none;color:#FFF;}
#edit{width:700px;padding:20px;margin:20px auto}
.inputbox{padding:5px 3%;width:94%}
h1#tags{margin:0;text-align:center;border-bottom:1px solid blue;color:blue}
/*LOGIN PAGE*/

#login{width:500px;margin:0 auto;padding:30px;border:1px solid #000;font-size:1.5em;border-radius:10px;color:#FFF;}
#login input,#login input:focus{width:100%;padding:5px;}
#adminpanel{color:white;font-size:1.2em;text-align:center;padding:10px;}
#adminpanel a{color:white;padding:5px 10px;border-radius:5px;}
#adminpanel a:hover{background:#FFF;color:#000}
#msg{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;border:1px solid blue;width:500px;}
.success{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;width:640px;background:#3F6;border:1px solid #009900}
.error{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;width:640px;background:#F33;border:1px solid #F00}
.link{text-decoration:underline;color:#00F;}
.link:hover{}
#rel .box{padding:8px}
#rel .img-list{padding:6px;}
#newsletter input{width:100%;padding:5px;}
/*post formatting*/
.desc,.post-image{text-align:center;font-size:1.5em;}
.post-image{border:3px solid #FFF;outline:1px solid #000;}
.img-table{text-align:center;min-height:400px;}
.img-table td{min-height:400px;}
.img-table a.nav{ background:#0259c0;padding:150px 5px;border:1px solid #A5C4FE}
.rightborder{border-top-right-radius:20px; border-bottom-right-radius:20px;}
.leftborder{border-top-left-radius:20px; border-bottom-left-radius:20px;}
.img-table a.nav:hover{box-shadow:0 0 10px #8493FD;}
.img-table img{width:80%}
.img-table .img img{width:auto;}
.img{min-height:400px;}
.sharebutton{background:url(images/fbshare.jpg) no-repeat;vertical-align:-3px;width:60px;height:18px;padding:0 80px;cursor:pointer}
.sharebutton2{background:url(images/fbshare.jpg) no-repeat;width:60px;height:18px;padding:0 80px;cursor:pointer;}
.sharecount{border:1px solid #CCC;padding:1px 2px;min-width:10px;vertical-align:-1px;font-size:12px;background:#FFF;margin-left:2px;}
#mobnav{text-align:center;margin:9px;}
#mobnav a{display:inline-block;border:1px solid #4855F7;font-size:1.5em;text-align:center;padding:5px 20px;border-radius:10px;}
#mobnav a.random{background:#72D627;padding:5px 30px;border:1px solid #222;color:#FFF;text-shadow:1px 1px #000}
#mobnav a:hover{box-shadow:1px 1px 10px #888;}
a.download,a#advertize{display:inline-block;background:#061FF7;margin:0 5px;padding:2px 15px;border-radius:5px;border:1px solid #222;color:#FFF;text-shadow:1px 1px #000}
a#advertize{padding:5px 12px;text-decoration:none;border:1px solid #CCC;text-align:center;margin:5px 20px;}
a#advertize:hover{padding:5px 12px;border:1px solid #000000;}

/*********** COLORS***************/
#header,#footer,#login,#adminpanel,.black,a#advertize{
	color:#FFF;
	background:url("images/grad.png") repeat-x #0042b3;
	background: #aebcbf; /* Old browsers */
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
background: linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	
	font-weight:bold;
}
#mobnav a,a.download{color:#FFF;
	background:url("images/grad.png") repeat-x #0042b3;font-weight:bold;}
#header{background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
html{margin:0;padding:0;}
#sticky{background:#3B5999;color:#FFF;margin:-10px;width:105%;position:fixed;height:50px;}

/*************STAR RATING*************/
ul#boxrate{display:inline-block;}
.rating{
	width:80px;
	height:16px;
	margin:0 3px;
	padding:0;
	list-style:none;
	display:inline-block;
	position:relative;
	background: url(images/star-matrix.png) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.star0 {background-position:0 0}
.star1 {background-position:0 -16px}
.star2 {background-position:0 -32px}
.star3 {background-position:0 -48px}
.star4 {background-position:0 -64px}
.star5 {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.png) no-repeat 0 0
}
ul.rating.rp li.one a:hover,.sstar1 {background-position:0 -96px;}
ul.rating.rp li.two a:hover,.sstar2 {background-position:0 -112px;}
ul.rating.rp li.three a:hover,.sstar3 {background-position:0 -128px}
ul.rating.rp li.four a:hover,.sstar4 {background-position:0 -144px}
ul.rating.rp li.five a:hover,.sstar5 {background-position:0 -160px}
/*********TAG CLOUD***************/
#rightSidebar{margin-left:10px;width:195px;float:left;}
#subscribe{margin-top:0;text-align:center}
#subscribe .heading{font-size:14px;}
#subscribe-msg{padding:5px;font-size:0.8em}
#subscribe input{width:170px;padding:5px;}
#subscribe input[type=submit]{width:185px;}
#tagcloud{border:1px solid #03F;background:#FFF;border-radius:5px;color:#06F;font-size:16px;margin:5px 0;text-align:center;border:1px solid #555;border-radius:10px;margin-top:0;}
#tagcloud #content{padding:10px;}
#tagcloud a:link,#tagcloud a:visited{text-decoration:none}
#tagcloud a:hover,#tagcloud a:active{color:#000;text-decoration:underline}
#tagcloud a{padding:4px}
.smallest{font-size:10px}
.small{font-size:14px}
.medium{font-size:18px}
.large{font-size:22px}
.largest{font-size:26px}
/*LOGIN PAGE*/
#ad{text-align:center;}
#login{width:500px;margin:0 auto;padding:30px;border:1px solid #000;font-size:1.5em;border-radius:10px;color:#FFF;}
#login input,#login input:focus{width:100%;padding:5px;}
#adminpanel{color:white;font-size:1.2em;text-align:center;padding:10px;}
#adminpanel a{color:white;padding:5px 10px;border-radius:5px;}
#adminpanel a:hover{background:#FFF;color:#000}
#admin{background:#FFF;color:#000}
#scrolldiv{height:200px;width:100%;overflow-x:none;overflow-y:scroll;}
#msg{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;border:1px solid blue;width:500px;}
.success{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;width:640px;background:#3F6;border:1px solid #009900}
.error{padding:5px 30px;color:#000;font-weight:bold;	margin:10px auto;border-radius:5px;background:#C1CEFF;text-align:center;width:640px;background:#F33;border:1px solid #F00}
.link{text-decoration:underline;color:#00F;}
.link:hover{}

/****NEWSLETTER***/
img.logo{background:url('images/logo.gif');width:20px;height:20px;margin-right:5px;}
#tagcloud .heading{}

.hazbutton{background:#F4F4F4;color:#666;font-size:14px;font-weight:700;text-decoration:none;}
.hazbutton:hover{border-color:#999;background:#F0F0F0;color:#000}
.hazbutton{margin:10px;border-radius:3px}
.hazbutton{padding:3px 35px;font-size:1.1em;}
.hazbutton:hover{text-decoration:none}
#topnav{float:right;}
#topnav a{
vertical-align: 3px;
margin: 0 3px;
padding: 2px 10px;
font-size: 0.9em;}