/*

Theme Name: Rockwell

Description: A stylish blog theme with 3 color options.

Author: Site5.com

Author URI: http://www.site5.com/

*/



/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0; }



body,html {

	font-weight:normal;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#2D2D2D;

	margin:0;

	padding:0;

        background:#FFF;
	/*background:url(http://geekylabs.com/wp-content/themes/rusty-grunge/images/bg.png)repeat;*/

	line-height:155%;

}



ul {

	list-style:none;

}



a {

	text-decoration:none;

}



a:hover {

	border:none;

}



#colLeft a:hover {

	border:none;

}



#colRightInner a:hover {

	border:none;

}



a:focus {

	outline:none;

}



p {

	margin:1em 0;

}





 /* LAYOUT STRUCTURE

--------------------------------------------------*/

#wrapper {

	margin:0 auto;

	width:960px;

}





#header {

	height:205px;

	position:relative;

	z-index:99; 

}



#content {

	padding:15px 0 20px;
        border-left:7px solid #000;
        border-right:7px solid #000;
        border-bottom:7px solid #000;


	



}



#colLeft{

	width:588px;

	/*border:7px solid #191919;*/

	float:left;	

	background:#fff;

	padding:17px 13px 17px 18px;

}



#colRight {

	width:300px;

	float:left;	

	padding-left:15px;
        

	position:relative;

}



#footer {



	border-top:2px solid #333;
        background:#000;

	padding:12px 0 35px 0;

	width:960px;

	margin:1px auto;

	color:#fff;

	position:relative;

	font-size:11px;
        margin-bottom:10px;

}

#footer a{
       color:#fff;
}



/* HEADER ELEMENTS 

--------------------------------------------------*/

/* -- logo --*/

#logoTag {

	position:absolute;

	top:65px;

	left:0;

}



#logoTag #logo {

	height:85px;

	background:url(images/bk_logo_left.png) no-repeat;

	padding-left:12px;

	float:left;

}



#logoTag #logoImg {

	background:none;

	padding:0;

	float:left;
        margin-bottom:5px;
	padding-top:0px;

	padding-right:10px;

}



#logoTag #logoImg img {

	border:none; margin-bottom:5px;

}



#logoTag #logo h1 a {

	display:block;

	padding-right:12px;

	background:url(images/bk_logo_right.png) 100% 0 no-repeat;

	color:#fff;

	font-size:34px;

	padding-top:14px;

	height:61px;

	float:left;

	line-height:100%;

}





#logoTag #tagline {

	float:left;

	padding-top:14px;

	padding-left:15px;

	color:#000;

	text-transform:uppercase;

	width:300px;

}





#topLinks {

	position:absolute;

	top:13px;

	left:0;

}



#bottomLinks {

	position:absolute;

	top:13px;

	right:0;

}



#topLinks li, #bottomLinks li {

	float:left;

	

	padding-left:7px;

	padding-right:15px;

}



#topLinks li a,{

	color:#000;

	font-size:11px;
        font-family:georgia;
	text-decoration:none;

	text-transform:capitalize;
	

}

#bottomLinks li a {
    color:#fff;
}



/* TOP MENU */



#topMenu {

	position:absolute;

	bottom:0;

	left:0;

	width:958px;
        color:#FFF;

}



#topMenu ul.sf-menu {

	margin-left:-1px;

}



#topMenu ul.sf-menu li {

	float:left;

	line-height:43px;

	padding:0 12px;

}

#topMenu ul.sf-menu li a {
        color:#FFF;
	text-decoration:none;
        font-weight:bold;
	text-transform:uppercase;
        font-family:Helvetica neue;
	border:none;
        font-size:22px;
        /*text-shadow: 1px 1px 0px #000;*/

}

#topMenu ul.sf-menu li a:hover {

	color:#00a4cc;

}



#topMenu ul.sf-menu li li {

	background:#D02458;

	padding-right:15px;

	padding-top:5px;

}



#topMenu ul.sf-menu li ul.children {

	border-bottom:none;

}



#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li  {

	position:relative;

	line-height:100%;

	height:auto;

	text-transform:none;

}

#topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a {

	text-decoration: none;

	display:block;

	padding-top:7px;

	line-height:100%;

	border:none;

	text-transform:none;

}

#topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{

	color:#ff0000;

	

}

#topMenu ul.sf-menu li ul.children li ul.children {

	border: none;



}

#topMenu ul.sf-menu li ul.children li ul.children a {

	text-decoration: none;

	position:relative;

	border:none;

}

#topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li.page_item ul

{

	margin:13px 0 0 0;

	

}

