/*
Theme Name: cleanRoar
Theme URI: http://www.AmberPanther.com/contributions/cleanRoar
Description: A simple clean theme. Features a functional back-end with options to automatically add an Ad banner or Ad script in the sidebar.
Version: 9.10.23
Author: the AmberPanther team
Author URI: http://www.AmberPanther.com/
Tags: white, black,blue,three-columns,right-sidebar,fixed-width 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	first release: v.9.10.08
	v.9.10.23 : compatibility with WordPress 2.8.5 verified, enhanced securities for back end.
*/

/* Meyer's CSS Reset  v1.0 | 20080212 
*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;

}


/* MAIN CSS */
body {

	color: #ffffff;
	font-size: 12px;  
	font-family:Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	background-color:#5c5c5c;
      background-image:url(images/layout/backgr-image4.jpg);
	  background-position:top center;
	  background-repeat:no-repeat;
	}


a,a:visited {text-decoration: none;
	border: none;
      color: #ffffff;
	}
a:hover{text-decoration: none;color: #81d7ff;}
a img{
	border: none;
}
img {padding: 0px}
img.layout{margin: 0px}
.clear{
	clear: both;
}
img.fb{margin:0 25px 0 25px}


/* Typography
--------------------------------------------------------------------------------------- */
h1,h3,h4,h5,h6{color: #81d7ff; margin-bottom: 10px;}
h1{ font-size: 28px;}
h2{ font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin:1px 10px 5px 0px;

	letter-spacing:0px;
    text-transform:uppercase;
	color: #81d7ff;
}
h2.fb{ font-size: 12px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:normal;
	text-align:right;
	margin-top:1px;
	margin-bottom:0px;
	letter-spacing:0px;
    text-transform:none;
	color:#ffffff;
}
h3{ font-size: 14px;
	font-family: Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;}
h4{ font-size: 14px;
	font-family: Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:normal;}
h5{ font-size: 20px;}
h6{ font-size: 11px;
    font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	margin-bottom:-5px;
	text-align:left;
	font-variant:small-caps;
	}
p.postmetadata { font-size: 10px;
	margin:1px 10px 5px 0px;

    line-height:1;}
p { font-size: 13px;
	margin:1px 10px 5px 10px;
    line-height:1.3;}

hr.news {
margin: 20px 0 -20px 0;
}
/* layout elements
--------------------------------------------------------------------------------------- */ 

/* wrapper */

#wrapper{
      width:1000px;
      margin: 0 auto;
      padding:0;	
      z-index:1;


} 
#header{
	  width:955px;
	  height:100px;
	  top:0px;
	  left:0px;
	  margin:10px 0px;
	  background-image:url(images/layout/header.png);
	  background-position:left;
	  background-repeat:no-repeat;
	  text-align:right;

}


#menu {
	width:1000px;
	height:25px;
	top:130px;
	left:0px;
	z-index:2;
	background-image:url(images/layout/menu.png);
	margin-top:10px;
}

#container{
    width:1000px;
    margin-top:0px;
    left:0px;
    padding:0px;
    z-index:2;
    }
#content{
    width:725px;
	min-height:491px;
    float:left;
    margin-left:0px;
    padding:0 5px 0 0;
    background-image:url(images/layout/frame-backgr.png);
    z-index:3;
      }
.content p { 
font-size: 13px;
    line-height:1.3;
}

#index-post {

	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	z-index:4;
}
.index-post a {text-decoration: none;
	border: none;
      color: #81d7ff;
	}
.index-post a:hover {text-decoration: underline;
	border: none;
      color: #ffffff;
	}
.index-post object {

margin-left:5px;
}
#main-title {
	width:500px;
	height:15px;
	float:left;
	margin-top:25px;
	margin-left:0px;
	margin-bottom:3px;
	z-index:4;
}
#main-title-alt {
	width:500px;
	height:15px;
	float:left;
	margin-top:18px;
	margin-left:0px;
	margin-bottom:2px;
	z-index:4;
}
#sidebar{
	width:225px;
	float:left;
	margin:0px 0px 25px 25px;
	overflow: hidden;
      }
#recent-title {
	width:200px;
	height:15px;
	float:left;
	margin-top:25px;
	margin-left:260px;
	margin-bottom:3px;
	z-index:4;
}
#twitter-title {
	width:100px;
	height:15px;
	float:left;
	margin-top:-19px;
	margin-left:0px;
	margin-bottom:7px;
	z-index:4;
}
#updates-frame {
	width:225px;
	height:225px;
	background-image:url(images/layout/frame-backgr.png);
	margin-bottom: 25px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	font-size: 10px;
	font-weight:normal;
	line-height:12px;
	color: #81d7ff;
}

