/*
Theme Name: classictone
Theme URI: http://www.themelayouts.com/
Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/

body { background:#fff; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#101010;}

@font-face {font-family: 'Segoe Print'; src: url('segoepr.ttf');}

html { padding:0; margin:0;}

a { text-decoration:none; color:#f77321;}
a:hover { text-decoration:underline; color:#f77321;} 
a:focus { outline:none;}

a.font-01 {font: normal 14px 'Segoe Print', Arial, Helvetica, sans-serif; color: #000;}

.clr { clear:both;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #f77321; padding: 0; margin: 0; font-weight: normal;}

img { padding:0; margin:0; border:none; text-align:center;}
hr1 { border-left:0 solid #000000; border-right:0 solid #000000; border-top:0 dotted #000000; border-bottom:1px solid #000000; height:1px;}
hr { border-left:0 solid #7f262e; border-right:0 solid #7f262e; border-top:0 dotted #7f262e; border-bottom:1px solid #7f262e; height:1px;}

form { padding:0; margin:0;}
input { font-family: Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
textarea { font-family: Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
select { font-family: Arial, Helvetica, sans-serif; color:#666; font-size:12px;}

.linkopacity {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
.linkopacity:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { margin:0; padding:0;  background: #fff url(images/bg-main.jpg) 0 0 repeat-x;}
#bgcontainer-content {margin: 0; padding: 0; background:#fff url(images/bg-content.jpg) 0 0 repeat-x ;}

/**/ * html .Header { } /* */ 
.Header { width:980px; margin:0 auto; padding:0;}

