/*  

Theme Name: Sunset 2008

Author URI: http://www.arb600.net/

Version: 2.0

Author: ARB600

Description: Sunset template for wordpress .

It has 3 columns, with sidebars on either side of the center content section.



*/



html, body { margin: 0; padding: 0; }



body { 

                background: #222222;

	font-family: Tahoma, Arial;

	font-size: 13px;

	padding-bottom: 0px; 

	text-align: center;

	text-align: center;

	color: #e5e5e5;

	direction: rtl;

}



body * {margin: 0px; padding: 0px;}



/*********************************************

		Link Styles

*********************************************/

a, a:visited, a:active {

	color: #f8a505;

	text-decoration: none;

}

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



/*********************************************

		Text Elements

*********************************************/

p, ul, ol, blockquote {color: #e5e5e5;}

ol, ul {

	margin: 5px 35px;

}

blockquote {

                background: #222222;

                color: #ff3333;

	text-align: right;

	margin: 5px 0px 5px 10px;

	padding-left: 10px;

	border: 1px dotted #cccccc;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

}

/*********************************************

		Header Styles

*********************************************/

h1, h1 a, h1 a:visited { /* This style used as title on single posts and pages */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #f8a505;

	text-decoration: none;

}

h2, h2 a { /* This style used as header in the sidebars */

	background: url(images/banar_h.gif) no-repeat top right;

	font-size: 15px;

	color: #e5e5e5;

	font-family: Arial, Sans-Serif;

	width: 200px;

	height: 30px;

	margin: 0px 0px 10px 0px;

	padding-right: 10px;

	padding-top: 10px;

	font-weight: bold;

}

h3, h3 a, h3 a:visited { /* This style used as the post titles on homepage/archive */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #f8a505;

	text-decoration: none;

}

h3 a:hover {

	color: #cc9900;

	text-decoration: none;

}

h4, h4 a { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #666;

	text-decoration: none;

}

/*********************************************

		Container Div

*********************************************/

#container {

	background: transparent;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	border-right: 1px solid #000;

	text-align: right;

    margin: 0px auto;

    width: 950px;

    padding: 0px;

    background: #333333 url(images/b_g.gif) top center repeat-y



}



/*********************************************

		Header Styles

*********************************************/

#header {

	margin: 0 0 0px;

	float: center;

	width: 950px;

	height: 190px;

	background: #333333 url(images/header.jpg) no-repeat left bottom;

	color: #333;



}

/*********************************************

		Horizontal Navigaion Styles

*********************************************/

#menu ul {

	margin: 0;

	padding: 0 0 0 10px;

	list-style: none;

	}

#menu ul li {

	float: right;

	margin: 0 5px 0 0;

	font-family: Arial, Sans-Serif;

	font-size: 16px;

	font-weight: bold;

	background: url(images/bg_tab_right.gif) no-repeat left top;

	color: #dceaf4;

	}

#menu ul li a {

	display: block;

	padding: 14px 20px 10px;

	text-decoration: none;

	background: url(images/bg_tab_left.gif) no-repeat right top;

	color: #f8a505;

	}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {

}

#menu ul li a:hover {

	color: #FFF;

	text-decoration: none;

	}

	

/*********************************************

		Content Div

*********************************************/

#content {

	float: left;

	text-align: justify;

	margin: 0px;

	padding: 0px 15px 20px 15px;

	width: 500px;

	display: block;

	border: 0px solid black;

        line-height: 20px;



}

.post-more { /* Use this class to style the "more" tag div */

}

.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */

}

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

/*********************************************

		FLV palyer

*********************************************/

#player1, #player2, #player3 {text-align: center;}





/*********************************************

		Post Meta Styles

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 0px 0px;

	margin: 0px 0px;

	background: none;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 0px 0px;

	margin: 0px 0px;

	background: none;

}

.meta-date {

	font-size: 12px;

	font-weight: normal;

                color: #5f5f5f;



}

.meta-author {

	font-size: 11px;

	font-weight: normal;

                color: #5f5f5f;

}



.meta-author-page {



                background: #222222;

	font-size: 11px;

	font-weight: normal;

                color: #5f5f5f;

                padding: 5px;

	border: 1px solid #484848;



}



.meta-comments {

	font-size: 11px;

	font-weight: normal;

                color: #5f5f5f;



}

.meta-category {

	font-size: 11px;

	font-weight: normal;

                color: #5f5f5f;





}



.meta-categoryoo{



	font-size: 11px;



                padding: 5px;



	border: 1px solid #484848;



	background: #333333;



	color: #5f5f5f;



}



.postinfooline{



	font-size: 11px;



	color: #5f5f5f;



	border-bottom: 1px solid #666666;

}





/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: right;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}



	

/*********************************************

		Left Sidebar

*********************************************/