#video-frame {
	width:225px;
	height:225px;
	background-image:url(images/layout/frame-backgr.png);
	margin-bottom: 25px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	font-size: 10px;
	font-weight:normal;
	line-height:12px;
	color: #81d7ff;
}


#twitter-frame {
    width:225px;
	height:225px;
	margin-bottom: 15px;
	background-image:url(images/layout/frame-backgr.png);
    padding:3px;
}
#social-icons {
    width:225px;
    height:75px;
    margin-top:10px;
    margin-bottom: 0px;
}
#social-icons2 {
    width:225px;
    height:75px;
    margin-top:-10px;
	margin-left:750px;
    margin-bottom: 0px;
}
#check-back {
	background-image:url(images/layout/paypal-trans2.png);
	background-repeat:no-repeat;
        
}
div.check {
	visibility:hidden;

}
#facebook {
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-250px;

    width:500px;
	height:85px;
	background-image:url(images/layout/facebook-back.png);
    padding:0px;
	visibility:hidden;
	-moz-border-radius-bottomleft:0.7em;
	-webkit-border-bottom-left-radius:0.7em;
	-moz-border-radius-bottomright:0.7em;
	-webkit-border-bottom-right-radius:0.7em;
	border: 1px solid #000000;
}



#footer{
    width:1000px;
    height:10px;
    margin: 0px auto 0 auto;
    padding: 0;
    clear:both;
	border-top: 1px solid
	background-image:url(images/layout/frame-backgr.png);
      }                 

      
/* header */  
#header_left{
    float:left;
    margin-top: 20px;
	margin-left: 10px;
	}
#header_left h1 a{
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 36px;
	color: #000000;
	line-height: 45px;
	display: block;
	}
#header_left h1 a:hover{text-decoration:none}

#header_left p.description{
      font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
      font-weight:bold;
	color: #999;
	margin: 5px 0 10px 0;
      font-size:16px;
	}
#header_right{float:right;
      margin-top: 20px;
	margin-right: 10px;}
	
	
	
/* HEADER SEARCH*/
#search{clear:right;float:right;display:block;margin-bottom:10px;}
#searchform{
	width: 200px;
	height: 25px;
	border: 1px solid #c0c0c0;
	background-color: #f5f5f5;
	}
.searchinput{
	color: #666;
	font-size: 14px;
      font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	width: 160px;
	border: 0;
	height:16px;
	line-height:16px;
      margin-left:5px;
	background-color: #f5f5f5;
	}
.button{
	background: #f5f5f5 url(images/lens.png) no-repeat;
	height: 25px;
	width: 25px;
	border: 0;
	cursor: pointer;
	}


/*HEADER SOCIAL*/
#social{
      clear:right;
      float:right;
      display:block;
      margin-bottom: 10px;
      padding:0 0 0 13px;
      height:30px;
      }
#social img{padding:0;margin-top:5px}


/* nav */
#navi_wrap{
      margin-top:10px;
      width:960px;
      height:35px;
      /*border: 1px solid #0000ff;*/
      background-color: #f5f5f5;
      border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
      }
                               
#navi_wrap ul.left{
	float: left;
	list-style-type: none;
	padding: 2px 0 0 10px;
	width: 950px;
	}
.current_page_item{text-transform: uppercase;}
#navi_wrap ul li{
	position: relative;
	float: left;
	}
#navi_wrap ul.left li a{
	float: left;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
	margin: 0 15px 0 15px;
	padding: 8px 4px;
      font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
      font-weight:bold;
	}
#navi_wrap ul.left li a:hover{
      text-decoration:none;
	}
#navi_wrap ul.left li ul{
      z-index:999;
	display: none;
	position: absolute;
	left: 0;
	width: 125px;
	margin-top: 33px;
	padding: 0 3px;
	height: auto;
	background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
	border-top: 0;
	text-transform: none;
	}
#navi_wrap ul.left li ul li{
	width: 125px;
	overflow: hidden;
	}
#navi_wrap ul.left li ul li a{
	font-size: 12px;
	padding: 3px 6px;
	margin: 0 2px;
      }

/* content */
.post{
	color: #ffffff;
	line-height: 22px;
	margin-bottom: 10px;
        padding:10px 10px 10px 10px;
	}

.post p { font-size: 13px;
    line-height:1.3;}

.post a {text-decoration: none;
	border: none;
      color: #81d7ff;
	}
.post a:hover {text-decoration: underline;
	border: none;
      color: #ffffff;
	}
#commentwrap{
	margin-bottom: 20px;
      padding:0 10px 10px 10px;
}
.postsingle{
	color: #ffffff;
	line-height: 22px;
	margin-bottom: 0px;
      padding:10px;
      border:none;}

