/*======================================
Theme Name: Arrow 
Theme URI: http://www.flisterz.com/
Description: A theme by <a href="http://www.flisterz.com">flisterz</a>. 2 columns. Latest post only, the others are in excerpts. Please link back if you are a good boy/girl :)
Version:1.0
Author: flisterz
======================================*/

/* IE HTC */

/* body { behavior:url(&#8220;csshover2.htc&#8221;); } */

/* HIDE */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form {
margin : 0;
padding : 0;
}
body {
font-family : verdana;
font-size : 11px;
color : #000000;
text-align : center;
vertical-align : top;
background : #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family : Georgia, sans-serif;
font-size : 18px;
font-weight : normal;
}
a {
text-decoration : none;
color : #fff;
outline:none; 
}
a:hover {
text-decoration : none;

}
a img {
border : none;
}
abbr, acronym {
border : 0;
}
address, dl, p {
padding : 0px 0px 14px 0px;
}
blockquote {
background : #eee;
color : #000;
margin-bottom:12px;
}
blockquote p {
padding : 7px;
}
blockquote blockquote {
margin : 15px;
background : #fff;
}
code {
background : #cccccc;
border-bottom : 1px solid;
border-bottom-color : #999999;
padding-left:3px;
padding-right:3px;
text-align:left;
}
dt {
font-weight : bold;
}
dd {
padding : 0 0 0 15px;
}
hr {
clear : both;
margin : 15px 15px 5px 15px;
border : 0;
height : 1px;
text-align : left;
background : #ccc;
color : #ccc;
}
small {
font-size : 11px;
}
pre {
width : 90%;

}

.pagetitle {
margin-top:24px;
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFCC00;
}


/* forms*/
input, textarea {
font-family : Arial, Helvetica, Georgia, sans-serif;
font-size : 12px;
padding : 3px;
}
input#s, input#author, input#email, input#url, textarea#commenttext {
border : 1px solid #aaa;
background-color : #ddd;
}
input#s:focus, input#author:focus, input#email:focus, input#url:focus, textarea#commenttext:focus {
border : 1px solid #0099cc;
background-color : #ffffff;
}
input#author, input#email, input#url, textarea#commenttext, #submit {
margin : 0 5px 0 0;

}
#submit{
border : 1px solid #666666;
height : 23px;
width : 60px;
}
#searchsubmit {
border:none;
height : 23px;
width : 30px;
background-color:#ebebeb;
}
#submit:hover {
border : 1px solid #0099cc;
background-color : #ffffff;
}
/*************************************** header ************************************************************************/
#header-container2 {
background : url(images/header.jpg) repeat-x;
height : 169px;
min-width : 930px;
}
#header-container {
float : left;
width : 100%;
text-align : center;
vertical-align : top;
color : #fb9c9c;
background : #000000;
}
#header, .content, #sidebar{
width : 850px;
text-align : left;
vertical-align : top;
margin : 0 auto;
}
#header {
margin : 0 auto;
width : 730px;
height : 111px;
background : url(images/header2.png) no-repeat center 0%;
padding-left:290px;
padding-top:3px;
}
#header h1 a{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.description{
color:#000000;}



/******************************************** content *********************************************************/
#content-container {
margin : 0 auto;
float : left;
width : 100%;
padding : 0 0 20px 0;
text-align : center;
vertical-align : top;
background : #fff url(images/top-content.jpg) repeat-x;
color : #000;
clear : both;
min-width : 930px;
}
.content a, .content-s a {
color : #0066cc;
}
.content h2 a, .content-s h2 a {
text-decoration : none;
color : #66cc00;
}
.content h2 a:hover, .content-s h2 a:hover {
text-decoration : none;
color : #669900;
}
.post {
padding : 1px 0 0 0;
}
.post h2 {
font-size : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;


}

.entry, .post, .browse, .post_arch {
width : 500px;
float : left;
margin-left:10px;
}

.entry {
padding-top : 15px;
line-height : 18px;
text-align : justify;
}
.post_arch {
padding : 10px 0pt 0pt 0px;
}
.entry_arch {
padding-top : 2px;
line-height : 17px;
text-align : justify;
}
.content {
padding : 0 0 0 0;
width : 800px;
min-height : 300px;
}
.content-s {
padding : 0 0 0 0;
text-align : left;
vertical-align : top;
width : 880px;
margin : 0 auto;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
padding : 8px 0 0;
}
.entry h2 {
font-size : 18px;
border : 0;
}

.post .title{
font-size : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
padding : 0px 0 1px 0;
padding-left : 60px;
height : 65px;
background : url(images/title.png) no-repeat top left;
margin-left:20px;
}
.entry h4 {
font-size : 16px;
color:#66CC00;
}
.entry h5 {
font-size : 14px;
}
.entry h6 {
font-size : 12px;
}
.post img {
border : 4px solid #ccc;
background : #fff;
}
.post img:hover {
border : 4px solid #333333;
}
.post img.alignleft {
float : left;
margin : 5px 15px 0 0;
}
.post img.alignright {
float : right;
margin : 5px 0 0 15px;
}
.post img.wp-smiley {
padding : 0;
border : 0;
background : none;
}
.entry p.postinfo {
margin-top : 20px;
margin-bottom : 30px;
border-top : 1px dotted #ff6699;
border-bottom : 1px dotted #ff6699;
padding : 10px;
background : url(images/info.jpg);
color : #000000;
}
.entry_arch p.postinfo {
margin-top : 10px;
border-top : 1px dotted #ff6699;
border-bottom : 1px dotted #ff6699;
padding : 10px;
background : url(images/info.jpg);
color : #000000;
}
.post .title #postdate {
padding-top : 7px;
color : #6699cc;
font-size : 10px;
}
.browse a {
font-size : 14px;
color : #66cc00;
font-weight : bold;
}
.browse a:hover {
color : #669900;
}
.browse {
margin-top : 20px;
}

