/*
Theme Name: wordPress Ramses Theme
Theme URI: http://www.r4ms3s.cz/
Description: Theme for CLEARFiX.
Version: 0.1
Author: Petr Urbánek
Author URI: http://www.r4ms3s.cz/
Tags: ramses, black
*/



/*----------------------------------------------------------------------------

	Název souboru: 		styles.css
	Popis:				hlavni styl
	Autor:				Petr Urbánek - r4ms3s.softworks@gmail.com
	Projekt:			CLEARFiX
	Theme:				wordPress Ramses Theme
	
		
	== iNFO ===========================================
	
	Layout width:		950px
	
----------------------------------------------------------------------------*/


/******************************************************************
	UNI
*/
body {
background: url(../img/page-bg.jpg) top center no-repeat fixed black;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:white;
text-align:center;
line-height:1.0em;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin-top:5px;
text-align:left;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left{
float:left;
}
.right{
float:right;
}
.clear {
clear:both;
}
.none{
display:none;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.justify{
text-align:justify;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: white;
text-decoration: underline;
outline:none;
}
a:hover {
text-decoration:none;
}



a.blank:link, 
a.blank:visited, 
a.blank:hover {
background: url(../img/blank-window.gif) no-repeat right 3px;
padding:0 15px 0 0;
}




/******************************************************************
	PAGE
*/
#web{
width:100%;
/*background: url(../img/footer-bg.jpg) bottom center no-repeat;*/
}
#web #page{
margin:0px auto 0px;
width:950px;
text-align:left;
}

/******************************************************************
	HEADER
*/
#header{
width:950px;
height:85px;
}
#header h1{
margin:0px;
padding:0px;
line-height:1em;
font-size:100%;
}
#header h1 a#logo:link,
#header h1 a#logo:visited,
#header h1 a#logo:hover{
text-indent:-9999px;
/*width:292px;*/
width:350px;
height:64px;
display:block;
float:left;
/*background: url(../img/logo-bg.png) left top no-repeat;*/
background: url(../img/logo-bg-beta.png) left top no-repeat;
margin:10px 0px 0px 0px;
}
#header h1 a#logo:hover{
/*background: url(../img/logo-bg.png) left bottom no-repeat;*/
background: url(../img/logo-bg-beta.png) left bottom no-repeat;
}

#header #menu{
margin:25px 0px 0px 0px;
padding:0px;
float:right;
}
#header #menu li{
margin:0px;
padding:0px;
float:left;
display:block;
}
#header #menu li a:link,
#header #menu li a:visited,
#header #menu li a:hover{
text-indent:-9999px;
margin:0px 0px 0px 10px;
padding:0px;
font-size:120%;
font-weight:bold;
display:block;
text-decoration:none;
height:33px;
}
#header #menu li a:hover{
text-decoration:underline;
background-position:bottom left;
}
#header #menu li.cat-item-0 a:link,
#header #menu li.cat-item-0 a:visited,
#header #menu li.cat-item-0 a:hover{
background:url(../img/menu-home.png) no-repeat;
width:65px;
}
#header #menu li.cat-item-0 a:hover{
background:url(../img/menu-home.png) bottom left no-repeat;
}
#header #menu li.cat-item-1 a:link,
#header #menu li.cat-item-1 a:visited,
#header #menu li.cat-item-1 a:hover{
background:url(../img/menu-html.png) no-repeat;
width:86px;
}
#header #menu li.cat-item-1 a:hover{
background:url(../img/menu-html.png) bottom left no-repeat;
}
#header #menu li.cat-item-3 a:link,
#header #menu li.cat-item-3 a:visited,
#header #menu li.cat-item-3 a:hover{
background:url(../img/menu-css.png) no-repeat;
width:48px;
}
#header #menu li.cat-item-3 a:hover{
background:url(../img/menu-css.png) bottom left no-repeat;
}
#header #menu li.cat-item-4 a:link,
#header #menu li.cat-item-4 a:visited,
#header #menu li.cat-item-4 a:hover{
background:url(../img/menu-javascript.png) no-repeat;
width:98px;
}
#header #menu li.cat-item-4 a:hover{
background:url(../img/menu-javascript.png) bottom left no-repeat;
}
#header #menu li.cat-item-5 a:link,
#header #menu li.cat-item-5 a:visited,
#header #menu li.cat-item-5 a:hover{
background:url(../img/menu-seo.png) no-repeat;
width:50px;
}
#header #menu li.cat-item-5 a:hover{
background:url(../img/menu-seo.png) bottom left no-repeat;
}
#header #menu li.cat-item-6 a:link,
#header #menu li.cat-item-6 a:visited,
#header #menu li.cat-item-6 a:hover{
background:url(../img/menu-tools.png) no-repeat;
width:86px;
}
#header #menu li.cat-item-6 a:hover{
background:url(../img/menu-tools.png) bottom left no-repeat;
}
#header #menu li.cat-item-7 a:link,
#header #menu li.cat-item-7 a:visited,
#header #menu li.cat-item-7 a:hover{
background:url(../img/menu-other.png) no-repeat;
width:80px;
}
#header #menu li.cat-item-7 a:hover{
background:url(../img/menu-other.png) bottom left no-repeat;
}