.sticky{background-color: #f5f5f5;
		border: 1px solid #c0c0c0;}
.title{	}
.title h2{
	font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
        margin-left:10px;
	margin-bottom:0px;
	letter-spacing:0px;

        text-transform:uppercase;


	}
.singletitle h2{
	font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
margin-left:10px;
	margin-bottom:0px;
	letter-spacing:0px;

        text-transform:uppercase;
	}
.singletitle h2 a{color: #81d7ff;}
.singletitle h2 a:hover{color: #81d7ff;}        
.dateline {
	font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
	margin-bottom:0px;
	letter-spacing:0px;

        text-transform:uppercase;
	}
.postmeta {
	font-size: 11px;
      line-height: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #999999;
	}
.entry{
	padding: 0;
	font-size: 13px;
      overflow: hidden;
      
	}
.entry p{
	margin-bottom: 5px;
line-height:1.3;
font-size: 13px;
	}      

.entry h2{
	font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
margin-left:10px;
	margin-bottom:0px;
	letter-spacing:0px;

        text-transform:uppercase;


	}
.navigation{
	padding:10px;
	font-size: 12px;
      font-weight: normal;
	  color: #81d7ff;
	} 
.navigation .left{
	float: left;
	}
.navigation .right{
	float: right;
	} 
.no_result{padding: 0 20px 20px 20px;} 
.entry ul,.entry ol{
	padding-bottom: 24px;
	margin-left: 40px;
	margin-right: 40px;
	}
.entry ul{
	list-style-type: disc;
	}
.entry ol{
	list-style-type: decimal;
	}
.entry ul li,.entry ol li{
	padding: 1px 0;
	list-style: inside;
	}    
.entry blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #c0c0c0;
      background-color: #f9f9f9;
	}
.entry blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}

.entry a {text-decoration: none;
	border: none;
      color: #81d7ff;
	}
.entry a:hover {text-decoration: underline;
	border: none;
      color: #ffffff;
	}
.entry object {
margin-left:10px;
}

.entry table{
padding:0px;
	vertical-align: top;
	}
.entry table td,.entry table th{
padding:0px;
	}   

/* SIDEBARS */
#sidebar ul{margin:5px 5px 10px 0;}
#sidebar ul li h2{			
			font-size: 16px;
			line-height: 18px;
			color: #000000;
			padding: 5px 10px 0 10px;
			font-weight: bold;
			}
#sidebar ul li ul{
			margin:0 0 20px 10px;
            list-style-type:square;
			color: #000000;
			line-height: 20px;
            font-size:14px;
            font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
            font-weight:bold;

			}
#sidebar ul li ul li ul{margin:20 0 0 10px;}

#sidebar ul li ul li{}
#sidebar ul li ul li:hover{
				/*background-color: #81d7ff;*/
				}
#sidebar ul li ul li a{
				display: inline;
				color: #3366cc;
				line-height: 20px;
				text-decoration: none;
                        
				}
#sidebar_big ul li ul li a:hover{
				color: #003399;
                        text-decoration: underline;
				}
#sidebar ul li ul li ul li{background:transparent url(images/arrow.gif) no-repeat ;padding-left:10px }
#sidebar ul li ul li,#sidebar_big ul li ul li ul li,#sidebar_big ul li ul li ul li ul li{text-transform: none;}
#sidebar ul .current-cat{text-transform: uppercase;}




#sidebar_sm ul{margin:5px 0 10px 0;}
#sidebar_sm ul li h2{			
			font-size: 16px;
			line-height: 16px;
			color: #000000;
			padding: 5px 5px 0 5px;
			font-weight: bold;
                  font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
			}
#sidebar_sm ul li ul{
			list-style-type: none;
			color: #000000;
			line-height: 16px;
                  margin-left:10px;
                  font-size:12px;
                  font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
			font-weight:bold;
			}
#sidebar_sm ul li ul li{padding: 2px 5px 2px 2px;
				}
#sidebar_sm ul li ul li:hover{}
#sidebar_sm ul li ul li a{
				display: inline;
				color: #3366cc;
				line-height: 14px;
				text-decoration: none;
				}
#sidebar_sm ul li ul li a:hover{
				color: #003399;
				}
#sidebar_sm .adbanner a img{padding:0;margin:0}
.adbanner{margin-bottom:15px;}

      
/* footer */

#copyright{position:relative;font-size:11px; margin:0 0 0 10px;padding:15px 0 0 0;float:left}
#credit{position:relative;font-size:11px; margin:0 10px 0 0;padding:15px 0 0 0;float:right}
#credit img{margin:-5px 0 0 0; padding:0}


/*comments */
#commenttitle h2{
	font-size: 14px;
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-top:1px;
	margin-bottom:0px;
	letter-spacing:0px;

        text-transform:uppercase;
      }
