/*
Theme Name: GFWD
Theme URI:
Description: The GetFreeWebDesigns.com WordPress theme.
Version: 3.0
Author:
Author URI:
*/

/* ------------- RESET -------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, dd, dl, dt, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-style: normal; text-align: left; font-family: inherit; }

table { border-collapse: collapse; border-spacing: 0; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
* { margin: 0; outline: none; }
html, body { height: 100%; }

/* ----------- PAGE LAYOUT ----------- */

#wrapper {
background: #fff url(img/bg_wrapper.jpg) no-repeat 0% 0%;
width: 964px;/* Width of main container */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -270px;/* The bottom margin is the negative value of the footer's height */
margin-bottom: -1px;
overflow: hidden;
}

.gutter { float: left; height: 1px; width: 25px; }

#column1, #column2, #column2f, #column3 {
float: left;
min-height: 500px;
height: auto !important;
height: 500px;/* Needs to match the min height pixels above */
}

#column1 { float: left; margin: 10px 0 10px 10px; width: 190px; }
#column2 { float: left; margin: 10px 0 10px 0; width: 514px; }
#column2f { float: left; margin: 10px 0 10px 0; width: 724px; } /* added by Sean 12/07/09 */
#column3 { float: left; margin: 10px 10px 10px 0; width: 190px; }

/* STICKY FOOTER */

#footer {
background: #fff url(img/bg_footer.jpg) no-repeat 0% 0%;
margin: 0 auto;
padding: 15px 12px;
text-align: center;
width: 940px;
}

#footer, #push { height: 270px;/* #push must be the same height as #footer */}

#push { display: block; height: 1px; width: 964px; }

/* -------------- HEADER ------------- */

#ad {
margin: 24px 5px 5px 0;
text-align: right;
}

#topbar {
float: left;
height: 25px;
margin: 20px 0 0 2px;
width: 230px;
}

*+html #topbar input { 2px 2px 0 0; }

#topbar input{
border: 1px solid #e0e0e0;
float: left;
height: 16px;
margin: 3px 2px 0 0;
width: 150px;
}

#topbar img { float: left; }

#topbar .button {
float: left;
border: 0;
margin: 0 10px 0 0;
padding-top: 6px;
height: 16px;
width: 16px;
}

#header { float: left; height: 150px; width: 964px; }
#header h1, #header h2 { background-image: none; text-indent: -9999px; width: 100%; }
#header h2 { color: #333; font-size: 120%; margin: 0 0 0 20px; }
#header img { margin: -80px 0 0 0; }

/* ------------ NAVIGATION ----------- */

/* NAVIGATION 1 - HORIZONTAL */

#navigation1 {
float: left;
height: 33px;
margin: 0 0 0 10px;
width: 964px;
}

#navtop li { display: inline; list-style-type: none; padding: 0; }

#navtop li a, #navtop li a:link {
color: #333;
font-weight: normal;
padding: 0 0 0 15px;
text-decoration: none;
}

#navtop li a:hover, #navtop li a.current {
background: url(img/navtop_on.png) no-repeat 0% center;
color: #8fbc8f;
padding-left: 15px;
text-decoration: underline;
}

/* NAVIGATION 2 - VERTICAL */

#navigation2 {
border-top: 1px solid #e0e0e0;
float: left;
margin: -5px 0 20px 0;
padding: 0;
position: relative;
}

#navleft { margin-left: 0; padding-left: 0; width: 190px; }

#navleft li {
border-bottom: 1px solid #e0e0e0;
list-style: none;
line-height: 2.5em;
margin: 0;
padding: 1px 0;
text-indent: 10px;
}

#navleft li a, #navleft li a:link {
color: #708090;
display: block;
font-size: 140%;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none;
width: 100%;
}

#navleft li a:hover { background: #fff url(img/navleft_button_on.png) repeat-x 0% 0%; text-indent: 10px; }

#navleft li a.current { background-image: none; background-color: #f1f1f1; }

/* ---------- FONTS/COLORS ----------- */

body { color: #333; font: normal 13px/1.4em arial, helvetica, sans-serif; word-spacing: 0.1em; }

h1, h2, h3, h4, h5, h6 {
color: #708090;
line-height: 1em;
letter-spacing: 1px;
margin-bottom: 20px;
}

h1 { font-size: 240%; font-weight: normal; }

h2 {
background: url(img/h2.png) no-repeat bottom left;
font-size: 180%;
font-weight: normal;
margin: 0 0 15px 0;
padding-bottom: 10px;
}

h2.forum {
background: url(img/h2-forum.png) no-repeat bottom left;
font-size: 180%;
font-weight: normal;
margin: 0 0 15px 0;
padding-bottom: 10px;
}

.nogap {margin:0;}

.post h2 {
background:none;
font-size:140%;
}

#column1 h2 {
background: url(img/top_box_sidebar_left.png) no-repeat top left;
font-size: 140%;
font-weight: normal;
padding: 10px;
margin: 0;
width: 170px;
}