#l_sidebar {

	font-size: 12px;

	font-family: Tahoma, Arial, Helvetica, Sans-Serif;

	display: inline;

	float: left;

	border: 0px solid black;

	width: 200px;

	margin-left: 10px;

	display: block; /* floats are handled as block elements, this is to fix 

						a margin collapsing bug in IE */

}

#l_sidebar p {

	padding: 5px;

}

#l_sidebar img {

	text-align: center;

}

#l_sidebar form {

	padding: 0px;

	margin: 5px;

}

#l_sidebar ul {

	list-style-type: none;

	padding: 5px;

	margin: 0px;

                line-height: 20px;



}

#l_sidebar ul li {

	padding: 0px 0px 10px 0px;

}

#l_sidebar ul li ul {

	padding: 0px;

}

#l_sidebar ul li ul li {

	list-style-type: square;

	padding: 0px;

                color: #f8a505;

	margin-right: 15px;

}

#l_sidebar ul li ul li a {

	color: #f8a505;

	text-decoration: none;

}

#l_sidebar ul li ul li a:hover {

	color: #e5e5e5;

	text-decoration: underline;

}

#l_sidebar ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#l_sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;



}



/*********************************************

		Right Sidebar

*********************************************/

#r_sidebar {

	font-size: 12px;

	font-family: Tahoma, Arial, Helvetica, Sans-Serif;

	display: inline;

	float: right;

	border: 0px solid black;

	width: 200px;

	margin: 0px;

	display: block; /* floats are handled as block elements, this is to fix 

							   a margin collapsing bug in IE */

}

#r_sidebar p {

margin: -10px 0px -5px 0px;

	padding: 4px;

}

#r_sidebar img {

	text-align: center;

}

#r_sidebar form {

	padding: 0px;

	margin: 5px;

}

#r_sidebar ul {

	list-style-type: none;

	padding: 5px;

	margin: 0px;

                line-height: 20px;

}

#r_sidebar ul li {

	padding: 0px 0px 10px 0px;

}

#r_sidebar ul li ul {

	padding: 0px 0px 0px 0px;

}

#r_sidebar ul li ul li {

	list-style-type: square;

                color: #f8a505;

	padding: 0px;

	margin-right: 15px;

}

#r_sidebar ul li ul li a {

	color: #f8a505;

	text-decoration: none;

}

#r_sidebar ul li ul li a:hover {

	color: #ffffff;

	text-decoration: none;

}

#r_sidebar ul li ul li ul {

	padding: 3px;

	margin: 0px;

}

#r_sidebar ul li ul li ul li {

	padding: 3px;

	margin: 5px 10px 5px 5px;

}



/*********************************************

		Comment Styles

*********************************************/

.post h3#comments, .post h3#respond{



	padding: 5px;



	line-height: 27px;



	background: #484848 url(images/user_comment.gif) no-repeat 0 6px;



	color: #cccccc;



	border: 1px solid #000000;





}







.post h3#respond{



	background: #484848 url(images/add_comment.gif) no-repeat 0 6px;



                padding: 5px;



	color: #cccccc;



	border: 1px solid #000000;





}







ol.commentlist{



                margin: 15px 10px 0 30px;

                padding-left: 0;

	padding-right: 20px;

	list-style: decimal;





}







ol.commentlist li{



	padding: 15px 0 0 0;







}







ol.commentlist li .commentmetadata{



	font-size: 11px;



	color: #333333;



	background: #f8a505;



                margin: 3px;



	border: 1px solid #000000;





}







ol.commentlist li .commentmetadata a{



	color: #333333;



}



ol.commentlist li .commentmetatext{



	font-size: 12px;



	color: #ffffff;



	padding: 10px;



                margin: 3px;



	background: #222222;



	border: 1px dashed #cccccc;





}



.nocomments{



                padding: 5px;



	border-top: 1px solid #cccccc;



	border-bottom: 1px solid #cccccc;



}



form#commentform small{



	font-size: 12px;



}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	width: 950px;

	height: 70px;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	clear: both;

	background: #333 url(images/footer.gif) no-repeat bottom center;

	border-top: 1px solid #000;

	text-align: center;

	font-family: Tahoma;

	font-size: 12px;

	color: #cccccc;

}

#footer a {

	color: #f8a505;

	text-decoration: none;

}

#footer a:hover {

	color: #e5e5e5;

	text-decoration: none;

}