/*

Theme Name: classic-theme

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

Description: The concept of this template is to provide a simple, clean and minimalist template with easy to change the color and header image to suit any kind of website.

Version: 1.0

Author: templatesquare

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

Tags: fixed-width, two-columns, theme-options, left-sidebar, black and white



*/



/*** GLOBAL  ***/

/* css reset */

html, body, div, span, applet, object, iframe,

pre, a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;





}

/* end */

html,body{height:100%;}

body {

	font-family: verdana, Arial, Tahoma;

	font-size:11px;

	margin:0 auto;

	padding:0;

	color:#333;

	height:100%;

	line-height:20px;

        

}

* {

	margin:0;

	padding:0;

}

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clr{clear:both}

form{margin:0; padding:0;}

hr {

	border: 0;

	color: #efefef;

	background-color: #efefef;

	height: 1px;

	margin:0px 0px 10px 0px;

	padding:0px;

}



/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */

h1, h2, h3{margin-bottom:12px;	font-weight:normal; color:#676464}

h3, h4, h5 {margin-bottom:12px; font-weight:normal;}

h1 {font-size:24px; line-height:26px;}

h2 {font-size:16px; line-height:18px;}

h3 {font-size:16px; line-height:18px;}

h4 {font-size:13px; line-height:15px;}

h5 {font-size:13px; line-height:15px;}



/* links */

a {color:#333; text-decoration:none;}

a:hover{color:#333; text-decoration:underline;}



#sfstest-sidebar .client a {

	color: #225566 !important;

}





h2 a, h2 a:visited{text-decoration:none;}

a img{border:none}

.imgleft{float:left; margin-right:15px; margin-bottom:8px;}

.imgright{float:right; margin-left:15px; margin-bottom:8px;}

.imgcenter{ margin:0 auto; text-align:center; display:block}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote {

	line-height:18px;

	margin-bottom:15px;

}

ul, ol {

	margin:10px 0 35px 30px;

}



li ol,

li ul

{

	list-style:square;

	margin-bottom:0;

	margin-top:0;

}

li ol {list-style:decimal;}

blockquote {

	margin:25px 0 25px 0px;

	font-style:italic;

	font-family:Arial;

	color:#333333;

	background-repeat:no-repeat;

	padding:10px 20px 10px 25px;

	border-left: 5px solid #ddd;

	}



/* code */

code {

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #b6b6b6;

	padding:15px 10px;

}

small{font-size:11px; color:#676464}



/* Begin Typography & Colors */

.thread-alt {background-color: #f8f8f8;}

.thread-even {background-color: white;}

.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}

small {

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

	}

.entry p a:visited {color: #b85b5a;	}

.sticky {background: #f7f7f7; padding: 0 10px 10px;}

.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {

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

	}

.commentlist li ul li {	font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}

.commentmetadata {font-weight: normal;}





acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font-weight: bold;

	font-size:12px;

	margin-bottom:10px;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */



.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.clear {

	clear: both;

}



/*** CONTAINER ***/

#top_container{width:100%; height:150px; background-color:#006464;}

#content_container{background-color:#EFEBE0; background-image: url(images/site_bg.jpg);	background-repeat: repeat;}

#footer_container{width:100%; height:30px; background-color:#006464;}

/*** END OF CONTAINER ***/



/*** CENTERCOLUMN ***/

.centercolumn{width:941px; margin:0px auto 0px auto;}



/*** END OF CENTERCOLUMN ***/



/*** TOP ***/

#logo{height:150px;}

#logo h1, #logo h1 a, #logo h1 a:visited{color:#fff; text-decoration:none; margin:0px; font-size:30px;}

#logo .desc{color:#fff;}

#logo a{cursor:pointer; margin:0 0 0 25px;}

.logo{padding:50px 0px 0px 0px;}

#top{background-repeat:no-repeat; background-position:top right;}

/*** END TOP ***/





/*** CONTENT ***/

#content{background-image:url(images/bg_content_container.gif); background-repeat:repeat-y; width:941px;}

#content_left{float:left; width:241px; padding:0px 0px 30px 0px;}

#navigation{padding:0px 0px 0px 20px;}

#navigation ul{list-style-type:none; margin:0px; padding:0px; text-align:right;}

#navigation ul li{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;  font-size:18px; background-color:#fff;}

#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:hover{text-decoration:none; color:#676464;}

span.descmenu, a span.descmenu, a span.descmenu:visited{font-size:12px; color:#999999; display:block; padding-right:6px; text-transform:lowercase}

ul#menu{

  list-style-type:none;

  margin: 0;

  padding: 0;

  text-align:right;

  background-color:#ddd;

}



ul#menu ul {

  list-style-type:none;

  margin: 0 14px 0px 25px;

  padding: 0;

  text-align:right;

  background-color:transparent;

}





ul#menu a {

  display: block;

  text-decoration: none;

  text-transform:uppercase;

}



ul#menu li {

  margin-top: 1px;

  margin-right:1px;

  

}



ul#menu li a {

  padding:10px 10px;

}



ul#menu li a:hover {background-image:url(images/menu_hover.gif); background-repeat:repeat-y; background-position:right}

ul#menu li.current_page_item a{background-image:url(images/menu_hover.gif); background-repeat:repeat-y; background-position:right}

ul#menu li ul li{font-size:12px; border-top:solid 1px #ddd;}

ul#menu li ul li a { padding-right:5px; text-transform:capitalize}



ul#menu li ul li a:hover {}

#content_right{float:left; width:700px; padding:0px 0px 30px 0px;}

#maincontent{padding:12px 30px 0px 30px;}

#maintext ul{margin:0px;}

#maintext ul li{background-image:url(images/list_square.gif); background-repeat:no-repeat; list-style-type:none; background-position:0px 7px; margin:0px; padding:0px 0px 0px 15px; line-height:20px}

#maintext ul.portfolio li{ background-image:none;}

/*** END CONTENT ***/







/*** FOOTER ***/

#footer_container a, #footer_container a:visited{color:#fff; text-decoration:none;}

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

#foot{text-align:center; padding:3px 0px 0px 0px; color:#fff; font-size:11px; font-family:Arial}

/*** END OF FOOTER ***/



/* End Structure */





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.testimonial {

        border: 1px solid #225566;

        margin-bottom:5px; 

        margin-right: 10px; 

        padding: 6px;

        display: inline;

        float: left;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */











/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 0px 0px;

	}



#sidebar #searchform #s {

	width: 100px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}

	

	