.commentnumber h3{
	font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	line-height: 18px;
      margin-bottom:30px;
      float:left;
      }
.your_response a{
	float: right;
	font-size: 14px;
	color:#3366cc;
	font-weight: normal;
	}
.your_response a:hover{color: #003399}
ol.commentlist{
	font-size: 13px;
	color: #000000;
	overflow: hidden;
      line-height:16px;
	}
ol.commentlist li.even{
		margin-bottom: 15px;
		background-color: #f5f5f5;
		border: 1px solid #c0c0c0;
		padding: 20px 20px 15px 20px;
		}
ol.commentlist li.odd{
		margin-bottom: 15px;
		background-color: #f9f9f9;
		border: 1px solid #c0c0c0;
		padding: 20px 20px 15px 20px;
		}

ol.commentlist li ul{
			list-style-type: none;
			margin-left: 60px;
			margin-top: 6px;
			}
.commentlist img{padding:0;}                  
#respond{
	background-color: #f9f9f9;
	border: 1px solid #c0c0c0;
	color: #000000;
	padding: 15px 20px;
	margin-top: 15px;
	}
#respond h3{
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	font-weight: normal;
	float: left;
	display: inline;/* fix double margin */
	} 
.respond_top{margin-bottom: 10px}      
.cancel-comment-reply{
	float: right;
	display: inline;/* fix double margin */
	padding-top: 6px;
	}
.cancel-comment-reply a{
	font-size: 12px;
	color: #3366cc;
	text-decoration: none;
			}
.cancel-comment-reply a:hover{
	color: #003399;
      text-decoration: underline;
	}      
#respond p, .nocomments{
	color: #000000;
	margin-bottom: 10px;
	}       
/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #00ff00;} 
.error .text_input, .error .text_area{border:1px solid #ff0000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffff00;}
#send,#submit{
	border:1px solid #c0c0c0;
	background-color:#f5f5f5;
	cursor:pointer;
	color:#000000;
      font-family: Tunga, Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
      font-weight:bold;
	}
#send:hover,#submit:hover{
	
	color:#003399;
	}
.text_input, .text_area{
padding:5px;
font-size:14px;
}
#send,#submit{
padding:4px 20px;
}
.hidden{
	display:none;
	}
.postpaginate{
	width:100%;
	text-align:center;
	font-size:14px
	}

	
/* --BOXES */
.sbox_L{
	float:left;
	width:150px;
	height:150px;
	margin-bottom:20px;
	margin-left:10px;
	background-color:#f5f5f5;
	}
.sbox_R{
	float:right;
	width:150px;
	height:150px;
	margin-bottom:20px;
	margin-right:8px;
	background-color:#f5f5f5;
	}
.boxbottom{margin-bottom:0px}
.sbox_L img, .sbox_R img{margin:0;padding:0}
      
/*general*/
.px10{height:10px}

/* WordPress specific */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


    div#scrollpanel{
      position:absolute;
      top:0px;
      left:0px;
    }
    div#wp-last-posts{
      width:205px;
      overflow:hidden;
      float:left;
      margin-right:0px;
    }
	div#text-block2{
      width:205px;
      height:205px;
      overflow:hidden;
      float:left;
      margin:0px;
    }
    div#slide2{
      position:relative;
      width:11px;
      float:left;
      margin-top:10px;
      margin-left:-4px;
      border:0px solid #FFFFFF;
    }
    div#slide2 div#slider2{
      width:11px;
      height:11px;
      background-image:url(http://www.atinylittledot.com/wp-content/themes/cleanroar/images/layout/slider.png);
      position:absolute;
      left:0px;
      top:0px;
      cursor:pointer;
      overflow:hidden;
    }
    div#slide2 div#slidebar2{
      width:5px;
      height:205px;
      border-right:1px solid #ffffff;
    }
	
	div#text-block{
      width:205px;
      height:205px;
      overflow:hidden;
      float:left;
      margin:0px;
    }
    div#slide{
      position:relative;
      width:11px;
      float:left;
      margin-top:2px;
      margin-left:-4px;
      border:0px solid #FFFFFF;
    }
    div#slide div#slider{
      width:11px;
      height:11px;
      background-image:url(http://www.atinylittledot.com/wp-content/themes/cleanroar/images/layout/slider.png);
      position:absolute;
      left:0px;
      top:0px;
      cursor:pointer;
      overflow:hidden;
    }
    div#slide div#slidebar{
      width:5px;
      height:205px;
      border-right:1px solid #ffffff;
    }


.digg {
float:right;
margin:0px 0px 8px 0;
}


/* end of this stylesheet
-------------------------------------------------------------------------------------- */