#header #menu li.current-cat a:link,
#header #menu li.current-cat a:visited,
#header #menu li.current-cat a:hover{
background-position:bottom center !important;
}

/******************************************************************
	FOOTER
*/
#footer{
width:950px;
color:white;
line-height:1.5em;
font-size:110%;
padding:0px 0px 30px 0px;
}

#footer .footerBox{
padding:20px 0px 0px 0px;
margin:0px 25px 0px 0px;
width:300px;
float:left;
}

#footer .footerBoxTwitter{
position:relative;
}
#footer .footerBoxTwitter a.twitterIco:link,
#footer .footerBoxTwitter a.twitterIco:visited,
#footer .footerBoxTwitter a.twitterIco:hover{
position:absolute;
right:10px;
top:14px;
width:38px;
height:47px;
display:block;
background: url(../img/twitter.png) no-repeat;
}


#footer .footerBoxlast{
margin:0px;
}
#footer .footerBox span.cufonHeader{
color:white;
font-size:170%;
display:block;
line-height:1.2em;
padding:0px 0px 5px 0px;
}
#footer .footerBox span.cufonHeader strong{
color:#1e88e2;
}
#footer .footerBox p,
#footer .footerBox div.footerBg{
margin:2px 0px 0px 0px;
padding:8px 10px;
background: url(../img/content-bg.png) repeat;
}
#footer .footerBox ul{
margin:0px 0px 0px 25px;
padding:0px;
}


#footer .footerBox span.twitter-timestamp{
color:#1E88E2;
}




#footer .footerBox a.footerIco:link,
#footer .footerBox a.footerIco:visited,
#footer .footerBox a.footerIco:hover{
width:34px;
height:33px;
display:block;
float:left;
margin:0px 15px 0px 0px;
text-indent:-9999px;
}
#footer .footerBox a.footerTwitter:link,
#footer .footerBox a.footerTwitter:visited,
#footer .footerBox a.footerTwitter:hover{
background:url(../img/footer-twitter.png) no-repeat;
}
#footer .footerBox a.footerRSS:link,
#footer .footerBox a.footerRSS:visited,
#footer .footerBox a.footerRSS:hover{
background:url(../img/footer-rss.png) no-repeat;
}
#footer .footerBox a.footerEmail:link,
#footer .footerBox a.footerEmail:visited,
#footer .footerBox a.footerEmail:hover{
background:url(../img/footer-email.png) no-repeat;
}
#footer .footerBox a.footerFeed:link,
#footer .footerBox a.footerFeed:visited,
#footer .footerBox a.footerFeed:hover{
background:url(../img/footer-feed.png) no-repeat;
}


#footer .footerContent{
line-height:1.5em;
padding:30px 0px 5px 0px;
}
#footer .footerContent a:link,
#footer .footerContent a:visited,
#footer .footerContent a:hover{
color:#1E88E2;
}



/******************************************************************
	CONTENT
*/
#content{
width:950px;
padding:20px 0px 20px 0px;
}
#content #leftcol{
width:680px;
float:left;
position:relative;
text-align:center;
}




#content #leftcol .closeSlider{
position:absolute;
right:0px;
top:0px;
margin:132px 0px 0px 0px;
z-index:1000;
width:56px;
height:15px;
display:block;
background: url(../img/closeSlider-bg.png) 0px 0px no-repeat;
}

#content #leftcol #sliderContent{
width:680px;
height:150px;
position:relative;
overflow:hidden;
}
#content #leftcol #slider{
width:550px;
height:150px;
margin:0px auto 0px;
}
#content #leftcol #slider ul{
margin:0px;
padding:0px;
}
#content #leftcol #slider ul li{
margin:0px;
padding:0px;
list-style:none; 
width:550px;
height:150px;
overflow:hidden; 
}	
#content #leftcol #slider ul li img.margin25{
margin-top:15px;
}


