/*======================================
Theme Name: Orange_Butterflies
Theme URI: http://myjazmanie.com/
Description: Clean and simple wordpress theme designed for professionals by <a href="http://myjazmanie.com/">myjazmanie</a>. Three-columns and widget ready theme.
Version: 1.0
Author: myjazmanie
tags: right sidebars, three columns, widgets
======================================*/

* {
margin : 0;
padding : 0;
}

body {
position : relative;
background: #faa25a url(images/bg.jpg) top center no-repeat;
font-family: Arial, Verdana, Segoe UI, Tahoma, Verdana, Georgia;
font-size : 11px;
color : #555;
text-align : center;
}

#wrapper {
position : relative;
margin : auto;
width : 1040px;
}

.clear {
clear : both;
}

a {
text-decoration : none;
outline : none;
color : #006db2;
}

a:hover {
color : #ff9933;
}

img a {
border : none;
}

img {
border : none;
}

td {
padding : 5px;
}

blockquote {
margin : 0 15px 0 15px;
padding : 0 15px 5px 50px;
background : url(images/quote.jpg) no-repeat;
color : #232323;
}

blockquote p {
margin : 0 0 10px 0;
padding : 0;
}

code {
padding : 5px;
text-align : left;
color : #000000;
}

ul {
list-style : none;
}

.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}

.alignleft {
float : left;
margin-left : 15px;

}

.alignright {
float : right;
}


/***************themeaddon*************************/

#clock{
width: 260px;
height: 20px;
float: right;
margin: 120px 10px 0px 5px;
font-weight:bold;
color: #232323;
}


.mbl_fo_hidden {display: none;}
.mbl_h {display: none;}


.imgtfe{
margin: 6px 6px 6px 15px;
height : 150px;
width: 200px;
float: left;
}


/***************header*************************/
#navigation {
margin-left : 10px;
float : left;
height : 32px;
margin-top:-5px;
padding: 5px 0px 0px 0px;
width: 75%;
}

ul.menu {
float :left;
margin-left: 10px;
margin-right : 3px;
padding : 0;
list-style-type : none;
}

ul.menu li {
float : left;
}

ul.menu li a {
margin-right: 4px;
float : left;
display : block;
padding : 1px 2px 0px 3px;
line-height : 32px;
color : #fff;
font-weight: bold;
font-size: 12px;
}

ul.menu li a:link, ul.menu li a:visited {
color : #232323;
}

ul.menu li a:hover, ul.menu li a:active {
color : #006db2;
}

ul.menu li.current_page_item a:link, ul.menu li.current_page_item a:visited, ul.menu li.current_page_item a:hover, ul.menu li.current_page_item a:active {
color : #006db2;
}

#header {
position : relative;
display : block;
width : 100%;
height :195px;
background : url(images/myhead.jpg) top center no-repeat;
clear : both;
}


#searchform {
position: absolute:
float : left;
margin-left: 780px;
width : 230px;
padding:1px 0x 1px 15px;
height : 30px;
background : none;
border:  none;
}

#searchbox {
margin : 5px 3px 2px 25px;
width : 175px;
color : #232323;
font-size : 12px;
font-weight : bold;
background : none;
border : none;
}

#searchbutton {
width : 30px;
height : 24px;
background :  url(images/searchbutton.png) no-repeat;
border : none;
}

#searchbutton:hover {
cursor : pointer;
}

/************************container********************************************/

#content-container {
float : left;
margin-top : 0;
width : 1040px;
padding-bottom : 0;
background: url(images/cbg.jpg);
}

/***********content*********************/

#toppostarea {
margin:3px;
width : 520px;
margin-left : 15px;

}

/************************/
.content {
position : relative;
width : 550px;
text-align : justify;
margin-left : 15px;
float : left;
}

.title {
padding-top : 5px;
padding-bottom : 5px;
width : 540px;
margin-top:5px;
}

.title h2 {
width : 520px;
font-size : 14px;
text-transform: uppercase;
padding : 0;
border-bottom : 1px solid silver;
margin-left: 15px;
}

.title h2 a {
color : #555555;
text-align : left;
}

p.details {
font-size : 11px;
margin : 5px 15px 0px 15px;
}