.Logo {width:345px; height:136px; margin:0; padding:0; float: left; background: #fff;}

.Right {width: 415px; height: 136px; margin: 0; padding: 0; float: right; background: #fff;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu {	padding:0; margin:0; height:30px; width:980px; float:left;}

.Feature {height: 377px; width: 980px; background: url(images/feature-bg.jpg) 0 0 no-repeat; margin: 8px 0 0 0; padding: 14px 0 0 0;}
.Feature h1 {font: normal 16px Arial, Helvetica, sans-serif; line-height: 19px; color: #f77321;}
.Feature p {font: normal 12px Arial, Helvetica, sans-serif; line-height: 19px; color: #fff;}

.Banner {height: 211px; width: 980px; margin: 8px 0 0 0;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width:980px; padding:15px 0 60px 0; margin:0 auto; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width:700px; padding:35px 0 50px 0; margin:0; float:left; color:#6f6f6f; background:#fff;}
.SC p {padding: 0 0 15px 0; margin: 0; font-size: 12px; line-height: 18px;}
.SC h1 {margin: 0 0 15px 0; font-size: 17px;}
.SC h2 {font-size: 17px; margin: 0 0 5px 0;}
.SC h3 {color: #3f403f; font-size: 14px; display: inline; float: left; padding: 0 5px 0 0;}

.SC ul {margin: 20px 0 15px 0; list-style-type: square;}
.SC ul li {padding: 0 0 10px 0;}

.Latest {padding: 15px 15px 10px 15px; background: #f77321; display: block;}
.Latest h1 {color: #fff;}
.Latest ul {padding: 0; margin: 0; list-style-type: none;}
.Latest ul li {color: #fff; margin: 0 0 5px 0;}
.Latest ul li a {font-size: 14px; color: #222; font-weight: bold; margin: 0 0 15px 0 !important;}

.cta {padding: 10px 15px 0px; margin: 10px 0 0 0; background: #f77321; display: block;}
.cta p {color: #fff;}
.cta a {text-decoration: underline; color: #fff;}

.video {float: right; margin: 0 0 15px 15px; background: #fff; padding: 9px; border: 1px solid #9a9a9a;}

.Btm {width: 700px; margin: 60px 0 0 0; padding: 20px 0 0 0; display: block; border-top:1px solid #6f6f6f;}

.Btm-Contact {display: block; width: 700px; height: 130px; background: #c64b00 url(images/btm-contact-bg.jpg) 0 0 no-repeat; padding: 15px 0 0 0;}
.Btm-Logos {display: block; width: 700px; margin: 20px  0 0 0;} 

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h2.pagetitle {color:#3f403f; font:bold 40px Arial, Helvetica, sans-serif; text-transform: lowercase; margin: 0 0 25px 0; background: url(images/pagetitle.jpg) 0 0 no-repeat; padding: 0 0 0 55px; line-height:35px;}
.Post {padding:0; margin:0;}

.PostHead { padding:0; margin:0;}
.PostHead h2 {color:#f77321; font:bold 28px Arial, Helvetica, sans-serif; margin: 10px 0 15px 0; line-height:28px;}
.PostHead h2 a { color:#f77321; text-decoration:none;}
.PostHead h2 a:hover { color:#f77321; text-decoration:underline;}

/**/ * html .PostTime {} /**/ 
.PostTime { padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666; float:left;}
.PostTime strong { font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.PostTime .day { font-size:12px;}
.PostTime .month { font-size:12px;}
.PostTime .year { font-size:12px;}
.PostTime small { font-size:12px;}
.PostTime a { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;}
.PostCountCom { margin:0; padding:10px 5px; float:right; color:#363125; font:normal 11px Arial, Helvetica, sans-serif;}
.PostCountCom a { font:normal 11px Arial, Helvetica, sans-serif; color:#000;}

.PostContent a { color:#454545; text-decoration:underline;}
.PostContent strong { text-transform:uppercase; color:#353535; font:bold 11px Arial, Helvetica, sans-serif;}
.PostContent a:hover { color:#454545; text-decoration:none;}
.PostContent img { margin:0; padding:0;}
.PostContent ol { padding:10px 0 10px 25px; margin:0;}
.PostContent ol li {padding: 0 0 10px 0;}
.PostContent ul {margin: 20px 0 15px 0; list-style-type: square;}
.PostContent ul li {padding: 0 0 10px 0;}
.PostContent blockquote { padding:10px; margin:0; color:#848484; background:#000;}
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;}
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;}
.PostContent blockquote a { color:#e87302;}
.PostContent blockquote a:visited { color:#454545;}
.PostContent blockquote a:hover { color:#454545; text-decoration:underline;}

.PostContent h1 {}
.PostContent h2 {color: #3f403f; margin: 0 0 15px 0;}

/**/ * html .PostContent p img {} /* */ 
.PostContent p img { max-width:350px;}
.PostContent img { margin:0 10px 10px 0; float:left; background:#0d0e09; padding:3px; border:1px solid #a3a3a3;}

.PostCom { margin:0 0 30px 0; padding:10px 0; display: block; clear: both; background: #fff; float: left;}
.PostCom ul { padding:0; margin:0; float:left;}
.PostCom li { padding:5px 10px; margin:0; list-style:none; color:#666; font:normal 12px Arial, Helvetica, sans-serif; display:inline; } 
.PostCom li a { padding:5px; margin:0; text-decoration:none; color:#f77321; } 
.PostCom li a:hover { text-decoration:underline; color:#f77321;}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding:0; margin:0;}
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background:#848484; padding:15px; margin-top:20px; position:relative;}
.TrackListTop { background:#848484; position:absolute; top:0; left:0; width:455px; height:10px;}
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;}
.TrackList ul { padding:0; margin:0;}
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px;}
.TrackList li a { color:#cc3366;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size:11px; padding:10px 0; color:#848484; font-family:'Verdana';}
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;}
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;}
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;}
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666;}
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin:20px 0 0 0; position:relative;}
.Comments h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px 0; padding:10px 0; color:#848484; border-bottom:solid 2px #660000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0;}
.List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none;}

/**/ * html .List .LGrav { right:30px;} /* */ 
.List .LGrav { position:absolute; right:0; top:10px;}
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;}
.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;}
.List .LUsr a { color:#999; text-decoration:none;}
.List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666;}
.List .LUsr strong a { color:#cc0000; text-decoration:none;}
.List .LCon { margin:10px 0 0 0 ; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;}
.List .LCon p { margin:0; padding:5px 0 ; font-size:12px; line-height:16px;}
.List .Author { background:#fff;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email {}
.Form {  padding:0 0 10px 0 ; position:relative; margin:0; font-family:'Verdana';}
.Form form { margin:0; padding:0;}
.Form a { text-decoration:underline;}
.Form p { padding:0 0 2px 0 ; margin:0; color:#666;}
.Form p small strong { font-weight:bold; color:#FF3300;}
.Form p small { font-size:11px; display:block; padding:6px 0 ; color:#000;}
.Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;}
.Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;}

/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width:220px; padding:0; margin:0; float:right; color:#a7a7a7; background:#fff;}

.Follow {height: 30px; width: 220px; background: #000 url(images/follow.jpg) 0 0 no-repeat; float: right;}
.Logos {float: right; margin: 35px 0;}

.SR .Contact {float:right; width: 220px; background: #c64c00 url(images/side-contact-bg.jpg) 0 0 repeat-x; padding: 0 0 15px 0;}
.SR .Contact p {color: #fff; font-size: 11px; line-height: 18px; padding: 0 20px;}

.SR-Form {margin: 0; padding: 0; float: left;}
.SR-Form p {padding: 0; margin: 0;}
.SR-Form input {height: 20px; width: 178px; background: transparent; border: 1px solid #fff; color: #fff; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 0 5px;}
.SR-Form .captcha {width: 90px; float: right; display: inline;}
.SR-Form textarea {height: 100px; width: 173px; border: 1px solid #fff; margin: 0 0 10px 0; padding: 5px; color: #fff; background: transparent; text-transform: uppercase;}
.SR-Form .submit { float: left; height: 25px; width: 70px !important; background: #3f403f; border: none; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 15px 0 0 0;}
.SR-Form .submit:hover {cursor: pointer; background: #fff; color: #c64c00;}

.SR-Video {background: #fff; padding: 4px; border: 1px solid #f77627; float: right; display: block; margin: 40px 0 40px 0;}

.categories li {  background:url(images/categories_bg_li.gif) left no-repeat; }
.archives li {  background:url(images/categories_bg_li.gif) left no-repeat;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search  {} /**/ 
.Search {width:220px; margin:0 0 30px 0; padding:0; float:left;}
.Search form { padding:0;}
.Search input { color:#ffffff;}
.Search input.keyword {border:1px solid #f77321; width:178px; height: 23px; color:#333; background:#fff; padding:5px 0 0 5px; font-size: 13px;} 
.Search input.search { border:0; width:35px; height:30px; background:url(images/btn-go.jpg) no-repeat; padding:0; margin:0; cursor: pointer;}

/* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banner { width:324px; margin:5px auto; padding:0;}
.banner h2 {}
.banner ul { margin:10px; padding:0; list-style:none; float:left;}
.banner li { float:left; width:130px; margin:0; padding:5px;}
.banner li img { }

/* Widget ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget { width:324px; margin:5px auto; padding:0;}
.widget h2 {}
.widget ul { margin:0; padding:0; list-style:none;}
.widget li {  background:url(images/categories_bg_li.gif) left no-repeat; padding: 5px 0 5px 15px; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.widget li a { font:normal 12px Arial, Helvetica, sans-serif; color: #C00;}
.widget a:hover { color: #C00; text-decoration:underline;}

/* Flickrrss ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget_flickr { width:324px; margin:5px auto; padding:0;}
.widget_flickr h2 {}
.widget_flickr ul { margin:5px 0; padding:0; list-style:none; float:left; text-align:center;}
.widget_flickr li { margin:0; padding:0; list-style-type:none; display:inline; width:75px; height:75px;}
.widget_flickr li a img { background:#CCC; margin:4px; width:65px; border:1px solid #FFF;}
.widget_flickr li a:hover img { border:1px solid #660000;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { margin:0; padding:0; background:#3f403f;}

.Footer { width: 980px; padding:25px 0; margin:0 auto; color: #fff;}
.Footer p { color:#fff; padding:0; margin:0;}
.Footer a { color:#fff; text-decoration:none;}
.Footer a:hover {text-decoration: underline;}

.contact-form {float: left; padding: 0; margin:15px 0 0 0; display: block; clear: both;}
.contact-form p {font: bold 12px Arial, Helvetica, sans-serif; line-height: 20px; padding: 0; margin: 0;}
.contact-form .note {font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; padding: 0 0 10px 0; margin: 0;}
.contact-form input {height: 20px; width: 185px; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 0 5px; font: bold 11px Arial, Helvetica, sans-serif;}
.contact-form select {height: 20px; width: 185px; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 0 5px; font: bold 11px Arial, Helvetica, sans-serif;}
.contact-form .captcha {width: 103px; float: right; display: inline;}
.contact-form textarea {height: 150px; width: 420px; border: 1px solid #ccc; margin: 0 0 10px 0; padding: 5px; font: bold 11px Arial, Helvetica, sans-serif;}
.contact-form submit {text-align: center; width: 190px;}
.contact-form .submit {height: 32px; width: 190px; background: #f77321; border: none; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 15px 0 0 0;}
.contact-form .submit:hover {cursor: pointer; background: #3f403f;}

.Btm-Contact input {height: 20px; width: 178px; background: transparent; border: 1px solid #fff; color: #fff; text-transform: uppercase; margin: 0 0 5px 0; padding: 0 0 0 5px;}
.Btm-Contact .captcha {width: 90px; float: right; display: inline;}
.Btm-Contact textarea {height: 80px; width: 173px; border: 1px solid #fff; margin: 0 0 5px 0; padding: 5px; color: #fff; background: transparent; text-transform: uppercase;}
.Btm-Contact .submit { float: left; height: 25px; width: 70px !important; background: #3f403f; border: none; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 0;}
.Btm-Contact .submit:hover {cursor: pointer; background: #fff; color: #c64c00;}