#column1 div.textwidget {
background: url(img/top_box_sidebar_left.png) no-repeat top left;
font-size: 140%;
font-weight: normal;
padding: 10px 10px 10px 16px;
margin: 0;
width: 164px;
}

#column3 h2 {
background-image: none;
font-size: 140%;
font-weight: normal;
padding: 10px;
margin: 0 0 10px 0;
width: 170px;
}

#footer h2 {
background-image: none;
font-size: 140%;
font-weight: normal;
margin: 0;
padding: 0 0 5px 0;
}

h3 { font-size: 140%; }

h4, h5, h6 {
color: #333;
font-size: 100%;
font-weight: bold;
margin: 0 0 10px 0;
}

/* ------------- LINKS ------------- */

a, a:link, a:visited { color: #bc6e24; text-decoration: underline; }
a:hover { color: #717e8e; text-decoration: none; }

strong, bold, i, em {
font-size: 1.1em;
font-weight: bold;
letter-spacing: 1px;
font-variant: small-caps;
}

#footer a, #footer a:link, #footer a:visited, #column3 a, #column3 a:link, #column3 a:visited {
color: #717e8e;
font-weight: bold;
text-decoration: none;
}

#footer a:hover, #column3 a:hover { color: #bc6e24; text-decoration: underline; }

/* ----------- SITE STYLES ----------- */

p { margin-bottom: 15px; } /* margin-bottom: 15px; width: 100%; */

#column3 p { margin: 0 0 10px 0; width: 100%; }

#column2 ul { clear: both; padding-left: 0; margin: 0 0 20px 0; }

#column2 ul li {
background: url(img/list.gif) no-repeat 5px center;
list-style-type: none;
margin: 0 0 5px 15px;
padding: 0 0 0 25px;
}

#column2 ol li { background: none; margin: 0 0 5px 40px; }

.blogroll ul { clear: both; padding-left: 0; margin: 0 0 20px 0; }

.blogroll li {
background: url(img/link.gif) no-repeat 5px center;
list-style-type: none;
margin: 0 0 5px 5px;
padding: 0 0 0 25px;
}

blockquote {
border: 1px solid #999;
border-bottom-width: 5px;
background: url(img/blockquote.png) no-repeat 0% 0%;
min-height: 60px;
padding: 0 0 0 70px;
margin: 0 0 20px 0;
clear: both;
}

blockquote p {
font-size: 100%;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 5px;
padding: 5px 10px 5px 0;
}

img { border: 0; vertical-align: middle; }

/* ------------- LISTS ------------- */

/* ------------- CLASSES ------------- */

.template-showcase {float: left; width: 100%;}
.template-showcase-left { float: left; margin: 0 13px 0 0; width: 250px; }
.template-showcase-right { float: left; margin: 0; width: 250px; }

.template-showcase-left .thumb, .template-showcase-right .thumb {
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
height: 175px;
margin-bottom: 5px;
padding: 0 4px 4px 0;
width: 245px;
}

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #333;
background: #F3F3F3;
padding: 5px;
width: 20em;
}

#tooltip dt {
float: left;
width: 6em;
margin: 0;
padding: 3px 0;
text-transform: uppercase;
color: #494557;
font-weight: bold;

}
#tooltip dd {
float: left;
clear: right;
width: 14em;
margin: 0;
padding: 3px 0;
}

.tt { display: none; }

.box-sidebar-left {
background: url(img/bg_box_sidebar_left.png) no-repeat left bottom;
float: left;
width: 190px;
list-style:none
}

.box-sidebar-left p { padding: 0 10px 0 10px; margin-bottom: 10px; width: 170px; }

.latest-posts ul {
margin: 1px;
padding: 0;
list-style: none;
}

.latest-posts ul li {
display: inline;
margin: 0;
padding: 0;
}

.latest-posts ul li a {
display: block;
padding: 0 10px 15px 10px;
text-decoration: none;
color: #494557;
}

.latest-posts ul li a span.title {
text-decoration: underline;
color: #BC6E24;
}

.latest-posts ul li a span.meta {
display: block;
margin-bottom: 10px;
}

.latest-posts ul li a:hover {
background-color: #EFEFEF;
}

.latest-posts ul li a:hover span.title {
}

#column3 .sidebar {
background: url(img/bg_sidebar_right_2.gif) no-repeat left top;
float: left;
margin: 10px 0 0 0;
width: 190px;
}

#column3 .top {
background: url(img/bg_sidebar_right.gif) no-repeat left top !important;
margin-top: -10px !important;
}

.widget{
list-style: none;
}

/* Ads */
#linkcat-3 h2.widgettitle {
margin-bottom:0;
padding-bottom:0;
}

#linkcat-3 ul.blogroll li {
background:none;
margin:0;
padding:0;
}

