/* 
	Theme Name: Gemini Light
	Theme URL: http://www.themegalaxy.net/2008/09/gemini/
	Description: A ThemeGalaxy.net Theme
	Author: Dejan Cancarevic and James Koster
	Author URI: http://www.themegalaxy.net
	Version: 1.0		
*/

@charset "UTF-8";

/* dejanc@gmail.com www.stylizedweb.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

body {
	font:12px arial;
	color:#19585D;
	background:#DFECE6;
	word-spacing:2px;
}

a {
	color:#3CA2A2;
	text-decoration:none;
}

a:hover {
	color:#205656;
}

a:visited {
	color:#3CA2A2;
	text-decoration:none;
}

.wrap {
	width:980px;
	margin:0px auto;
}

#top {
	background:#151614;
	border-bottom:3px solid #000;
	height:25px;
	padding:10px 0 0 0;
	color:#999;
	font-size:12px;
}

#top form input{
	float:right;
	border:1px solid #222;
	font:11px arial;
	color:#ccc;
	padding:2px 2px 2px 25px;
	width:175px;
	background:url(images/magnifier.png) left center no-repeat #111;
}

* html #top form input{
	background:url(images/magnifier.gif) left center no-repeat #111;
}

#top a{
	color:#999;
}

#top a:hover{
	color:#ccc;
}

#top ul{
	list-style:none;
}

#top ul li{
	display:inline;
	margin:0 15px 0 0;
}

#name {
	clear:both;
	background:#DFECE6;
	border-top:1px solid #282a36;
	border-bottom:3px solid #151614;
	padding:25px 0 0 0;
	height:90px;
	color:#3CA2A2;
}

#name a{
	color:#2D2D29;
}

#name a:hover{
	color:#000;
}

#name img.advertise{
	float:right;
}

#name h1{
	font-size:30px;
	font-weight:bold;
	background:url(images/logo2.png) left center no-repeat;
	padding:0 0 0 60px;
}

#name h1 span{
	display:block;
	font-size:12px;
	letter-spacing:1px;	
}

#menu {
	background:url(images/blackgrad3.png) left bottom repeat-x #2D2D29;
	border-top:1px solid #3D3E3B;
	height:30px;
}

#menu a {
	color:#DFECE6;
}

#menu a.rss {
	color:#DFECE6;
	background:url(images/rss.gif) left center no-repeat;
	padding:0 0 0 17px;
	word-spacing:0px;
	margin:0 15px 0 0;
}

#menu a.letter {
	color:#DFECE6;
	background:url(images/letter.gif) left center no-repeat;
	padding:0 0 0 17px;
	word-spacing:0px;
}

#menu a:hover {
	color:#fff;
}

#menu .menuright {
	float:right;
	margin:5px 0 0 0;
	min-width:320px;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	display:inline;
	color:#DFECE6;
}

#menu ul li a{
	color:#DFECE6;
	font-weight:bold;
	padding:10px;
	line-height:27px;
}

#menu ul li a:hover{
	color:#fff;
	background:url(images/whitegrad.png) left top repeat-x;
}

#menu ul li.sfHover a {
	color:#fff;
	background:url(images/whitegrad.png) left top repeat-x;
}

* html #menu ul li.sfHover a {
	color:#fff;
	background:none;
}

* html #menu ul li a:hover{
	color:#fff;
	background:none;
}

#menu ul li.sfHover ul li a {
	color:#DFECE6;
	background:none;
}

#menu ul li.sfHover ul li a:hover {
	color:#fff;
}

#black {
	background:url(images/subnav.png) top repeat-x #215A6D;
	border-bottom:1px solid #194756;
	height:32px;	
}

#menu ul li ul{	
	margin:2px 0 0 0;
}

* html #menu ul li ul{	
	margin:2px 0 0 0;
	display:none;
}

#menu ul li ul li a{
	color:#81b3ca;	
	font-size:11px;
	
}

#menu ul li ul li a:hover{
	background:none;
}

#content  {
	padding:20px 0;
	height:400px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:url(images/h1.png) center bottom  no-repeat;
	padding:0 0 30px 0;
	margin:0 0 20px 0;
color:#3CA2A2;
}

* html h2 {
	background:none;
}

#content h2 a{
	color:#2D2D29;
}

#content h2 a:hover{
	color:#111;
}

h2 span{
	font-size:30px;
}



.singlee h2 a {
	border-bottom:0px solid #2b2b51;
	font-size:30px;
}

.singlee h2 em {
	padding:0 0 0 15px;
	position:absolute;
	font-size:14px;
	font-weight:normal;
	color:#629192;

}

.singlee .smallpost h6 {
	border-top:0px;
}

#main {
	color:#19585D;
	width:650px;
}

#main h1{
	font-size:30px;
	color:#151614;
	padding:0px 0 20px 0;
}

#main h3{
	font-size:18px;
	color:#151614;
	padding:0px 0 15px 0;
}

#main h5{
	font-size:14px;
	color:#151614;
	padding:0px 0 10px 0;
	font-weight:bold;
}

#main blockquote{
	background:#fff none repeat scroll 0 0;
	border-bottom:1px solid #BEDECA;
	border-top:1px solid #BEDECA;
	padding:20px 20px 5px 20px;
	margin:10px 0 20px 0;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	font-style:italic;
}

#main ul{
	margin:10px 0 20px 20px;
}

#main ul li{
	padding:3px;
}


#main ol{
	margin:10px 0 20px 20px;
}

#main ol li{
	padding:3px;
}


#main p{
	margin:0 0 20px 0;
	font-size:14px;
	line-height:22px;
	
}

#content #myGallery {
	width:630px !important;
	height:325px !important;
	border:10px solid #151614;
	background:#151614;
	overflow:hidden;
}

#content #myGallery h2{
	text-align:left;
	padding:10px 10px 0 10px;
	background:none;
}
#content #myGallery a{
	cursor:pointer;
}


#content #myGallery p{
	padding:5px 10px 0 12px;
}

.sidebar {
	float:right;
	width:320px;
}

.slider-wrap {
	background:#215A6D;
	border:1px solid #194756;
	width:320px;
	height:301px;
	padding:22px 0px;
	overflow:hidden;
}

.slider-wrap .stripNav ul{
	list-style:none;
	border-bottom:1px solid #194756;
	margin:0 0px;
	padding:0 20px 10px 20px;
	width:320px;
}

.slider-wrap .stripNav ul li{
	display:inline;
	margin:0;
	border:0px;
	padding:0px;
}

#content .slider-wrap .stripNav ul li a{
	font-size:12px;
	color:#90ADB6;
	font-weight:bold;
	padding:0 0px 7px 0;
	display:inline;
	background:none;	
	margin:0 20px 0 0;
	border:0px;
}

#content .slider-wrap .stripNav ul li a.current{
	color:#fff;
	border-bottom:3px solid #194756;
}

#content .slider-wrap .stripNav ul li a:hover{
	color:#fff;
	border-bottom:3px solid #194756;
	background:none;
	padding:0 0px 7px 0;
}

.slider-wrap ul{
	list-style:none;
	margin:0 0px;
	padding:10px 0px;	
}




.slider-wrap ul li{
	list-style:none;
	margin:0 0px;
	padding:0px;
}

.slider-wrap ul.rssbig li a{
	height:39px;
}

.slider-wrap ul li span{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	display:block;
	padding:5px 0 0 0;
}

.slider-wrap ul li a:hover span{
	color:#111;
}

.slider-wrap ul li.altt{
	background:#2C6274;
}

#content .slider-wrap a{
	color:#fff;
	font-weight:bold;
	display:block;	
	font-size:14px;
	border-bottom:1px solid #194756;
	padding:9px 20px;
}

#content .slider-wrap .tags{
	padding:20px;
}

#content .slider-wrap .tags a{
	color:#fff;
	font-weight:bold;
	display:inline;	
	font-size:12px;
	border-bottom:0px solid #194756;
	padding:0px;
}

#content .slider-wrap a img.rssbig{
	float:left;
	margin:0 10px 0 0;
}

#content .slider-wrap .tags a:hover{
	color:#fff;
	background:none;
	border-bottom:0px solid #4b6e81;
	border-top:0px solid #c3e9ff;
	padding:0px;
}

#content .slider-wrap a:hover{
	color:#000;
	
	
	
}

* html #content .slider-wrap a:hover b{
	display:none;
}

.slider-wrap ul li b{
	float:right;
	color:#80A3AA;
	font-size:10px;
	font-weight:normal;
	margin:2px 0 0 0;	
}	
	
	
#content .slider-wrap a.more{
	color:#fff;
	font-weight:bold;
	display:inline;
	background:url(images/arrow.png) right center no-repeat;
	padding:0 15px 0 20px;
	font-size:14px;
	border:0px;
}

#content .slider-wrap a.more:hover{
	color:#fff;
	background:url(images/arrow.png) right center no-repeat;
	border:0px;
}							
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */			
			position: relative;
				}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 		
			margin: auto;
			clear: both;
			width:320px;
			height:345px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;			
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width:320px; /* Also specified in  .stripViewer  above */
		}				
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0px;
			padding:0;
			width:318px;
		}						
				
		
		.stripNavL, .stripNavR { /* The left and right arrows */			
						display:none;
		}							

