/*

Theme Name: Softpresence

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

Version: 1.0

Description: 2 Column theme

Author: Smartertemplates.com

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

*/







/* Links */



a:link { text-decoration: none; color: #56AFED; }



a:visited { text-decoration: none; color: #56AFED; }



a:hover, a:active { color: #F5C55E; }



/* Headings */



h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px 0 0px; }



h1 { font-size: 32px; margin-bottom: 0px; margin-top: 0px;}



h2 { font-size: 28px; }



h3 { font-size: 24px; }



h4, h5, h6 { font-size: 20px; }



/* Other Html Elements */

.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}

.titles a:link, .titles a:visited, .titles a:active {

text-decoration: none;

underline: none;

font-size: 24px;

font-weight: normal;

border-bottom-width: 0;

}



pre, blockquote 

{

	overflow: auto;

	padding: 0 10px;

	margin: 20px 30px;

	line-height: 1.8em;

	background-color: #f5f5f5;

	border: 1px solid #e0e0e0;

}



pre:hover, blockquote:hover

{

	background-color: #f0f0f0;

	border: 1px solid #d0d0d0;

}



pre { padding-top: 10px; padding-bottom: 10px; }



code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }



ul, ol { line-height: 2.0em; }



ul { list-style-image: url(images/bullet.gif); }



abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }



del { text-decoration: line-through; color: #999999; }



ins { text-decoration: none; color: #009977; }



/* Structure */



body

{

	margin: 0;

	padding: 0;

	color: #000000;

	background-repeat: repeat-x;

	background-position: top left;

	background-color: #E3F3F6;

	font: normal 100%, "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;

	background-image: url(images/bg.jpg);

		

}



#wrapper2 {

width: 950px;

margin-left: auto;

margin-right: auto;

margin-top: 0px;



}





#navigation

{

	width: 950px;

	margin-left: auto;

	margin-right: auto;

	float: right;

	margin-top: 0px;
	background: transparent;

}

#headerbg {

background-repeat: no-repeat;

background-position: center;

width: 950px;

height: 148px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

margin-top: 0px;

float: left;

}



#wrapper

{

	clear: both;

	float: left;

	width: 100%;

	color: #000000;

	background-color: #FFFFFF;

	padding-top: 20px;

	background-image: url(images/header-top.gif);

	background-position: top;

	background-repeat: no-repeat;

	z-index:0;

}



#wrapper3

{

	clear: both;

	float: left;

	width: 100%;

	color: #000000;

	background-color: #FFFFFF;

	padding-top: 12px;

	background-image: url(images/header-top2.gif);

	background-position: top;

	background-repeat: no-repeat;

	margin-top:25px;

}



#asos

{ 

margin:auto; 

z-index:100;

top:100;

right:100;

float:right;

}



#content-wrapper

{

	width: 60%;

	float: left;

}



#content

{

	float: left;

	padding: 0 0px 10px 30px;

}

.content

{

	float: left;

	padding: 0 0px 10px 30px;

}


#sidebar-wrapper

{

	width: 35%;

	float: right;

}

* html #sidebar-wrapper

{

	width: 200px;

	float: right;

} 

#sidebar

{

	float: right;

	padding: 0px 15px 10px 10px;

	width: 210px;

	margin-right: 15px;

	margin-top: 0px;

}



#footer

{

	clear: both;

	float: left;

	width: 930px;

	text-align: left;

	padding-left: 20px;

	color: #56AFED;

	font-size: 11px;

	padding-bottom: 10px;

	background-position: bottom;

	background-repeat: no-repeat;

	background-color: #FFFFFF;

	}



#footer a {

	color: #56AFED;

	font-size: 11px;

	}



#footer a: visited {

	color: #56AFED;

	}

#footer a:hover {

	color: #56AFED;

	}

#extras