form{margin:0; padding:0; font-family:Tahoma, Arial !important;}

fieldset{border:0px;}

.screenReader { left: -9999px; position: absolute; top: -9999px; margin:0px ;padding:0px; }

.thanks {padding:10px; }



#contactForm{position:relative}

#contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }

#contactForm ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 10px; 

	position: relative;

	width: 100%;

	list-style-type:none;

}



#contactForm ol.forms li.screenReader{margin:0px; padding:0px;}

ol.forms label {

	cursor: pointer;

	display: block;

	font-weight:normal;

	padding:0px 20px 3px 0px;

	width: 50px;

	float:left;

}

ol.forms input{ color:#6b6b6b;

width:280px;  padding:5px; margin:0px; border:solid 1px #dddddd;}

ol.forms textarea {color:#6b6b6b; border:solid 1px #dddddd; width:345px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}





ol.forms input:focus, ol.forms textarea:focus {border:solid 1px #cccaca; }

.error { color: #f00; }

ol.forms li .error{ font-size: 10px; margin-left:0px; }

ol.forms li.textarea .error {

	display: block;

	position: absolute;

	right:50px;

	top:80px;

	width:auto;

}

ol.forms li.screenReader {margin: 0; }

ol.forms li.buttons button{border:0px; background-color:#b0b0b0; color:#6b6b6b; width:75px; padding:6px; cursor:pointer; margin-left:70px;}

ol.forms li.buttons button:hover {}

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline {}

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }



/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	margin:0px;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 10px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{

	padding:0px;

	margin-left:0px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */







/* Begin Calendar */

#wp-calendar {

	margin:0;

	width:100%;

	margin:0 auto;

	}

	

* html #wp-calendar{margin-left:0px;}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	}



#calendar_wrap{}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	}

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}





blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

.screen-reader-text {

     position: absolute;

     left: -1000em;

}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */





/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.

	It won't be a stylish marriage, I can't afford a carriage.

	But you'll look sweet upon the seat of a bicycle built for two." */

h1.title{border-bottom:solid 1px #efefef; padding-bottom:5px; margin-bottom:20px;}

h3.title{border-bottom:solid 1px #dddddd; padding-bottom:5px; margin-bottom:20px;}

/* blog */

.post{border-bottom:solid 1px #dddddd; padding:0px 0px 5px 0px; margin-bottom:20px;}

.post h2.tblog{margin-bottom:0px;}

.post .author_name{padding-bottom:8px; display:block}

.search_result h2{margin:0px 0px 5px 0px !important; }

.search_result .post{padding:0px; margin:0px 0px 15px 0px}

a.more, a.more:visited{text-decoration:none; padding:10px 0px 0px 0px; font-size:11px;}

a.more:hover{ text-decoration:underline;}

.sidebar ul li ul li a:hover{text-decoration:underline;}

.entry_blog{float:left; width:470px;}

.date{float:left; padding:10px 0px 0px 19px; width:150px}

.date_box{color:#6b6b6b; padding:0px 0px 0px 35px}

.day{display:block;}

.datetime{display:block; padding:0px 0px 5px 0px;}

.dt{float:left; font-size:30px; text-align:left; width:40px;}

.my{float:left; font-size:11px; font-weight:bold; margin-top:0px;}

* html .my, *+html .my{margin-top:3px;}

.my .month{display:block; margin:0px; line-height:12px; margin-bottom:2px;}

.my .year{ display:block; margin:0px; line-height:8px}

div.comment{display:block; clear:left}

div.comment a, div.comment a:visited{text-decoration:none; color:#6b6b6b;}

div.comment a:hover{text-decoration:underline;}

#sidebar{padding:45px 0px 0px 0px;}

#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0 0px 0px 0px;

	list-style-type:none;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 0px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 10px 0px 0px 0px;

	}



#sidebar ul{list-style-type:none; margin:0px 1px 0px 1px; padding:5px 0px 30px 0px; border-top:solid 1px #c8c8c8;}

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

#sidebar ul ul ul{ background:none; padding:0px; margin:0px;}

#sidebar ul li{list-style-type:none; margin:0px; padding:0px 15px 0px 0px; text-align:right; font-size:11px;}

#sidebar ul li ul li{border-bottom:solid 0px #c8c8c8; line-height:10px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;}

* html #sidebar ul li ul li, *+html #sidebar ul li ul li{line-height:14px;}

#sidebar ul li ul li li{margin-left:0px; border-bottom:0px; padding:5px 0px 3px 0px;}

#sidebar ul li a, #sidebar ul li a:visited{text-decoration:none; margin-bottom:10px;}

#sidebar h2{font-size:14px; margin-top:5px; text-transform:uppercase; }

#sidebar .textwidget{padding:0px 0px 0px 0px;}

#sidebar .textwidget p{line-height:18px;}



/* Portfolio */

ul.portfolio{margin:0px; padding:0px; list-style-type:none;}

ul.portfolio li{margin:0px; padding:0px; list-style-type:none; display:inline; float:left; margin-right:35px;}

ul.portfolio li.nomargin{margin-right:0px !important;}

ul.portfolio li img{border:solid 1px #e0e0e0; padding:5px; margin-bottom:10px;}

ul.portfolio h3 a, ul.portfolio h3 a:visited{color:#6b6b6b; text-decoration:none;}

.pagenav{text-align:left;}

.pagenav a, .pagenav a:visited{text-decoration:none; padding:0px 2px;}

.pagenav a.current{font-weight:bold;}