div.clear {
	clear:both;
}

div.two {
	height:20px;
}

#homecont {
	width:990px !important;
}

.smallpost {
	background:url(images/blackgrad3.png) top left repeat-x #F0FEF8;
	border:1px solid #BEDECA;
	margin:7px 8px 7px 0;
	width:320px;
	color:#629192;
	float:left;
}

* html .smallpost {
	margin:7px 7px 7px 0;
	background-image:none;
}

.smallpost a{
	color:#3CA2A2;
}

.smallpost a:hover{
	color:#205656;
}

.smallpost h5{
	padding:0 0 0 16px;
	margin:12px;
	color:#fff;
	background:url(images/category.png) left center no-repeat;
	font-size:12px;
	font-weight:normal;
}

.imagecont {
	width:320px;
	height:165px;
	background:#000;
	overflow:hidden;
}

.smallpost img.postimage{
	width:320px;
	height:auto;
}

.smallpost p{
	padding:12px 12px 18px 12px;
	font-size:11px;
	line-height:15px;
	
}

.smallpost p.bigg{
	border:none;
	padding:10px 12px 0 12px;
}

.smallpost p.bigg a{
	font-size:14px;
}

.smallpost h6{
	border-top:1px solid #BEDECA;
	padding:13px 16px 10px 16px;
	color:#DFECE6;
	background:url(images/blackgrad3.png) bottom center repeat-x;
	font-size:12px;
	font-weight:normal;
}