{

	float: left;

	width: 780px;

	color: #C7AA92;

	text-align: left;

	padding: 0 10px 10px;

	margin: 10px 12px 20px;

	background-color: #f5f5f5;

	border-top: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

}



/* Header */



#navigation h1 { margin-left: 10px; padding-top: 12px; float: left; text-transform: lowercase; font-size: 35px; display: block; margin-bottom: 0px; padding-bottom: 0px;}

#navigation h1 a { color: #FFF;}



/* Navigation */



#navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 8px; padding: 0px 0px 0px 0px; margin-left: 8px; }



#navigation li { float: left; background-image: url(images/nav-right.gif); background-position: right; background-repeat: no-repeat; display: block; margin-right: 10px; 	background-color: #83C4F6; height: 42px;}

#navigation li:hover {background-color: #FFF; background-image: url(images/nav-hover-right.gif);}

#navigation li a:link,

#navigation li a:visited

{

	float: left;

	color: #FFFFFF;

	display: block;

	padding-top: 2px;

	height: 40px;

	font-size: 13px;

	font-weight: bold;

	background-image: url(images/nav-left.gif);

	background-position: left;

	background-repeat: no-repeat;

	padding-left: 20px;

	padding-right: 20px;

}



#navigation li a:hover,

#navigation li a:active

{

	color: #69B0E7;

	font-size: 13px;

	background-image: url(images/nav-hover-left.gif);

	font-weight: bold;

}



#navigation li.active a

{

	color: #B2A260;

	background-color: #ffffff;

}



/* Wrapper */



#wrapper a:link { font-weight: bold; }



#wrapper a:visited { font-weight: bold; }



#wrapper a:hover, #wrapper a:active { }





/* Wrapper 3*/



#wrapper3 a:link { font-weight: bold; }



#wrapper3 a:visited { font-weight: bold; }



#wrapper3 a:hover, #wrapper a:active { }



/* Content */



#content .post-title a { border-bottom-width: 0; }



#content .post p.img { float: left; margin: 0 15px 0 0; }



#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }


.content .post-title a { border-bottom-width: 0; }



.content .post p.img { float: left; margin: 0 15px 0 0; }



.content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }



/* Sidebar */



.sideblock

{

	padding: 0px 0px 0px 0px;

	margin-bottom: 20px;

	left:auto;

	font-size:12px;

}



.post-wrapper {

padding-left: 30px;

padding-right: 30px;

padding-bottom: 0px;

width: 593px;

background-image: url(images/content-bg.gif);

margin-left: -20px;

background-color: #FFFDE7;

margin-bottom: 0px;

float: left;

}

* html .post-wrapper  {
margin-left: -10px;
background-repeat: repeat-y;
width: 573px;	
}

* html .webbutton {
margin-left: 150px;
}


.sideblock ul { }



