style.css

/*
Theme Name: Gfxmedia
Theme URI: http://themeforest.net/
Description: Designed by <a href="http://themeforest.net/user/system32">system32</a>.
Version: 1.1
Author: <a href="http://themeforest.net/user/system32">system32</a>
Author URI: http://themeforest.net/user/system32
Tags: space, fixed width, two columns, widgets
*/

/*

CSS TABLE OF CONTENTS

    1.  General Typography
    2.  Image Alignments
    3.  Headings
    4.  Top Menu
    5.  Header Sociables
    6.  Sidebar
    7.  Search Box
    8.  Contact Form
    9.  Alert Boxes
    10. Portfolio Hoverables
    11. Blog Posts
    12. Frontpage Blog Entries
    13. WP Calendar
    14. WP Recent Comments
    15. WP Default Typography
    16. WP Attachment
    17. WP Gallery
    18. WP Pagination

*/

/* --- 1.General
________________________________________*/

body                { min-width:100%; width:100%; font:normal 12px/21px "Lucida Sans Unicode","Trebuchet MS", Arial, Helvetica, sans-serif; }

* html              { margin:0; padding:0;}

em                  { font:italic bold 14px Georgia, "Times New Roman", Times, serif; }

a                   { text-decoration:none;}
a:hover             { text-decoration:none;}


.alignleft          { float:left; margin:5px 15px 15px 0;}
.alignright         { float:right; margin:0px 15px 15px 15px;   }
.aligncenter        { clear:both; display:block; margin:10px auto; padding:10px 0;  }

.clear              { clear:both; }

img                 { border:0; }

p                   { margin:0px 0px 20px 0; }

.logo a img         { margin:30px 0px 0 10px; text-indent:-9999px; display:block; }

.grid_8 .content    { margin-left:0;}