.smallpost ul{
	list-style:none;
}

.smallpost ul li{
	display:block;	
}

.smallpost ul li.dark{
	background:#fff;
}

#content .smallpost ul li a{
	color:#3CA2A2;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #BEDECA;
	padding:5px 2px 5px 12px;
	position:relative;
}

#content .smallpost ul li a:hover{
	color:#205656;
}

.smallpost ul li a:hover img.slicica{
	display:none;
}

.smallpost img.slicica{
	width:38px;
	height:20px;
	position:absolute;
}

* html .smallpost img.slicica{
	display:none;
}

.smallpost ul li span{
	float:right;
	margin:-3px 0 0 0;
}

.smallpost img.postimagesmall{
	width:38px;
	height:20px;
}


#content .smallpost a.more{
	color:#3CA2A2;
	font-weight:bold;
	display:inline;
	background:url(images/arrow.png) right center no-repeat;
	padding:0 20px 0 0px;
	font-size:12px;
}

#footer {
	border-top:1px solid #92C7A3;
	margin:40px 0 0px 0;
	padding:5px 0 20px 0;
	color:#999;
	font-size:11px;
}

#footer img.logo{
	float:right;
	margin:5px 0 0 0;
}

#footer ul{
	list-style:none;
	margin:5px 0;
}

#footer ul li{
	display:inline;
	margin:0 20px 0 0;
}

#footer ul li a{
	color:#272825;
}

#footer ul li a:hover{
	color:#000;
}

.video {
	background:#EEFCF6;
	border:1px solid #BEDECA;
	margin:7px 8px 7px 0;
	width:320px;
	color:#5E615D;
	float:left;
	overflow:hidden;
}

ul.vid {
	list-style:none;
}

ul.vid li{
	display:block;
}

ul.vid li a{
	display:block;
	padding:10px;
	font-weight:bold;
}

ul.vid li a:hover{
	background:#BEDECA;
	display:block;
	padding:10px;
	font-weight:bold;
}

ul.vid li a span{
	display:block;
	margin:5px 0 0 0;
	color:#575763;
	font-size:11px;
	font-weight:normal;
}

.titles {
	margin:7px 8px 7px 0;
	width:322px;
	color:#575763;
	float:left;
}

.titles ul.vid li{
	margin:0 0 16px 0;
}

.titles ul.vid li a{
	padding:13px;
	background:#EEFCF6;
	border:1px solid #BEDECA;
}

.titles ul.vid li a:hover{
	background:#BEDECA;
	padding:13px;
}

.asides {
	margin:7px 0px 7px 0;
	width:320px;
	color:#5E615D;
	float:left;
	background:#EEFCF6;
}

a.tops {
	display:block;
	background:#3CA2A2;
	padding:15px;
	font-size:14px;
	font-weight:bold;
color:#272825;
}

a.tops:hover {
	color:#272825;
}

.asides ul{
	list-style:none;
	padding:10px 0 0 0;
}