#sliderPrev{
position:absolute;
left:0px;
top:40px;
display:block;
width:33px;
height:52px;
cursor:pointer;
text-indent:-9999px;
}
#content #leftcol #sliderPrev a:link,
#content #leftcol #sliderPrev a:visited,
#content #leftcol #sliderPrev a:hover{
display:block;
width:33px;
height:52px;
cursor:pointer;
background: url(../img/slider-arrow-prev.png) left top no-repeat;
}
#content #leftcol #sliderPrev a:hover{
background: url(../img/slider-arrow-prev.png) left bottom no-repeat;
}
#content #leftcol #sliderNext{
position:absolute;
right:0px;
top:40px;
display:block;
width:33px;
height:52px;
cursor:pointer;
text-indent:-9999px;
}
#content #leftcol #sliderNext :link,
#content #leftcol #sliderNext :visited,
#content #leftcol #sliderNext :hover{
display:block;
width:33px;
height:52px;
cursor:pointer;
background: url(../img/slider-arrow-next.png) left top no-repeat;
}
#content #leftcol #sliderNext :hover{
background: url(../img/slider-arrow-next.png) left bottom no-repeat;
}





#content #leftcol .topic{
background: url(../img/content-bg.png) repeat;
width:680px;
position:relative;
text-align:left;
margin:0px 0px 15px 0px;
}

#content #leftcol .topic .date{
position:absolute;
left:0px;
top:15px;
margin:0px 0px 0px -55px;
width:55px;
height:50px;
background:#5c0b41;
text-align:center;
}
#content #leftcol .topic .date span{
display:block;
font-size:190%;
font-weight:bold;
line-height:1.0em;
padding:5px 0px 0px 0px;
}

#content #leftcol .topic .in_topic{
padding:15px 20px 20px 20px;
}

#content #leftcol .topic .in_topic div.comment{
width:32px;
height:29px;
background: url(../img/comment-bg.png) no-repeat;
text-align:center;
float:right;
margin:5px 0px 0px 10px;
}
#content #leftcol .topic .in_topic .comment a:link,
#content #leftcol .topic .in_topic .comment a:visited,
#content #leftcol .topic .in_topic .comment a:hover{
width:25px;
margin:0px 0px 0px 5px;
display:block;
text-align:center;
font-size:120%;
font-weight:bold;
color:black;
display:block;
padding:4px 0px 0px 0px;
text-decoration:none;
}
#content #leftcol .topic .in_topic .comment a:hover{
text-decoration:underline;
}


#content #leftcol .topic .in_topic h2{
margin:0px;
padding:0px 0px 15px 0px;
line-height:1.2em;
font-size:190%;
}
#content #leftcol .topic .in_topic h3{
margin:0px;
padding:20px 0px 0px 0px;
line-height:1.2em;
font-weight:normal;
font-size:140%;
color:#1E88E2;
}
#content #leftcol .topic .in_topic .tagg{
padding:4px 7px;
background:#5c0b41;
display:inline;
font-size:85%;
}


#content #leftcol .topic .in_topic .topicContent{
padding:15px 0px 10px 0px;
}
#content #leftcol .topic .in_topic .topicContent p{
line-height:1.5em;
font-size:110%;
margin:0px;
padding:7px 0px 3px 0px;
}
#content #leftcol .topic .in_topic .topicContent p.center{
text-align:center;
}
#content #leftcol .topic .in_topic .topicContent p.center img{
border:1px solid white;
}


#content #leftcol .topic .in_topic .topicContent a:link,
#content #leftcol .topic .in_topic .topicContent a:visited,
#content #leftcol .topic .in_topic .topicContent a:hover{
color:#e42ea8;
}
#content #leftcol .topic .in_topic .topicContent a:hover{
text-decoration:none;
}
#content #leftcol .topic .in_topic .topicContent a.blank:link,
#content #leftcol .topic .in_topic .topicContent a.blank:visited,
#content #leftcol .topic .in_topic .topicContent a.blank:hover{
background: url(../img/blank-window2.gif) no-repeat right 3px;
padding:0 15px 0 0;
}


#content #leftcol .topic .in_topic a.more:link,
#content #leftcol .topic .in_topic a.more:visited,
#content #leftcol .topic .in_topic a.more:hover{
float:right;
font-weight:bold;
text-decoration:none;
color:#e42ea8;
}
#content #leftcol .topic .in_topic a.more:hover{
text-decoration:underline;
}