.image-holder       { width:960px; height:350px; background:#fff url(images/loading.gif) 50% 50% no-repeat; }

a.more-link         { margin:10px 0; display:block;}


/* --- 2.Image alignment styles
________________________________________*/

img.alignright, a img.alignright { float:right; margin: 0 0 1em 1em}
img.alignleft, a img.alignleft { float:left; margin:0 1em 1em 0}
img.aligncenter, a img.aligncenter { display: block; margin: 1em auto; }


/* --- 3.Headings
________________________________________*/

h1          { font: normal 26px/28px Arial, Helvetica, sans-serif; padding:0; margin:0 0 15px 0; }

h2          { font: normal 22px/24px Arial, Helvetica, sans-serif; padding:0; margin:0 0 15px 0; }

h3          { font: normal 18px/20px Arial, Helvetica, sans-serif; padding:0; margin:0 0 15px 0; }

h4          { font: normal 18px/18px Arial, Helvetica, sans-serif; padding:0; margin:0 0 15px 0; }

h5          { font: normal 16px/20px Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; }

h6          { font: normal 12px/14px Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px 0;  }

h1, h2, h3, h4, h5, h6  { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}

/* --- 4.Top Menu
________________________________________*/

#menu           { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/* --- 5.Header Sociables
________________________________________*/

.social ul      { margin: 0; padding: 0; float:right; }
.social li      { margin-right:8px; padding:4px 0px 0px 0; list-style: none; display: inline; float: left; vertical-align:middle }

/* --- 6.Sidebar
________________________________________*/

#sidebar                { background: #242424; 260px 0 repeat-y;  padding-right:30px; }
#sidebar li a           { padding-left:0;}

.sub_nav                { margin-bottom:30px; }
.sub_nav h2             { margin-bottom:5px; }

/* --- 7.Search Box
________________________________________*/

.search-box             { height: 40px; padding: 25px 0 0 0px; width: auto; margin:0px 20px 10px 0px; }

* html .search-box      { margin-top: 10px; }
*:first-child+html .search-box { margin-top: 10px; !important; }

input.search-field      { background:#f0f0f0; border:1px inset #fff; width:80%; height:20px; float:left; margin:0px; padding: 2px 0px 0px 8px; }
input.search-go         { float:left; height:24px; width:24px; border:0; margin-left:5px; padding:0; background:url(images/search-on.gif) no-repeat 0 0; cursor: pointer; }

input.search-go:hover   { background:url(images/search-hover.gif) no-repeat bottom left; }


/* --- 8.Contact Form
________________________________________*/

#contactform                        { width:500px; -moz-border-radius:5px; margin-left:auto; margin-right:auto; }
#contactform form                   { font:normal 11px/18px Verdana,Tahoma; margin:0 0; padding:0; margin-top:20px; width:100%; }
#contactform fieldset               { padding:10px 0; margin:0 0 15px 0; background:#fff; border:1px solid #ddd; }
#contactform fieldset legend        { font:normal bold 18px/26px "Trebuchet MS"; padding:3px 25px; margin-left:30px; text-transform:uppercase; border:0px solid #ddd; }
#contactform fieldset legend span   { font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block; }
#contactform form label             { display:block; float:left; width:150px; padding:6px 10px 0 0; margin:0px; text-align:right; }
#contactform input.inpt,
#contactform textarea,
#contactform select                 { width:260px; font:normal 11px/18px Verdana,Tahoma; padding:5px; margin:5px 0 5px 0; background:#f5f5f5; border:1px solid #ddd;}

#contactform form br                { clear:left; }
#contactform input.required         { background:#f5f5f5 url('images/required.gif') center right no-repeat; }
#contactform .select select:focus   { border-color: #9b9b9b;}
#contactform form input.btn         { background:none; border:none;     }

#contactform form.c1 input:hover,
#contactform textarea:hover         { border:1px solid #d8d8d8; }

#note                               { width:90%; margin:0 auto; }


/* --- 9.Alert Boxes
________________________________________*/

.notes      { background:#f0f0f0; border:1px solid #b8b8b8; }
.success    { background:#ccfcd1; border:1px solid #60a400; }
.error      { background:#f9e3e3; border:1px solid #e79e9e; }
.notice     { background:#fcf0cc; border:1px solid #ecc735; }

.notes,
.notice,
.success,
.error      { padding:10px; font-size:10px; color:#000; }

.notes span,
.notice span,
.success span,
.error span { font-weight:bold; font-size:1.2em; }

.notes p,
.success p,
.error p,
.notice p   { margin:0px; padding:0px; }

/* --- 10.Portfolio Hoverables
________________________________________*/

.hover_video    { position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image    { position: absolute; background:transparent url(images/image.png) no-repeat center center;}

div.pic a img,
div.pic a:hover img     { position:relative; z-index:2;}


/* --- 11.Blog Posts
________________________________________*/

.postimg        { margin-bottom:10px;}

.excerpt ol,
.excerpt ul  { margin:10px 0 20px 20px; }

.excerpt ol li,
.excerpt ul li  { list-style-position:outside; }

.excerpt ol li  { list-style-type:decimal; }
.excerpt ul li  { list-style-type:circle; }


.porttext h4    { margin-bottom:0 !important;}
.porttext p     { line-height:18px;}

.colortheme     { position:absolute; width:100%; color:#000; font-size:9px; color:#ccc; text-decoration: blink; text-align:center;}

/* --- 12.Frontpage Blog Entries
________________________________________*/

ul.popular_lists                            { margin-bottom:3px;margin-top:5px;}
ul.popular_lists li                         { padding:0px; margin-bottom:10px; clear:both; overflow:hidden; height:100%; color:#fff; }
ul.popular_lists li img                     { border:1px solid #fff; background:#ccc; padding:2px;}
ul.popular_lists li .title                  { font-size:12px; font-weight:bold; padding-bottom:10px; margin:0;}
ul.popular_lists li .title a                {  }
ul.popular_lists li .title a:hover          { text-decoration:none;}
ul.popular_lists li .desc                   { padding:0px; margin:0; color:#fff;}

/* --- 13.WP Calendar
________________________________________*/

#wp-calendar                                    { width:100%; }
#wp-calendar caption                                { font-size:15px; }
#wp-calendar td,
#wp-calendar th                                 { padding:6px;  text-align:center;}

/* --- 14.WP Recent Comments
________________________________________*/

ul#recentcomments li { border-bottom:1px solid #ddd;padding:6px 0;}
ul#recentcomments li a { display:inline; border-bottom:none;    }


/* ---  15. WP Default Typography
________________________________________*/


blockquote                  { quotes: none; }
blockquote:before,
blockquote:after            { content: ''; content: none; }
blockquote                  { font-style: italic; padding: 0 3em; }
blockquote cite,
blockquote em,
blockquote i                { font-style: normal;}

.entry blockquote.left      { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%;}
.entry blockquote.right     { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%;}

.content table              { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%; }
.content tr th,
.content thead th           { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; }
.content tr td              { border-top: 1px solid #e7e7e7; padding: 6px 24px;}
.content tr.odd td          { background: #F2F7FC;}


dl                          { margin:0 0 24px 0;}
dt                          { font-weight: bold;}
dd                          { margin-bottom: 18px;}

hr                          { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;}

pre                         { font-family: "Courier 10 Pitch", Courier, monospace;}
code                        { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
strong                      { font-weight: bold;}
cite, em, i                 { font-style: italic;}
big                         { font-size: 131.25%;}
ins                         { background: #FFFFCC;}

pre                         { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;}
abbr,
acronym                     { border-bottom: 1px dotted #666; cursor: help;}
ins                         { text-decoration: none;}
sup,
sub                         { height: 0; line-height: 1; vertical-align: baseline; position: relative;}
sup                         { bottom: 1ex;}
sub                         { top: .5ex;}

del                         { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table                       { border-collapse: collapse; border-spacing: 0; }

/* ---  16.WP Attachment
-------------------------------------------------------------- */

.entry-content .attachment img                      { margin-bottom: 0;}
.attachment .entry-content .entry-caption           { font-size: 140%; margin-top: 24px;}
.attachment .entry-content .nav-previous a:before   { content: '\2190\00a0';}
.attachment .entry-content .nav-next a:after        { content: '\00a0\2192';}


/* ---  17.WP Gallery
________________________________________*/

.entry-content img          { margin: 0 0 24px 0; max-width: 640px;}

.content .wp-caption                    { background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;}
.content .wp-caption img                { margin: 5px; }
.content .wp-caption p.wp-caption-text  { margin: 0 0 4px;}
.content .wp-smiley                     { margin:0; }

.content .gallery                       { margin: auto;}
.content .gallery .gallery-item         { float: left; margin-top: 10px; text-align: center; width: 33%;}
.content .gallery img                   { border: 2px solid #cfcfcf;}
.content .gallery .gallery-caption      { margin-left: 0;}
.content .gallery dl                    { margin: 0;}
.content .gallery img                   { border: 10px solid #f1f1f1;}
.content .gallery-caption               { color: #888; font-size: 12px; margin:-24px 0 24px 0;}
.content .gallery br+br                 { display: none;}


/* ---  18.WP Pagination
________________________________________*/

.pagination                             { clear:both; margin-top:30px; height:50px; margin-left:20px; width:100%; border-top:1px solid #ddd; padding-top:15px;}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend                 { font-size:11px; padding: 10px;  margin: 1px; color:#444; border: 1px solid #c8c8c8; background: #FFFFFF;
                                                    -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}

.pagination span.pages                  { border:0; text-transform:uppercase }
.pagination a:hover                     { border: 1px solid #000; background: #fff; }

.pagination span.current                { padding: 10px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #000;}