#topMenu ul.sf-menu li ul.children ul.children

{

	margin:0 0 0 38px;

}



/* ------------------------*/



#socialLinks {

	position:absolute;

	right:10px;

	bottom:10px;

}



#socialLinks a {

	display:block;

	float:left;

	padding-right:10px;

	border:none;

}



#socialLinks a img {

	border:none;

}



/*#site5top {

	position:absolute;

	top:9px;

	right:0;

}
*/


/* COLLEFT ELEMENTS

----------------------------------------------*/

.searchQuery, #archive-title {

	border-bottom:1px solid #E2E2D8;

	padding:0 0 10px;

	margin-bottom:15px;

}



.searchQuery strong, #archive-title strong {

	font-size:14px;

}	





#colLeft h1 {

	/*border-bottom:1px dotted #999;*/

	padding:0;

	font-family:Helvetica Neue, Tahoma, Georgia, Times New Roman, Times, serif;

	color:#000;

	font-size:32px;

	letter-spacing:-1px;

	line-height:110%;

	text-decoration:none;

	font-weight:normal;

}



.alignleft {

	float:left;

	margin:5px 15px 5px 0;

}



.alignright {

	float:right;

	margin:5px 0 5px 15px;

}



#colLeft img {

	padding:5px;

	border:1px solid #fff;

}



#colLeft .blogItem {

	margin-bottom:10px;

	padding-bottom:10px;

}



#colLeft .blogItem .itemTitle {

	position:relative;

	/*background:url(images/bk_dotted_vert.gif) 58px 0 repeat-y;*/

	margin-bottom:10px;

}



#colLeft .blogItem .date{

	float:left;
       font-family:georgia;

	width:25px;

	height:45px;

	text-align:center;

	padding-right:25px;

}



#colLeft .blogItem .date .month{

	color:#ccc;

	font-size:13px;

	text-transform:uppercase;
        padding-left:9px;
	padding-bottom:2px;

}



#colLeft .blogItem .date .day {

	font-size:22px;

	color:#ccc;
        padding-left:9px;

	font-weight:bold;

	line-height:90%;

}



#colLeft .blogItem .itemTitle h1 {

	border:none;

}



#colLeft .blogItem .itemTitle h1 a{

	/*border-bottom:1px dotted #999; */

	padding-bottom:4px;

	font-family:Helvetica Neue, Tahoma, Georgia, Times New Roman, Times, serif;

	color:#000;

	font-size:32px;

	letter-spacing:-2px;

	line-height:110%;

	text-decoration:none;

	font-weight:bold;

}





#colLeft .blogItem .metadata {

	padding:0px 0 0px;

	border-top:1px solid #E2E2D8;

	border-bottom:1px solid #E2E2D8;



	font-size:11px;

}



#colLeft .blogItem a.more-link {

	display:block;

	width:90px;

	height:24px;

	text-align:center;

	clear:both;

	border:none;

	line-height:22px;

	margin-top:10px;

}



#colLeft .social {

	border:1px dashed #9FD9FF;

	background:#EAF7FF;

	padding: 0 10px;

}



#colLeft .social p {

	padding-left:5px;

	margin:0.8em 0 0.5em;

}



#colLeft .social a {

	border:none;

}



#colLeft .social a img {

	padding:5px;

	border:none;

	background:none;

}



#colLeft .social a:hover img {



}



#colLeft .social strong {

	color:#00C1F2;

}



#colLeft h2#comments {

	border-bottom:1px solid #E2E2D8;

	padding:20px 0 15px;

}







/* COLRIGHT ELEMENTS

----------------------------------------------*/

#boxAbout {

	border:1px solid #626262;

	background:#1B1B1B url(images/bk_box_about.jpg) 0 0 no-repeat;

	padding:13px 12px 5px;

	color:#838383;

	margin-bottom:12px;

}



#boxAbout h2 {

	border-bottom:1px solid #626262;

	padding-bottom:8px;

	color:#ccc;

}

#editwit {

	border:2px solid #ff0000;

	background:#FFF;

	padding:13px 12px 5px;

	color:#000;
	margin-bottom:12px;
        width:auto;
        height:auto;
}



#editwit h2 {

	border-bottom:1px solid #626262;
        font-family:helvetica neue;
	padding-bottom:8px;
        text-transform:uppercase;
        font-size:20px;
	color:#000;

}

#twitter{
        color:fff; 
        border-bottom:1px solid #444;
        height:90px;
       
       
}

#twitter2{
       border-bottom:1px solid #444;
 height:90px;
}

#twitter3{
 height:90px;
}