p.details a:hover {
color : #ff9933;
}

h2.pagetitle {
text-align : center;
font-size : 15px;
font-weight : bold;
color : #00A0DB;
padding : 10px;
margin-left:10px;
text-transform: uppercase;
}

h2.page {
text-align : center;
font-size : 15px;
color : #00A0DB;
font-weight : bold;
padding : 10px;
text-transform: uppercase;
}

.post {
padding : 4px 0 5px 0;
width : 540px;
}

.post a img {
border : none;
}

.post img.wp-smiley {
border : none;
padding : 0;
}

.postmeta {
height : 17px;
font-size : 10px;
margin-bottom : 4px;
text-align : right;
}

.postmeta a {
color : #006db2;
}

.postmeta a:hover {
color : #003366;
}

.entry p {
position:relative;
margin-top : 0px;
margin-bottom : 5px;
line-height : 20px;
margin-right: 5px;
margin-left: 15px;
padding-top: 0px; 
}

.entry img {
float: left;
max-width : 120px;
max-height : 120px;

}

.entry a {
color : #006db2;
text-decoration : none;
}

.entry a:hover {
color : #ff9933;
}

.entry ol {
margin : 0px 15px 5px 35px;
line-height : 20px;
}

.entry ul {
margin : 0px 15px 10px 20px;
list-style-type : disc;
}

.entry table {
margin-left:40px;
margin-bottom: 50px;
}

.entry table td{
border: 2px solid #232323;
}

.entry h1, .entry h2, .entry h3 {
color : #00A0DB;
border-bottom : 1px solid;
margin-top : 25px;
margin-bottom : 5px;
}

.entry h2, .entry h3 {
font-size : 15px;
border-bottom : none;
margin-left:10px;
}

.entryinfo {
text-align : left;
padding : 10px 5px 10px 15px;
}

.info {
text-align : left;
padding : 10px 5px 10px 5px;
}

a img.readmore {
margin-right:5px;
margin-top:-3px;
float: right;
}

p.postinfo {
padding : 2px 5px 0px 10px;
font-size : 11px;
}

p.postinfo a {
color : #006db2;
}

span.viewing {
padding : 0 0 3px 1px;
line-height : 15px;
}

span.folder, span.tag, span.comment, span.calendar, span.rss, span.author, span.time {
padding : 0 0 3px 19px;
line-height : 17px;
}

span.folder {
background : url(images/folder.png) no-repeat top left;
}

span.tag {
background : url(images/tag.png) no-repeat top left;
}

span.comment {
background : url(images/comment.png) no-repeat top left;
line-height : 21px;
}

span.calendar {
background : url(images/calendar.png) no-repeat top left;
line-height : 23px;
}

span.author {
background : url(images/author.png) no-repeat top left;
}

span.time {
background : url(images/clock.gif) no-repeat top left;
}

span.rss {
background : url(images/rss.png) no-repeat top left;
line-height : 21px;
}

/**********************singleinfo********************************/

#singleinfo {
margin : 5px 5px 15px 12px;
float : left;
width : 527px;
padding: 5px 5px 5px 5px;
background: #232323;
line-height:20px;
}

#singleinfo a{
color : #ff9933;
font-size : 11px;
}

#singleinfo p{
color : #fff;
font-size : 11px;
}


/**********************sidebar********************************/

#sidebar {
float : right;
width :460px;
color : #232323;
margin-top:5px;
margin-bottom:5px;
margin-right: 15px;
}


#midcolumn{
float : left;
width :200px;
margin-left: 10px;
}

#midcolumn h2{
color : #555;
padding: 3px;
}

#midcolumn ul {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}

#midcolumn ul li {
margin-bottom : 0.8em;
padding : 3px 3px 0px 3px;
background: none;
border : none;
}

#midcolumn ul li ul {
list-style-type : none;
margin-left : 0;
padding : 0;
}

#midcolumn ul li ul li {
padding : 8px 0 8px 0;
margin : 0 5px 5px 5px;
border : none;
background: none;
}

#sidebarwidetop {
float : right;
width :200px;
margin-right: 10px;
}

#sidebar ul {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}