/******************************************************************
	CONTENT - COMMENTS ITEM
*/
#content #leftcol .topic .in_topic .commentsContent span.h3{
line-height:1.2em;
display:block;
margin:0px;
padding:0px 0px 10px 0px;
font-size:150%;
}

#content #leftcol .topic .in_topic .commentsContent ol li{
line-height:1.5em;
background: url(../img/rightcolContent-li-hr.png) repeat-x bottom center;
margin:15px 0px 0px 0px;
}


#content #leftcol .topic .in_topic .commentsContent ol li p{
margin:0px;
padding:5px 0px 18px 0px;
line-height:1.8em;
}

#content #leftcol .topic .in_topic .commentsContent ol li span.userName{
color:#E42EA8;
font-weight:normal;
font-size:110%;
}
#content #leftcol .topic .in_topic .commentsContent ol li span.userName a:link,
#content #leftcol .topic .in_topic .commentsContent ol li span.userName a:visited,
#content #leftcol .topic .in_topic .commentsContent ol li span.userName a:hover{
color:#E42EA8;
font-weight:normal;
}

#content #leftcol .topic .in_topic .commentsContent ol li em{
color:#1E88E2;
}


#content #leftcol .topic .in_topic .commentsContent ol li span.right a:link,
#content #leftcol .topic .in_topic .commentsContent ol li span.right a:visited,
#content #leftcol .topic .in_topic .commentsContent ol li span.right a:hover{
font-size:90%;
text-decoration:none;
}
#content #leftcol .topic .in_topic .commentsContent ol li span.right a:hover{
text-decoration:underline;
}


/*
#content #leftcol .topic .in_topic .commentsContent ol li.admincomment,
#content #leftcol .topic .in_topic .commentsContent ol li.admincomment a:link,
#content #leftcol .topic .in_topic .commentsContent ol li.admincomment a:visited,
#content #leftcol .topic .in_topic .commentsContent ol li.admincomment a:hover{
color:#1E88E2;
}*/



/******************************************************************
	CONTENT - COMMENTS FORM
*/
#content #leftcol .topic .in_topic .commentsContent label{
font-size:110%;
display:block;
width:150px;
float:left;
padding:8px 0px;
margin:0px 0px 6px 0px;
}

#content #leftcol .topic .in_topic .commentsContent input{
width:250px;
font-size:120%;
float:left;
margin:0px 0px 6px 0px;
padding:5px 5px;
border:1px solid black;
}
#content #leftcol .topic .in_topic .commentsContent textarea{
font-size:120%;
border:1px solid black;
}

#content #leftcol .topic .in_topic .commentsContent input#submit{
color:white;
padding:12px 25px;
background:#5C0B41;
border:1px solid black;
text-align:center;
font-size:120%;
float:right;
width:auto;
height:auto;
cursor:pointer;
}

/******************************************************************
	CONTENT - SEND ARTICLE
*/
#content #leftcol .topic .in_topicSend a:link,
#content #leftcol .topic .in_topicSend a:visited,
#content #leftcol .topic .in_topicSend a:hover{
display:block;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
width:32px;
height:32px;
text-indent:-9999px;
}

#content #leftcol .topic .in_topicSend a.facebookSend:link,
#content #leftcol .topic .in_topicSend a.facebookSend:visited,
#content #leftcol .topic .in_topicSend a.facebookSend:hover{
background: url(../img/sendarticle-bg.gif) 0px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.facebookSend:hover{
background: url(../img/sendarticle-bg.gif) 0px -32px no-repeat;
}

#content #leftcol .topic .in_topicSend a.twitterSend:link,
#content #leftcol .topic .in_topicSend a.twitterSend:visited,
#content #leftcol .topic .in_topicSend a.twitterSend:hover{
background: url(../img/sendarticle-bg.gif) -32px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.twitterSend:hover{
background: url(../img/sendarticle-bg.gif) -32px -32px no-repeat;
}

#content #leftcol .topic .in_topicSend a.diggSend:link,
#content #leftcol .topic .in_topicSend a.diggSend:visited,
#content #leftcol .topic .in_topicSend a.diggSend:hover{
background: url(../img/sendarticle-bg.gif) -64px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.diggSend:hover{
background: url(../img/sendarticle-bg.gif) -64px -32px no-repeat;
}