.asides ul li{	
	display:block;
	border-bottom:1px solid #BEDECA;
	padding:10px 15px 10px 40px;
	background:url(images/link.png) left center no-repeat;
	font-size:11px;
	line-height:19px;
}

.asides ul li a{	
	text-decoration:underline;
}

.asides ul li a:hover{	
	text-decoration:none;
}

#intro {
	font-size:18px;
	font-weight:normal;
	color:#2D2D29;
	line-height:30px;
}

#intro img{
	float:right;
	border:10px solid #151614;
	margin:0 0 0 20px;
}

.author {
	border-top:1px solid #BEDECA;
	border-bottom:1px solid #BEDECA;
	padding:10px 20px 5px 0px;
	min-height:67px;
	font-size:12px;
	line-height:18px;
	background:#F0FEF8;
}

#main .author p{
	margin:7px 0 0 0;
	font-size:12px;
	line-height:18px;
}

* html .author {
	height:67px;
}

.author img{
	float:left;
	margin:0 20px 0 5px;
}

h4 {
	font-size:26px;
	font-weight:bold;
	color:#215A6D;
	margin:30px 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #BEDECA;
}

.comment {
	background:#F0FEF8;
	border:1px solid #BEDECA;
	padding:15px;
	font-size:12px;
	margin:0 0 20px 0;
}

.alt {
	background:#fff;
}

.admm {
	color:#d3d3f7;
}

#main .comment p{
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:20px;
}

#main .comment p.name{
	font-weight:bold;
	margin:0px 0px 6px 0;
	padding:0px;
	word-spacing:5px;
}

#main .comment p.name a{
	border-bottom:1px solid #2B2B51;
}

#main form {
	border:1px solid #BEDECA;
	padding:20px 20px 50px 20px;
	background:#F0FEF8;
}

#main label{
	display: block;
	float: left;
	margin-bottom: 10px;

	text-align: left;
	width: 90px;
	padding-right: 20px;


}

#main input {
	display: block;
	width: 230px;
	float: left;
	margin-bottom: 15px;
	padding:5px;
	border:1px solid #BEDECA;

	font:12px arial;
	background:#BEDECA;
}

#main textarea {
	display: block;
	width: 470px;
	float: left;
	margin-bottom: 15px;
	height:100px;
	overflow:auto;
	padding:5px;
	border:1px solid #BEDECA;
	font:12px arial;
	background:#BEDECA;
}

#main br.leave  {
clear: left;
} 

#main input.komentar {
	margin:0 0px 0 110px;
	background:url(images/submit.png) left center no-repeat;
	width:118px;
	height:34px;
	text-indent:-999px;
	cursor:pointer;
	border:0px;
}

.blackbox {
	background:#F0FEF8;
	border:1px solid #BEDECA;
	padding:15px;
	margin:0 0 13px 0;
	color:#62619a;
}	

.blackbox a{
	font-weight:bold;
	display:block;
	font-size:14px;
}	

.blackbox a span{
	display:block;
	font-weight:normal;
	margin:3px 0 0 0;
	color:#5E615D;
	font-size:12px;
}

.blackbox a.delicious{
	background:url(images/delicious.png) left top no-repeat;	
	padding:5px 0 16px 60px;
	border-bottom:1px solid #BEDECA;
	margin:0 0 8px 0;
}	

.blackbox a.digg{
	background:url(images/digg.png) left center no-repeat;	
	padding:5px 0 5px 60px;
}

.blackbox h6.previous{
	background:url(images/previous.png) right center no-repeat;	
	padding:5px 20px 8px 0px;
	border-bottom:1px solid #BEDECA;
	margin:0 0 3px 0;
	font-weight:bold;
	display:block;
	font-size:14px;
	color:#3CA2A2;
}	

.blackbox h6 a{
	display:block;
	font-weight:normal;
	margin:3px 0 0 0;
	color:#5E615D;
	font-size:12px;
}

* html .blackbox h6.previous{
	background:none;
}

.blackbox h6.next{
	background:url(images/next.png) right center no-repeat;	
	padding:5px 20px 5px 0px;
	font-weight:bold;
	display:block;
	font-size:14px;
	color:#3CA2A2;
}

* html .blackbox h6.next{
	background:none;
}

#content .pagination{
	color:#fff;
	font-weight:bold;
	display:block;
	padding:20px 0 0 0;
	font-size:14px;
	border:0px;
	text-align:right;
	clear:both;
}

#content .pagination h6.old{	
	background:url(images/arrow.png) right center no-repeat;
	padding:0 15px 0 0px;
	float:right;
}

#content .pagination h6.new{	
	background:url(images/pre.png) left center no-repeat;
	padding:0 0px 0 15px;
	float:left;
}