/*********************************** sidebar *************************************************************/
#sidebar {
background : url(images/hello.jpg) no-repeat top center;
padding: 51px 0 0 0;
margin-top : 12px;
float : right;
width : 240px;
background-color : #ebebeb;
text-align : center;
}
.aboutme {
padding : 60px 16px 5px;
text-align : justify;
height : 140px;
}

/* flickr */
.flickr {
margin-top : 10px;
margin-bottom : 20px;
}
.flickr img {
border : 2px solid #999999;
margin : 5px;
}
.flickr img:hover {
border : 2px solid #ff6600;
}

/* tag cloud */
#sidebar2 ul.heatmap {
margin : 0;
padding : 10px 30px;
padding-bottom : 40px;
}
#sidebar2 ul.heatmap li {
margin : 0;
padding : 0;
display : inline;
}

/* simple recent comments */
#src {
text-align : left;
list-style-type : none;
padding-bottom : 20px;
color:#666666;
margin-top:20px;
}
#src a {
color:#000000;
}
#src a:hover {
color : #000000;
background-color:#66CC00;

}
#src ul {
padding : 0 0 0 2px;
margin : 5px 20px 10px 0;
list-style-type : none;
}
#src ul li {
margin-left : 23px;
line-height : 15px;
border-bottom : 1px dotted #666666;
padding-top:2px;
}
#src ul li:hover {
background-color:#66CC00;
}


/* archives list navigation */
#nav_side {
text-align : left;
list-style-type : none;
padding-bottom : 20px;
}
#nav_side h2 {
font-size:17px;
color:#0194C8;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:26px;
}
#nav_side .sform{
padding:10px 0px 0px 24px;
}
#nav_side ul {
padding : 0 0 0 2px;
margin : 5px 20px 38px 0;
list-style-type : none;
}
#nav_side ul li {
padding-left : 23px;
line-height : 15px;
}
#nav_side ul li p {
line-height : 15px;
font-weight : bold;
font-size : 12px;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-style : normal;
padding : 5px;
}
#nav_side ul li a {
padding : 2px 5px 5px 4px;
font-weight : normal;
width : 185px;
display : block;
border-bottom : 1px dotted #666666;
color : #336600;
}
#nav_side ul li a:hover {
background-color : #66cc00;
color : #000000;
border-bottom : 1px solid #666666;
}

#prevl {
background : url(images/prev.jpg) repeat top left;
height : 80px;
}

/******************************* previously excerpts ******************************************************/
.ex {
display : block;
width : 500px;
text-align : justify;
float : left;
padding-bottom : 5px;
background-color : #6699cc;
margin-left:20px;
margin-bottom:20px;

}



.ex a {
padding : 10px 15px 10px 15px;
display : block;
background-color : #f0f0f0;
color : #333333;
border-bottom : 1px solid #666666;
list-style-type : none;
margin-bottom:4px;
}
.ex a:hover {
background-color : #9bbcdd;
}
.ex strong {
color : #006699;
font-size : 14px;
font-weight:normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.ex .postdate {
color : #006699;
font-size : 11px;
}
.ex li {
padding-bottom : 5px;
list-style : none;
}

/********************************** comments template ***********************************/
#comm {
margin-top : 30px;
height : auto;
float : right;
width : 260px;
}
#comm h2 {
margin-top : 30px;
font-size : 14px;
}

#comm h3 {
font-size : 14px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.commentlist {
margin-top : 40px;
list-style-type : none;
padding : 0;
}
.commentlist li {
color : #000000;
}
.tx {
padding-left : 10px;
background : url(images/c_mid.jpg) repeat-y;
width : 250px;
padding-bottom : 10px;
}
.tx p {
padding-right : 16px;
}
.tx blockquote{

font-size:11px;
font-style:italic;
width:200px;
background-color:#FFFF99;
}
.tx code {
border-bottom : 1px solid;
border-bottom-color : #999999;
background-color:#FFFF99;

}
#commenttext {
width : 200px;
height : 70px;
color : #000000;
}

.bottom-border {
width : 251px;
height : 15px;
background : transparent url(images/c_bot.jpg) no-repeat top left;
}
.top-border {
width : 251px;
height : 21px;
background : transparent url(images/c_top.jpg) no-repeat top left;
padding-left : 40px;
padding-top : 10px;
}
.c_info {
padding-left : 40px;
}
.c_name {
margin-top : 19px;
padding-left : 4px;
}

/******************************************footer ***********************************/
#footer-container {
background:#121212 url(images/footer.png) repeat-x scroll center top;
clear:both;
color:#666666;
min-width:930px;
padding-bottom:10px;
padding-top:70px;
text-align:left;
vertical-align:top;
width:100%;
}
#footer {
margin:0pt auto;
padding:4px 0px 0px;
text-align:center;
width:648px;
}



