/*

Theme Name: Orange

Theme URI: http://www.themeporter.com

Version: 1.0

Description: Orange Theme Porter to Wordpress

Author: Theme Porter

Author URI: http://www.themeporter.com

*/

body {

	margin: 0;

	padding: 0;

	background: #fff;

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

	font-size: 12px;

	color: #333;

}



img {

	margin: 0;

	padding: 0;

	border: 0px none;

}



.main {

	width: 700px;

	margin: 0 auto 0 auto;

	background: #fff;

}



.topa {

	width: 700px;

   clear: both;

	background: #fff url('images/dotted.gif') repeat-x bottom;

	height: 49px

}



.topMenu {

  float:left;width:450px;

	font-size: 11px;

}



.topMenu ul {

	padding: 20px 0px 10px 0; 

	margin: 0px;

	list-style: none;

	border: none;

}



.topMenu li {

	display: inline;

}



.topMenu li a {

	color: #f60;

	background: inherit;

	font-weight: normal;

	padding: 20px 5px 6px 5px;

	margin: 0;

	text-decoration: none;

}



.topMenu li a:hover {

	color: #000;

	background-color: #f5f5f5;

	font-weight: normal;

	padding: 20px 5px 6px 5px;

	margin: 0;

	border-bottom: 4px solid #ccc;

	text-decoration: none;

}



.search {

	float: left;

	width:250px;

}



.search p {

	text-align: right;

	margin: 14px 0 0 0;

	padding: 0;

}



.topb {

	width: 700px;

   clear: both;

	background: #fff url('images/dotted.gif') repeat-x bottom;

	height: 250px

}



.topb .vivian {

	float: left;

	width: 700px;

	height: 230px;

	background: #fff url('images/vivian.jpg') no-repeat bottom left;

}



.topb .welcome {

	float: right; 

	width: 700px;

	margin-top: 0px;

}



.welcome h1 {

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

	font-size: 24px;

	letter-spacing: -2px;

	color: #999;

	font-weight: normal;

	margin: 0 0 -10px 0;

	padding: 0;

}



.welcome h2 {

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

	font-size: 36px;

	letter-spacing: -3px;

	color: #666;

	font-weight: bold;

	margin: -12px 0 0 0;

	padding: 0;	

}



.welcome h2 a {

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

	font-size: 0px;

	letter-spacing: -3px;

	color: #f60;

	font-weight: bold;

	text-decoration: none;

}



.welcome p {

	margin: 0px 0 0 0;
       font-size: 0px;
	padding: 0;

}



.welcome a {

	color: #f60;

	text-decoration: underline;

}



.welcome a:hover {

	color: #f60;

	text-decoration: none;

}



.cont {

	clear: both;

}



.leftColumn {

	color: #666;

  	float: left;

	width: 215px;

	padding: 8px 30px 8px 0px;;

}



.leftColumn h2 {

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

	font-size: 18px;

	font-weight: normal;

	letter-spacing: -1px;

	padding: 0 0 4px 0;

	margin: 0;

	border-bottom: 2px Solid #666;

}



.leftColumn h2 span {

	color: #f60;

}



.leftColumn ul {

	padding: 0;

	margin: 0 0 18px 0;

	list-style: none;

}



.leftColumn li {

	display: list-item;

	margin: 0;

	background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px

}



.leftColumn p {

	margin: 0;

	background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px

}



.leftColumn li a, .leftColumn p a {

	color: #666;

	margin: 0px;

	text-decoration: none;

	display: block;

	padding: 5px 0 5px 0;



}



.leftColumn li a:hover, .leftColumn p a:hover {

	color: #000;

	display: block;

	margin: 0px;

	text-decoration: none;

	padding: 5px 0 5px 5px;

	background-color: #f5f5f5;

}



.center {

	float: left;

	width: 450px;

	padding: 8px 0 8px 0;

}



.center h2 {

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

	font-size: 18px;	

	font-weight: normal;

	letter-spacing: -1px;

	padding: 0;	

	margin: 0;

	color: #666;

}



