/* CSS Document 
Theme Name: JimmyGio Studios
Version: 1.0
Author: Jimmy Giokaris
*/

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }
:focus { outline:0; } /* remember to define focus styles! */
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote { color: #606060;font-weight: normal;font-style: italic;margin: 1em 3em; }
blockquote p:before {content: '"'; }
blockquote p:after {content: '"'; }
a img { border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
.break { float:left; clear:both; }
b, strong { font-weight:bold; text-transform:uppercase; }
em { font-style:italic; }
::-moz-selection { background:#252525; color:#999999; } 
::selection { background:#252525; color:#999999; }

body {font-size: 12px;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background-color:#1b2940; color: #d7d7d7;text-align: center;margin:0 auto; }
h1 {color:#1b2940; font-size:22px; text-decoration:none; list-style-type:none; margin:0px; padding:0px; text-transform:uppercase;}
h2 {color:#1b2940; font-size:18px; text-decoration:none; list-style-type:none; margin:0px; padding:0px;}
h3 {color:#1b2940; font-size:15px; text-decoration:none; list-style-type:none; margin:0px; padding:0px;}
h4 {color:#1b2940; font-size:12px; text-decoration:none; list-style-type:none; margin:0px; font-weight:100;}
h5 {color:#1b2940; font-size:10px; text-decoration:none; list-style-type:none; line-height:13px; margin:0px; padding-bottom:5px;}
p  { margin:0px 0px 8px 0px; }
blockquote { color: #707070;font-weight: bold;font-style: italic;margin: 1em 3em; }
blockquote p:before { content: '"'; }
blockquote p:after { content: '"'; }
a, a:link, a:visited { color:#1b2940; text-decoration:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; text-align: left; }
a:hover, a:active { color:#1b2940; text-decoration:underline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; text-align: left; }
small { font-size:10px; line-height:25px; color:#575757; }
b, strong { color:#575757; text-transform:uppercase; font-size:14px; }
.break { clear:both; }
hr { clear:both; }

/* Header */
#header { height:600px; }
#header-normal { height:160px; background-color:#e1e1e1; width:100%; margin:0 auto; }
#socialheader { float:right; width:255px; border:0px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; }
.headerimg-portfolio {  background-repeat:no-repeat; background-position:center left; position:absolute; width:600px; height:400px; left:360px; }
#headerbkgdimg-about { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; background-image:url("images/aboutbkgdimg.jpg"); }
#headerbkgdimg-contact { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; background-image:url("images/contactbkgdimg.jpg"); }
#headerbkgdimg-web { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; background-image:url("images/webbkgdimg.jpg"); }

/* Navigation */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("images/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; }
#logo { height:100px; width:200px; float:left; background-image:url("images/logo.png"); background-position:top left; background-repeat:no-repeat; }
#menu { position: relative; top:40px; float:right; clear:right; }
#menu ul { list-style:none; }
#menu li { margin:0; padding:0; list-style:none; }
#menu ul li { display:inline; text-transform:uppercase; font-size:18px; background-color:transparent; }
#menu ul li a { color:white; text-decoration:none; font-weight:300; padding:0px 0px 10px 20px; background-color:transparent; }
#menu ul li a:hover { text-decoration:underline; }
#menu ul li:hover ul { visibility:visible; }
#menu ul li ul { background-image:url("images/headerbg.png"); height:30px; width:970px; z-index:1000; color:#fff; position:absolute; visibility:hidden; top:42px; left:-260px; margin:0px; padding:10px 0px 0px 0px; }
#menu ul li ul li { margin:10px 10px 20px 5px; padding:0px; width:150px; }
#menu ul li ul li a { font-size:12px; margin:0px; padding:5px; }
#menu ul li ul li a:hover { text-decoration:underline; }
#menu ul li ul li p { font-size:11px; }
#headernav-outer { position:relative; top:440px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }
#sub-menu { font-size:12px; text-transform:uppercase; color: #575757; padding:0px 0px 10px 0px; margin:0 auto; width:960px; }
#sub-menu a, a:link, a:visited { text-decoration:none; color:#CD2B3A; } 
#sub-menu a:hover { text-decoration:underline; color:#7F000C; }

/* Header text */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("images/textbg.png"); color:#333; font-size:30px; padding:4px 13px 7px; float:left; display:block; text-align:left; width:400px; }
#secondline { background-image:url("images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:42px; padding:0 13px 10px; float:left; display:block; clear:both; text-align:left; width:400px; }
#secondline:hover { text-decoration:underline; color:#7F000C; }
#pictured { background-color:#CC3333; color:#FFF; font-size:11px; padding:9px 16px; float:left; display:block; clear:both; margin-top:10px; text-align:left; width:350px; }
.pictured { background-color:#CC3333; color:#FFF; font-size:11px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; width:350px; }
.pictured a { font-size:13px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* Image Controls */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("images/btn_back.png"); }
#next { background-image:url("images/btn_next.png"); }
#control { background-image:url("images/btn_pause.png"); }

/* Images */
img {border-style:none;border:none;}
img.alignright {float:right;  margin:10px 10px 0px 10px;}
img.alignleft {float:left; margin:10px 10px 0px 10px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 10px 0px 10px;}
a img.alignleft {float:left; margin:10px 10px 0px 10px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {background-color: #f3f3f3;border: 1px solid #ddd;-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; /* optional rounded corners for browsers that support it */margin: 10px;padding-top: 4px; width:auto; }
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {font-size: 11px !important;line-height: 17px;margin: 0;padding: 0 4px 5px;} 

/* Gallery Player */
#gallery-container { width:960px; margin:0 auto; clear:both; padding:5px; }

/* Content */
#content { color:#575757; text-align:left; height:100%; margin:0 auto; background-color:#fff; }
#content p { padding:10px 0px; font-size:12px; width:960px; margin:0 auto; }
#content p a, a:link, a:visited { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }
#content h1, h2, h3, h4 { margin:0 auto !important; width:960px; padding:5px 0px !important; } 
#content h1 a, a:link, a:visited { text-decoration:none; color:#CD2B3A; }
#content h1 a:hover { text-decoration:underline; color:#7F000C; }
#content h2 a, a:link, a:visited { text-decoration:none; color:#CD2B3A; }
#content h2 a:hover { text-decoration:underline; color:#7F000C; }
#content h3 a, a:link, a:visited { text-decoration:none; color:#CD2B3A; }
#content h3 a:hover { text-decoration:underline; color:#7F000C; }
#content img { padding:5px; margin:0 auto; float:left; border:0px; }
#content ul, li, ol { margin:0 auto; width:960px; }
#content b, strong { text-transform:uppercase; font-weight:400; color:#1b2940; }
#content small { font-size:10px; line-height:25px; color:#575757; }
#cbox { width:960px; margin:0 auto; clear:both; padding:5px; }
#cbox a, a:link, a:visited { text-decoration:none; color:#CD2B3A; }
#cbox a:hover { text-decoration:underline; color:#7F000C; }
#cbox p, h3 { margin:0 auto; width:100%; }
#cbox li { float:left; padding:5px; list-style:none; background-color:#FFF; }
#cbox-left {width:450px; float:left;  margin:0 auto; padding:5px 10px; background-color:#fff; }
#cbox-left p, h3 { padding:2px 0px; margin:0 auto; width:450px; background-color:#fff; }
#cbox-right {width:450px; float:right;  margin:0 auto; padding:5px 10px; background-color:#fff; }
#header-titles h1, h2, h3, h4 { margin:0 auto; padding:10px 0px 0px 0px; width:960px; }
#logo-slogan { width:960px; height:400px; margin:0 auto; background-image:url("images/logo-slogan.png"); background-repeat:no-repeat; }
#logo-slogan-text { width:310px; height:200px; float:left; margin:93px 100px 100px 541px; }
#logo-slogan-text p, h3 {padding:2px 0px; margin:0px !important; width:310px; }
#logo-slogan-text h2 { padding:0px 0px 10px 0px; margin:0px; width:310px; }

/* Search */
strong.search-excerpt { background: none; font-size:14px; color:#000; }
#search { float:right; }
#search-container { margin:0 auto; padding:10px 0px 0px 0px; width:960px; }

/* Page Navigation */
#navigation { width:960px; margin:0 auto; }
.wp-pagenavi a, .wp-pagenavi span {background: #ffffff; padding: 5px; margin-right: 10px; font-size: 15px; color: #CD2B3A; text-decoration: none; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.wp-pagenavi a:hover {background: #e1e1e1; color: #CD2B3A; border: 1px solid #AFAFAF;}
.wp-pagenavi span.current { font-weight: bold; background: #CD2B3A; color: #fff; border: 1px solid #AFAFAF; }

/* Footer */
#footer-top { height:200px; width:960px; margin:0 auto; padding:5px 0px; text-align:left; }
#footer-top a, a:link, a:visited { text-decoration:none; color:#ebebeb; background-color:transparent; } 
#footer-top a:hover, a:active { text-decoration:underline; color:#ffffff; background-color:transparent; }
#footer-top li, h3 { list-style:none; background-color:transparent; }
#footer-top-box { float:left; margin:0px 10px; width:300px; }
#footercopy { float:left; font-size:10px; clear:left; }
#footerlogo { float:left;}
#footer { height:150px; text-align:left; width:960px; margin:0 auto; padding:5px 0px 0px 0px; }
#footerlinks { text-align:left; float:right; font-size:11px; color:#575757; padding:0px 0px 0px 30px; }
#footerlinks li { list-style:none; width:100%; background-color:transparent; }
#footerlinks b { text-transform:uppercase; font-weight:400; }
#footerlinks a, a:link, a:visited { text-decoration:none; color:#ebebeb; background-color:transparent; } 
#footerlinks a:hover, a:active { text-decoration:underline; color:#ffffff; background-color:transparent; }