.sideblock h3 { margin-top: 5px; font-size: 18px; color: #A2A2A2; padding-top: 4px; padding-left: 10px; font-weight: bold; display: block; border-bottom: 2px solid #DBDBDB; }



#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }



#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }



#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}



#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }



#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}



/* Extras */



#extras h6 { font-size: 14px; text-transform: uppercase; color: #B2A260; }



#friends

{

	float: left;

	width: 150px;

	margin-left: 20px;

	margin-right: 10px;

}



#links

{

	float: left;

	width: 275px;

	margin-right: 50px;

}



#about

{

	float: left;

	width: 250px;

	margin-right: 20px;

}



#friends ul { padding-left: 20px; }



#links dl, #links dt, #links dd { margin: 0; padding: 0; }



#links dt { font-weight: bold; padding-top: 5px; }



#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }



	/* Table Styling */

	

table {

  border-collapse: collapse;

  border: 1px solid #F1EECF;

  font: normal 11px verdana, arial, helvetica, sans-serif;

  color: #000000;

  background: #FFFDE7;

  width:890px;

  }

caption {

  text-align: left;

  font: normal 11px verdana, arial, helvetica, sans-serif;

  background: transparent;

  }

td, th {

  border: 1px dashed #F1EECF;

  padding: .8em;

  color: #000000;

  }

thead th, tfoot th {

  font: bold 11px verdana, arial, helvetica, sans-serif;

  border: 1px solid #F1EECF;;

  text-align: left;

  background: #83C4F6;

  color: #FFFFFF;

  padding-top:5px;

  }

tbody td a {

  background: transparent;

  text-decoration: none;

  color: #000000;

  }

tbody td a:hover {

  background: transparent;

  color: #F5C55E;

  text-decoration:underline;

  }

tbody th a {

  font: normal 11px verdana, arial, helvetica, sans-serif;

  background: transparent;

  text-decoration: none;

  font-weight:normal;

  color: #000000;

  }

tbody th a:hover {

  background: transparent;

  color: #FFFFFF;

  }

tbody th, tbody td {

  vertical-align: top;

  text-align: left;

  }

tfoot td {

  border: 1px solid #83C4F6;

  background: #83C4F6;

  padding-top:6px;

  }

.odd {

  background: #FFFEF4;

  }

tbody tr:hover {

  background: #FFFBCF;

  }

tbody tr:hover th,

tbody tr.odd:hover th {

  background: #FFFBCF;

  }





	/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

background:#EFECCA;

font-weight: bold;



}



#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;

}



.date {

	background: url(images/date.gif) no-repeat;

	height: 54px;

	margin-bottom: 0px;

	width: 54px;

	text-align: center;

	float: left;

	margin-top: 15px;

}

.date .month {

	display: block;

	color: #FFC62C;

	padding: 2px 0px;

	text-align: center;

	text-transform: uppercase;

	font-size: 10px;

	margin-top: 2px;

	font-weight: bold;

	margin-bottom: 3px;

}

.date .day {

	display: block;

	color: #5EB8F5;

	font: 2.3em Georgia;

	padding-top: 0px;

	text-align: center;

	margin-top: -12px;

}



#left {

	width: 60px;

	float: left;

}



.slogan {

font-size: 16px;

color: #5DB2DF;

text-transform: lowercase;

margin-left: 94px;

margin-bottom: 2px;

float: left;

}



.search_bg {

height:40px;

width:356px;

float: right;

margin-right: -60px;

background-image: url(images/search-bg.gif);

background-position: left;

background-repeat: no-repeat;

}











#search {

vertical-align:top;

color:#000000;

padding:0;

}



#search input {

background-color: transparent;

font-size:11px;

color:#FFF;

font-family:Tahoma, arial, verdana, courier;

width:135px;

height:41px;

vertical-align:middle;

margin: 10px 0px 0 10px;

padding:0;

border: none;

margin-top: 10px;

}



#search .input {

width:84px;

height:32px;

background-image: url(images/search.gif);

border:none;

vertical-align:middle;

margin:0;

padding:0;

margin-left: 30px;

margin-bottom: 11px;

}



/* ratings */



.rating_label {



	background:#FFFEF4;

	font-family: Arial;

	font-size: 10px;

	padding: 12x 4px;

	font-weight: bold;

}



table.ratings {

	margin: 0;

	padding: 0;

	border: 0;

	border-collapse: collapse;

	width:283px;

	background:#FFFEF4;

}





table.ratings td {

	background:#FFFEF4;

	font-size:13px;

}



ul.ratings {

	margin: 0;

	padding: 0;

	background:none;

}



ul.ratings li {

	display: inline;

	list-style: none;

}







.rating_value {

	white-space: nowrap;

	padding: 1px 3px;

	font-family: Arial;

	font-size: 9pt;

	background:#FFFEF4;

}



.rating_value .no_ratings {

	color: #666;

}



/* Buttons */

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #ffffff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; font-size: 24px; color:#FFFFFF; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn:hover { background-color: #FF3333; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn:hover { border-color: #a00; }