.center h2 a {

	color: #666;

	text-decoration: none;

}



.center h2 a:hover {

	color: #444;

	text-decoration: none;

}



.center p {

	padding: 4px 0 4px 0;

	margin: 0;

}



.right {

	padding: 8px 0 8px 0;

	clear: both;

	width: 450px;

}



.right img {

	float: left;

	margin: 0 20px 0 0;

}



.slinks {

	clear: both;

	border-bottom: 1px solid #ccc;

	text-align: right;

	padding: 0 0 10px 0;

	margin: 0;

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

	font-size: 11px;

	color: #ccc;

}



.slinks ul {

	padding: 0; 

	margin: 0;

	list-style: none;

	display: inline;

	border: none;

}



.slinks li {

	display: inline;

	padding: 0;

	margin: 0;

}



.slinks li a, .slinks a {

	color: #999;

	background: #fff;

	padding: 0 6px 0 6px;

	margin: 0;

	text-decoration: none;

}



.slinks li a:hover, .slinks a:hover {

	color: #666;

	margin: 0;

	text-decoration: none;

	background: #fff url('images/arrup.gif') no-repeat bottom;; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:10px

}



.cpr {

	clear: both;

}



.cpr p {

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

	font-size: 11px;

	color: #999;

	margin: 2px 0;

	padding: 0;	

}



.cpr a {

	font-weight: bold;

	text-decoration: none;

	color: #999;

}



.cpr a:hover {

	font-weight: bold;

	text-decoration: none;

	color: #666;

}



p.date {

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

	font-size: 11px;

	text-align: right;

	padding: 3px 0 3px 0;

	vertical-align: middle;

}



.date a:link, .date a:visited {

	color: #f60;

	text-decoration: underline;

}



.date a:hover, .date a:active {

	color: #f60;

	text-decoration: none;

}



.date img {

	vertical-align: middle;

	margin: 0 5px 0 5px;

	padding: 0;

}



/* 888888888888888888888888888888888888888888888888 */



input.text { 

	margin: 0; 

	width: 130px;

	border: 1px solid #ccc; 

	background: #fff;

	color: #777; 

}



input.text:hover { 

	border: 1px solid #666; 

}



input.searchbutton { 

	margin: 1px; 

	font-size: 10px;

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

	border: none; 

	background: #FFFFFF; 

	color: #f60; 

	padding: 1px;

	text-transform: uppercase;

}



fieldset {

	border: 1px solid #ccc;

}



textarea.text { 

	height: 150px; 

	width: 90%; 

	border: 1px solid #ccc; 

	background: #fff; 

	color: #444;

}



textarea.text:hover { 

	border: 1px solid #bbb; 

	background: #FFFFF4; 

	color: #000;

}



input.field { 

	border: 1px solid #ccc; 

	background-color: #fff; 

	width: 200px; 

	color: #444;

}



input.field:hover { 

	border: 1px solid #bbb; 

	background: #fff; 

	color: #444;

}



input.button {

	font-size: 10px;

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

	font-weight: bold;

	background: #f4f4f4; 

	color: #555;

	border: 1px Solid #ccc;

}













/*post stylng*/

.post{margin:0 0 25px 0;}



.post .info{

padding:2px 3px 3px 8px;

border:1px solid #e3e4e4;

background-color:#f5f5f5;

font-size:0.9em;

color:#ff6600;



}





.info a{

color:#ff6600;

}



.info a:visited{

color:#ff6600;

}



.entry a:visited{

color:#ff6600;

}



.entry a{

color:#ff6600;

}





/*comment styling*/

/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

color:#ff6600;



}



#commentlist li a{



color:#ff6600;



}





.graybox a

{

color:#ff6600;

}



#commentform {

margin: 1em 0;

background: #ffffff;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #ffffff;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #ffffff;

border: 1px solid #939793;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border: 3px double #cecece;

	font-style: italic;

	}