#colRightInner {

	border:7px solid #eaeae3;
        /*border-top:4px solid #191919;
        border-left:4px solid #191919;
        border-bottom:4px solid #191919;*/

	background:#fff;
        font-family:georgia;
	padding:8px 8px 15px;
margin-bottom:10px
	position:relative;
        color:#ff0000;

}



#colRightInner h2 {
	font-size:20px;
        
        font-family:helvetica neue;
        color:#fff;
        text-transform:uppercase;

	padding:5px 0 8px;
	

}



#colRightInner ul {

	padding-bottom:10px;

}



#colRightInner ul li {

	padding:6px 0;

	border-bottom:1px solid #E2E2D8;

}



#colRightInner ul li a {

	color:#191919;

	border:none;

}



#colRight #recentcomments .url {

	font-weight:none;

}



#colRight #ads {

	padding-bottom:5px;

	width:290px;

} 



#colRight #ads a {

	float:left;

	margin:0 7px 6px 0;

	border:none;

}



#colRight #ads a img {

	border:none;

}



#colRight #flickr {

	margin-top:10px;

}



#colRight #flickr a {

	border:none;

}



#colRight #flickr a img {

	border:none;

	padding:10px 11px 0 0;

}



#colRight #flickr h2{

	background:url(images/flickr_logo.jpg) 0 0 no-repeat;

	padding-left:66px;

	padding-top:7px;

}





/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {

	margin-bottom:10px;

	list-style-type:none;

}



#colLeft ul.commentlist li {

	background:none;

	border-bottom:1px solid #E2E2D8;

	padding:10px 0;

	padding-left:40px;

}



#colLeft ul.commentlist li .avatar {

	float:left;

	width:32px;

	margin-left:-40px;

	padding:0;

	border:none;

}



#colLeft ul.commentlist li img {

	border:none;

	padding:0;

	

}



* html #colLeft ul.commentlist li .avatar {

	margin-bottom:-20px;

}





#colLeft ul.commentlist li .commentmetadata {

	font-size:11px;

	color:#777;

}





/* FORMS

-------------------------------------------------*/

#searchform {

	position:absolute;

	right:0;

	top:80px;

}



#searchform input {

	border:1px solid #000;

	background:#fff;

	padding:5px 4px 6px;

	color:#999;

	width:215px;

	float:left;
        margin-top:20px;
        

}



#searchform input#searchsubmit {

	width:65px;

	height:32px;

	border:none;
    

	background:url(images/search.png)  no-repeat top;

	cursor:pointer;

}



/* post comment */



#commentform label {

	display:block;

	padding:5px 0 2px;

}



#commentform input, #commentform textarea {

	border:1px solid #ddd;

	padding:5px;

	font-size:12px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}





#commentform textarea {

	width:500px;

}



#commentform input#submit{

	border:none;

	width:90px;

	height:24px;

	text-align:center;

	padding-top:4px;

	margin-top:5px;

}



/* contact */



#contact label {

	display:block;

	padding:8px 0 2px;

}



#contact input, #contact textarea {

	border:1px solid #ddd;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}



#contact textarea {

	width:500px;

}



#contact input.submit {

	border:none;

	width:90px;

	height:24px;

	text-align:center;

	padding-top:4px;

	margin-top:15px;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

}



.successmsg {

	border:1px solid #9FD9FF;

	background:#EAF7FF;

	color:#00BFF5;

}





/* CLEARING

---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}

#most_commented a {
        color: #000;
        font-size: 12px;
       
}

#most_commented a:hover {
        color: #fff;
}

#most_commented li {
        position: relative;
        min-height: 40px;
        opacity: 0.9;
        margin: 0 0 -12px 0 !important;
        padding: 15px 10px 15px 10px !important;
}

#most_commented li .comment_no {
        position: absolute;
        top: 12px;
        right: -11px;
        padding: 5px;
        color: #efefef;
        background-color: #101010;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}


#t{
background:#000;
}

#img{
float:right;
}

/*#footer-sidebar {
  border: 4px solid #000;
  display:block;
  height: 400px;
  width:950px;
  margin-left:160px;
}
#footer-sidebar1 {
  float: left;
  width: 300px;
  margin-right:5px;
  border-right:2px solid #000;
  margin-top:5px;
  margin-left:5px;
  height:auto;
  }
#footer-sidebar2 {
  float: left;
  width: 300px;
  margin-right:5px;
  margin-left:100px;
border-right:2px solid #000;
 margin-top:5px;
height:auto;
 }
#footer-sidebar3 {
  float: right;
  width: 200px;
 margin-top:5px;
height:auto;
 }*/