#linkcat-3 ul.blogroll li a img {
border: 1px solid #e0e0e0;
margin: 15px 0 0 28px;
padding: 4px;
}

#linkcat-3 ul.blogroll li a:hover img {
border: 1px solid #999;
}

* html .box-sidebar-right-1 { width: 170px; }
* html .box-sidebar-right-2 { width: 170px; }

.box-sidebar-right-2 p { padding: 10px 10px 0 10px; width: 170px; }

.footer-block {
float: left;
height: 200px;
width: 303px;
}

.footer-block li {
padding:5px;
}
.footer-block li li {
padding:5px 0 0 5px;
}
.footer-block .widget_rss ul {
list-style:none;
}
.footer-gutter { float: left; width: 15px; height: 1px; }
.footer-block-bottom { float: left; height: 35px; width: 100%; }
.footer-block-bottom p { padding: 15px 0 0 0; text-align: center; }

.img-left { float: left; margin: 5px 10px 0 0; }
.img-center { margin: 0 auto 20px auto; display: block; }
.img-right { float: right; margin: 5px 0 0 10px; }

.border-top { border-top: 1px solid #e0e0e0; margin-top: 15px; padding: 15px 0 0 0; }
.border-bottom { border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; padding: 0 0 15px 0; }
.border-bottom-dotted { border-bottom: 2px dotted #e0e0e0; margin-bottom: 15px; padding: 0; }

/* --------------- FORM -------------- */

input:focus, textarea:focus { background-color: #ffffeb; }
.button:focus { background-color: #e0e0e0; }

#column2 ul li.comment li {
border-left: 3px solid #999;
}

#column2 ul li.comment {
background: url(img/comments_arrow.png) no-repeat 0 5px;
border-left: 5px solid #999;
list-style-type: none;
margin: 0 0 5px 20px;
padding: 0 0 0 10px;
}

.comments {
background: url(img/comments_arrow.png) no-repeat 0 5px;
border-left: 5px solid #999;
margin-left: 20px;
padding-left: 10px;
}

*+html #column2 ul li.comment { background: url(img/comments_arrow.png) no-repeat 5px 5px; }

.commentmetadata {
margin-bottom:20px;
}
.commentmetadata,
.date {
background: url(img/date.png) no-repeat 0% 0%;
padding-left: 20px;
}

/* .post h2 { background-image: none; font-size: 140%; } */

.postmetadata { font-size: 85%; margin-bottom: 15px; text-align: right; }

.contactform,
#commentform {
border: 1px solid #999;
background-color:#f6f6f6;
float: left;
clear: both;
padding: 10px;
margin-bottom: 20px;
width: 493px;
}

.pencil {
background: #f6f6f6 url(img/pencil.png) no-repeat top right;
}

.contactform label,
#commentform label { display: block; }

.contactform ul,
#commentform ul { padding: 0; margin: 0; }

.contactform ul li,
#commentform ul li {
background-image: none;
list-style-type: none;
padding: 0;
margin: 0;
}

.contactform input,
#commentform input { border: 1px solid #999; margin: 5px 0; width: 350px; }

.contactform textarea,
#commentform textarea {
border: 3px solid #999;
height: 214px;
margin: 5px 0;
width: 436px;
}

.contactform #contactsubmit,
#commentform .submit {
background: #999 url(img/submit_button_on.png) repeat-x 0% 0%;
border: 3px solid #fff;
color: #fff;
font-weight: bold;
padding: 6px 10px;
width: auto;
}

fieldset { margin: 0 0 10px 0; padding: 0; }
label { margin: 0 8px 0 0; }
legend { font-weight: bold; margin: 0; padding: 0; }

.post {
text-align: right;
}

/* ------------- CLEARFIX ------------ */

.clear:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clear { display: inline-block; }

* html .clear { height: 1%; }

/**
 * Pagination WP-Style
 */
a.page-numbers {
border-bottom-style: solid;
border-bottom-width: 2px;
font-weight: bold;
margin-right: 1px;
padding: 0 2px;
}

.tablenav {
border:1px #333 solid;
border-width:1px 0;
clear: both;
height: 30px;
margin: 6px 0 4px;
vertical-align: middle;
}

.tablenav .tablenav-pages {
float: right;
display: block;
cursor: default;
height: 30px;
line-height: 30px;
font-size: 11px;
}

.tablenav .tablenav-pages a, .tablenav-pages span.current	{
text-decoration: none;
border: none;
padding: 3px 6px;
border-width: 1px;
border-style: solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.tablenav .displaying-num {
margin-right: 10px;
font-size: 12px;
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-style: italic;
}

/**
 * Profile Page
 */
dl#about_author dt {
float: left;
width: 10em;
margin: 0;
padding: 3px 0;
text-transform: uppercase;
color: #708090;
}

dl#about_author dd {
float: left;
clear: right;
width: 20em;
margin: 0;
padding: 3px 0;
}

/* previous and next links for blog */

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 40px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}