#content #leftcol .topic .in_topicSend a.delSend:link,
#content #leftcol .topic .in_topicSend a.delSend:visited,
#content #leftcol .topic .in_topicSend a.delSend:hover{
background: url(../img/sendarticle-bg.gif) -96px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.delSend:hover{
background: url(../img/sendarticle-bg.gif) -96px -32px no-repeat;
}

#content #leftcol .topic .in_topicSend a.stumbleSend:link,
#content #leftcol .topic .in_topicSend a.stumbleSend:visited,
#content #leftcol .topic .in_topicSend a.stumbleSend:hover{
background: url(../img/sendarticle-bg.gif) -128px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.stumbleSend:hover{
background: url(../img/sendarticle-bg.gif) -128px -32px no-repeat;
}

#content #leftcol .topic .in_topicSend a.redditSend:link,
#content #leftcol .topic .in_topicSend a.redditSend:visited,
#content #leftcol .topic .in_topicSend a.redditSend:hover{
background: url(../img/sendarticle-bg.gif) -160px 0px no-repeat;
}
#content #leftcol .topic .in_topicSend a.redditSend:hover{
background: url(../img/sendarticle-bg.gif) -160px -32px no-repeat;
}




/******************************************************************
	CONTENT - RIGHTCOL
*/
#content #rightcol{
width:250px;
float:right;
}
#content #rightcol .in_rightcol{
padding:10px;
}
#content #rightcol .rightcolContent .in_rightcol{
padding:20px 18px;
}
#content #rightcol #search{
width:250px;
height:65px;
background: url(../img/content-bg.png) repeat;
margin:0px 0px 15px 0px;
}
#content #rightcol #search .in_rightcol{
background: url(../img/searchcontent-bg.gif) 10px 10px no-repeat;
}
#content #rightcol #search .in_rightcol div{
float:right;
/*margin-top:-13px;*/
}
#content #rightcol #search .in_rightcol #searchcontent{
padding:12px 0px 10px 5px;
float:left;
}
#content #rightcol #search .in_rightcol #searchcontent input{
width:175px;
height:17px;
color:white;
background:black;
border:0px;
}
#content #rightcol #search .in_rightcol button{
width:44px;
height:44px;
background:url(../img/searchbutton-bg.gif) no-repeat;
border:0px;
margin:0px;
padding:0px;
float:right;
cursor:pointer;
}

#content #rightcol .rightcolHeader{
width:250px;
height:50px;
margin:0px 0px 1px 0px;
background: url(../img/content-bg.png) repeat;
}
#content #rightcol .rightcolHeader span{
font-size:150%;
color:white;
font-weight:bold;
line-height:1.1em;
display:block;
padding:12px 0px 0px 18px;
}
#content #rightcol .rightcolContent{
width:250px;
background: url(../img/content-bg.png) repeat;
margin:0px 0px 15px 0px;
}
#content #rightcol .rightcolContent ul{
margin:0px;
padding:0px;
background: url(../img/rightcolContent-li-hr.png) bottom left no-repeat;
}
#content #rightcol .rightcolContent ul li{
margin:0px;
padding:0px;
list-style-type:none;
display:block;
width:215px;
}
#content #rightcol .rightcolContent ul.star li{
background: url(../img/icon-link-star.png) 0px 0px no-repeat;
}
#content #rightcol .rightcolContent ul.star li a:link,
#content #rightcol .rightcolContent ul.star li a:visited,
#content #rightcol .rightcolContent ul.star li a:hover{
padding-left:30px;
}


#content #rightcol .rightcolContent ul li a:link,
#content #rightcol .rightcolContent ul li a:visited,
#content #rightcol .rightcolContent ul li a:hover{
display:block;
padding:10px 15px 11px 15px;
line-height:1em;
background: url(../img/rightcolContent-li-hr.png) top left no-repeat;
text-decoration:none;
}
#content #rightcol .rightcolContent ul li a:hover{
background: url(../img/rightcolContent-li-hr.png) repeat-y;
}

#content #rightcol .rightcolContent ul li.current-cat a:link,
#content #rightcol .rightcolContent ul li.current-cat a:visited,
#content #rightcol .rightcolContent ul li.current-cat a:hover{
background: url(../img/rightcolContent-li-hr.png) repeat-y;
}

#content #rightcol .rightcolContent .twitter-message{
margin:0px;
padding:0px 0px 12px 0px;
margin:0px 0px 8px 0px;
line-height:1.5em;
background: url(../img/rightcolContent-li-hr.png) bottom left no-repeat;
}