#sidebar ul li {
margin-bottom : 0.8em;
padding : 0.3em;
}

#sidebar ul li ul {
list-style-type : none;
margin-left : 0;
padding : 0;
border : 0;
}

#sidebar ul li ul li {
padding : 8px 0 8px 0;
margin : 0 5px 5px 5px;
border : none;
background: none;
}

#sidebar h2 {
text-transform: uppercase;
font-size : 14px;
text-align : center;
padding : 8px 0px 8px 0px;
width: 200px;
margin : 8px 0px 8px 0px;
background: url(images/sidebarwh2.png) no-repeat top left;
}

#sidebar a:hover {
color : #ff9933;
}

#sidebar img {
border : none;
}

***************browse*********************************

.browse {
padding : 10px;
text-align : center;
margin-bottom:15px;
}

.browse a {
color : #006db2;
font-weight : bold;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
}

.browse a:hover {
color : #ff9933;
}

*****************comment**********************************

.commentlist blockquote {
margin : 0 15px 0 15px;
padding : 0 45px 5px 50px;
background : url(images/quote.png) no-repeat top left;
}

ul.commentlist {
list-style : none;
margin : 0 10px;
}

ul.commentlist li {
background : none;
padding : 0 0 17px 0;
}

.commentlist li {
margin-bottom : 10px;
}

ul.commentlist li p {
line-height : 15px;
margin : 0;
padding : 10px;
}

ul.commentlist li.alt {
background : none;
padding : 0 0 10px 0;
}

ul.commentlist li.alt p {
line-height : 15px;
margin : 0;
padding : 10px;
}

.commentlist cite {
padding : 5px;
display : block;
height : 40px;
background : #e4e4e4;
border: 1px solid #232323;
width: 100%;
}

.commentlist cite img {
padding : 1px;
border : 1px solid silver;
float : left;
margin : 0 10px 0 0;
height : 35px;
width : 35px;
}

.commentlist .author {
font : 12px bold Georgia, Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.commentlist .time {
background : url(images/clock.gif) bottom left no-repeat;
padding : 2px 0 0 20px;
}

#comments {
position : relative;
width : 94%;
height : 30px;
background : #232323 url(images/commentinfo.png) no-repeat 0 100%;
padding : 10px;
margin: -15px 0px 10px 12px;
color: #ff9933;
}

#comments .number {
position : absolute;
top : -6px;
left : 5px;
width : 40px;
text-align : right;
font-family: Georgia;
font-weight : bold;
font-size : 40px;
}

.cmeta {
margin : 5px 10px;
}

.comment_form {
margin : 10px 0 10px 10px;
width : 490px;
background : url(images/comment_formbg.png) no-repeat top left;
color : #000;
float : left;
padding : 35px 0 10px 10px;
}

.comment_form p {
line-height : 30px;
}

.comment_form input {
background : #eeeeee;
width : 200px;
margin : 5px 0;
font-family : Tahoma;
padding : 5px;
}

textarea {
width : 90%;
padding : 5px;
text-align : justify;
margin : 5px 0;
font-family: Lucida Grande; 
}

#submit {
background : #000033;
color : #fffff6;
width : 200px;
margin : 15px 0;
padding : 6px;
font-size : 14px;
font-weight : bold;
}


#submit:hover {
cursor : pointer;
}

.commentnumber {
width : 45px;
text-align : center;
margin-top : -54px;
float : right;
font-family: Georgia;
font-weight : bold;
font-size : 35px;
}

/**********************footer*****************************************/

#footer {
background : url(images/footer.jpg) bottom left no-repeat;
height : 125px;
color : #555;
font-size : 11px;
}

#footer a {
color : #006db2;
text-decoration : none;
}

#footer a:hover {
color : #ff9933;
text-decoration : none;
}

#leftfoot {
width: 585px;
margin-left: 15px;
text-align : left;
float : left;
padding : 8px 0 0 10px;
}

#rightfoot {
margin-right: 30px;
text-align : right;
float : right;
width : 300px;
padding : 8px 10px 3px 10px;
}

#rightfoot a:hover {
color : #ff9933;
}

#akismetwrap{
float: left;
margin: -25px 0px 0px 30px;
}