/* Theme Name: gray3*/

/* TYPOGRAPHY */

body {
font-family: Helvetica, Arial, sans-serif; 
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.main{
background-color: #efefef;
color:#333333;
}
#header h1 a{
font-size: 48px;
font-family: LeagueGothicRegular, Impact, sans-serif; 
text-transform:uppercase;
letter-spacing:1px;
line-height:60px;
color:#e0e0e0;
}
#header h1 a:hover{
color: #FF7628;
text-decoration:none;
}
p{
margin: 0 0 20px 0;	
}
a{
color: #FF7628;
}
a:hover{
text-decoration:underline;
}
a:active{
position:relative;
top:1px;
}
.main a{
color: #E36319;
}
.posttitle{
font-size: 48px;
font-family: Georgia, serif; 
letter-spacing:1px;
}

h3.widgettitle{
font-size:14px;
line-height:19px;
height:19px;
margin:20px 0 20px 0;
text-transform:uppercase;
font-weight:bold;
letter-spacing:3px;
border-bottom: 1px solid #e0e0e0;
}
.widget ul{
border-top: 1px solid #292929;
}
.widget li a{
display:block;
line-height: 19px;
border-bottom: 1px solid #292929;
}
.widget li a:hover{
background-color: #292929;
text-decoration:none;
}
.widget.ctc li{
display:block;
line-height: 19px;
border-bottom: 1px solid #292929;
}
.widgetarea.side  h3.widgettitle{
border-bottom: 1px solid #898989;
}
.widgetarea.side .widget ul{
border-top: 1px solid #c0c0c0;
}
.widgetarea.side .widget li a{
border-bottom: 1px solid #c0c0c0;
color: #E36319;
}
.widgetarea.side .widget li a:hover{
background-color: #c0c0c0;
}
.widget.ctc li a{
display:inline;
border-bottom:none;
}
.wp-caption-text{
font-style:italic;
}
/* LAYOUT */
#header, #footer{
background-color: #1c1c1c;
color:#e0e0e0;
padding: 0 20px;
}
.inside{
display:inline-block;
width:980px;
}
.main{
padding: 0 20px 60px 20px;
}
.widgetarea.side{
padding:20px 0 40px 40px;
border-top: 1px solid #c0c0c0;
background-color:#d0d0d0;
}
#categoryposts-3{
margin-left:0;
}
.widgetarea.side .widget{
margin-top:0;
}
/* HEADER */

#header h1{
float:left;
margin: 0 0 0 20px;
width:220px;
height:60px;
}

/* MENU */

#mainmenu{
float:left;
padding:30px 0 0 260px;
height:20px;
width:460px;
margin-bottom:10px;
text-align:right;
}
#mainmenu ul li{
display: inline;
}
#mainmenu a{
font-size:14px;
margin-left:20px;
letter-spacing:1px;
color:#e0e0e0;
font-weight:bold;
}
#mainmenu a:hover{
color: #FF7628;
text-decoration:none;
}
/* POSTS */

.posttitle{
float:left;
display: inline; 
}
.single .posttitle{
margin:60px 0 40px 20px;
width:940px;
line-height: 48px;
}
.single .postheader, .entry{
width:940px;
margin: 20px 0 20px 20px;
}

.postheader{
float:left;
display: inline;
height:19px;
border-bottom: 1px solid #898989;
font-weight:bold;
font-size:11px;
}
.categories, .tags, .date, .previous, .next{
float:left;
display:inline;
height:19px;
}
.tags, .date, .previous, .next{
padding-left:20px;
}
.categories{
width:220px;
}
.tags{
width:380px;
}
.date{
width:140px;
}
.previous, .next{
width:60px;
}
.entry{
width:960px;
margin-left:20px;
}
.post{
float:left;
display:inline;
width:300px;
height:260px;
margin:20px 0 0 20px;
background-color:#d0d0d0;
}
.post .inside{
width:300px;
}
.post.active{
background-color:#ffffff;
}
.index .posttitle{
font-family:  Helvetica, Arial, sans-serif; 
font-weight:bold;
font-size:18px;
display:block;
width:280px;
height:40px;
padding: 10px;
}
.index .posttitle a{
color:#ffffff;
}
.index .post.active .posttitle a{
color:#333333;
}
.index .post.active .posttitle a:hover{
color: #E36319;
text-decoration:none;
}
.index .categories{
width:280px;
height:20px;
margin:0 10px;
border-top: 1px solid #898989;
}

.excerpt {
float:left;
display:inline;
width:280px;
padding: 10px;
height:160px;
overflow:hidden;
}

.postimage{
float:left;
display:inline;
width:280px;
margin: 10px;
height:160px;
overflow:hidden;
}

/* IMAGES */
.wp-caption{
margin-bottom:40px;
}

img.one, img.two, img.three, img.four, img.five, img.six, img.seven, img.eight, img.nine, img.ten, img.eleven, img.twelve{
margin-bottom:20px;
}

/* FOOTER */

#footer{
padding-bottom:40px;
}
.widget{
float:left;
margin:40px 0 0 20px;
display:inline;
width:220px;
}

.widget_text h5{
text-transform:uppercase;
}
/* HOME */
#intro{
background-image:url(cuboctaedro.gif);
background-repeat:no-repeat;
background-position:top left;
margin-bottom:0;
padding-bottom:0;
min-height:400px;
}
#introtext{
padding:20px 0 40px 0;
margin:0 0 0 500px;
width:460px;
}
#introtext p{
text-align:right;
font-family: Georgia, serif; 
font-size:24px;
line-height:30px;
color:#777777;
}

/* GRID */
.one{
width:60px;
}
.two{
width:140px;
}
.three{
width:220px;
}
.four{
width:300px;
}
.five{
width:380px;
}
.six{
width:460px;
}
.seven{
width:540px;
}
.eight{
width:620px;
}
.nine{
width:700px;
}
.ten{
width:780px;
}
.eleven{
width:860px;
}
.twelve{
width:940px;
}
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve{
float:left;
display:inline;
margin-right:20px;
}

/* SPECIALS */
#bio{
padding-top:40px;
}
.jqGSContainer .jqGSPagination{
margin-top:20px;
height:20px;
border-top: 1px solid #898989;
}
.jqGSContainer .jqGSPagination ul{
float:left;
display:inline;
}
.jqGSContainer .jqGSPagination ul li{
float:left;
display:inline;
text-align:center;
}
.jqGSContainer .jqGSPagination ul li a{
background-color:#efefef;
display:block;
width:20px;
height:20px;
line-height:20px; 
}
.jqGSContainer .jqGSPagination ul li a.selected{
color:#333333;
}
.jqGSContainer .jqGSPagination ul li a:hover{
background-color:#e0e0e0;
}
.jqGSTitle{
position:relative;
top:-20px;
}
